[英]Layout using LinearLayout, Imagebuttons and TextView
我希望我可以做以下图片:
好吧...我的布局应如下图所示(唯一的区别是它们将不是纯色...它们将是图片)
链接到图像: http : //www.imagebam.com/image/6054a5158069351
我的应用程序中包含以下代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#FFFFFFFF">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="2"/>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="1">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1">
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="30dip"
android:layout_weight="1">
<ImageButton
android:scaleType="centerCrop"
android:cropToPadding="true"
android:background="@drawable/user"
android:layout_gravity="center_horizontal"
android:padding="20dip"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
</ImageButton>
<TextView android:text="User"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:textSize="20dip"
android:textColor="#000000"
android:textStyle="bold"
android:layout_weight="1"/>
</FrameLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1">
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="30dip"
android:layout_weight="1">
<ImageButton
android:scaleType="centerCrop"
android:cropToPadding="true"
android:layout_gravity="center_horizontal"
android:background="@drawable/admin"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
</ImageButton>
<TextView android:text="Admin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:textSize="20dip"
android:textColor="#000000"
android:textStyle="bold"
android:layout_weight="1"/>
</FrameLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="2"/>
大家可以看到...上面的布局无法正常工作。
我希望上面的布局可以“扩展”到更大的屏幕上,以保持宽高比,知道吗?
有任何想法吗?
欢迎任何帮助。
我想我找到了解决方案。 下面的代码有效。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#FFFFFFFF">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="1">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1">
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical|center_horizontal"
>
<ImageView
android:scaleType="centerCrop"
android:cropToPadding="true"
android:src="@drawable/user"
android:id="@+id/user"
android:background="@drawable/image_bg"
android:layout_gravity="center_horizontal"
android:padding="20dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0.8">
</ImageView>
<TextView android:text="User"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:textSize="20dip"
android:textColor="#000000"
android:textStyle="bold"
android:layout_weight=".2"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1">
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical|center_horizontal"
>
<ImageView
android:scaleType="centerCrop"
android:cropToPadding="true"
android:src="@drawable/admin"
android:id="@+id/cuidador"
android:background="@drawable/image_bg"
android:layout_gravity="center_horizontal"
android:padding="20dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0.8">
</ImageView>
<TextView android:text="Admin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:textSize="20dip"
android:textColor="#000000"
android:textStyle="bold"
android:layout_weight=".2"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
</LinearLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.