android布局之属性理解--类比div布局

android布局之属性理解--类比div布局_第1张图片android布局之属性理解--类比div布局_第2张图片android布局之属性理解--类比div布局_第3张图片

布局思路和步骤

1.在最外层建一个layout视图容器

2.在依次嵌套视图容器(为了设置父子视图之间的视图关系),最后放入视图控件

<?xml version="1.0" encoding="utf-8"?>
<TableLayout --最外层必须有一个layout视图
android:id="@+id/widget49"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">
<TableRow
android:id="@+id/widget51"
android:layout_width="wrap_content "
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
android:layout_gravity="center_horizontal">
<LinearLayout
android:id="@+id/widget54"
android:layout_width="160dp"--宽分为320dp,160dp表示手机宽的一半。不明白设计时为什么不用百分比
android:layout_height="wrap_content"
android:orientation="vertical"--每行只显示一个视图控件
android:gravity="right">
<ImageView
android:id="@+id/widget55"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/img1"
android:layout_gravity="center" />--当前视图控件在父视图控件中的位置,居中显示
<TextView
android:id="@+id/widget59"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:layout_gravity="center" />--当前视图控件在父视图控件中的位置,居中显示
</LinearLayout>
<LinearLayout
android:id="@+id/widget56"
android:layout_width="160dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:id="@+id/widget57"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/img1"
android:layout_gravity="center_horizontal" />
<TextView
android:id="@+id/widget58"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:layout_gravity="center_horizontal" />
</LinearLayout>
</TableRow>
</TableLayout>



你可能感兴趣的:(android,layout,手机,div,encoding)