由于需要跟产品讲解什么叫线性布局,想来想去还是觉得来一张图最简单明了了。
上图:
当让代码就不用跟产品讲了,但是这里还是为了学习,贴上代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#3333ff" android:orientation="vertical" > <TextView android:layout_width="fill_parent" android:layout_height="20dp" android:layout_gravity="center_horizontal" android:layout_margin="10dp" android:gravity="center" android:text="线性垂直布局:子view平均分配屏幕剩余高度" android:textColor="@android:color/white" android:textSize="18sp"/> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1.0" android:background="#ffffff" android:orientation="vertical" android:padding="8dp" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginBottom="5dp" android:gravity="left|center_vertical" android:text="第一行 线性水平布局:带属性" android:textColor="@android:color/black" android:textSize="18sp"/> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1.0" android:orientation="horizontal" > <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="center_horizontal" android:background="#888088" android:gravity="center" android:text="第一列:宽度包裹内容" android:textColor="@android:color/white" android:textSize="13sp"/> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="center_horizontal" android:background="#88ff00ff" android:gravity="center" android:padding="5dp" android:text="第二列\n宽度包裹内容\n且带边距" android:textColor="#0000ff" android:textSize="13sp"/> <TextView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center_horizontal" android:layout_weight="1.0" android:background="#33ff33" android:gravity="center" android:text="第三列:\n自动填充\n剩余宽度\n随着屏幕宽度动态变化" android:textColor="@android:color/white" android:textSize="13sp"/> <TextView android:layout_width="20dp" android:layout_height="match_parent" android:layout_gravity="center_horizontal" android:background="#888088" android:gravity="center" android:text="第四列:固定宽度" android:textColor="@android:color/white" android:textSize="13sp"/> </LinearLayout> </LinearLayout> <TextView android:layout_width="fill_parent" android:layout_height="0dp" android:layout_gravity="center_horizontal" android:layout_weight="1.0" android:background="#8800ff" android:gravity="left|center_vertical" android:padding="10dp" android:text="第二行" android:textColor="@android:color/white" android:textSize="18sp"/> <TextView android:layout_width="fill_parent" android:layout_height="0dp" android:layout_gravity="center_horizontal" android:layout_weight="1.0" android:background="#33ff33" android:gravity="left|center_vertical" android:padding="10dp" android:text="第三行" android:textColor="@android:color/white" android:textSize="18sp"/> </LinearLayout> </LinearLayout>
这张图在讲解线性布局的同时,同时也讲解了部分线性布局的属性,以便产品更好的设计。