目前自学到布局部分,下面演示了不同布局的基本训练,涵盖的内容还是不错的,而且简单易懂,分享给大家。
1.LinearLayout流式布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:text="开始" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical|left" android:text="返回" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="结束" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:weightSum="3" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="new" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:visibility="invisible" android:text="newc" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="news" /> </LinearLayout> </LinearLayout>
2.RelativeLayout相对布局
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:text="Fight" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:text="L_f" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_alignParentRight="true" android:text="R_f" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" android:text="Run" /> <Button android:id="@+id/bom" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="Boom!" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@+id/bom" android:layout_alignBaseline="@+id/bom" android:text="左" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@+id/bom" android:layout_alignBaseline="@+id/bom" android:text="右" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/bom" android:layout_centerHorizontal="true" android:text="上" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/bom" android:layout_centerHorizontal="true" android:text="下" /> </RelativeLayout>
3.FrameLayout帧布局
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <Button android:layout_width="200dp" android:layout_height="200dp" android:layout_gravity="center" /> <Button android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center" /> <Button android:layout_width="50dp" android:layout_height="50dp" android:layout_gravity="center" /> </FrameLayout>
4.其他不常用布局,比如绝对布局,表格布局
<?xml version="1.0" encoding="utf-8"?> <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_x="150dp" android:layout_y="160dp" android:text="kakka" /> </AbsoluteLayout>
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:shrinkColumns="0" android:collapseColumns="0"> <TableRow android:layout_height="wrap_content"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="L1,C0" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="L1,C1" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="L1,C3" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="L1,C4" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="L1,C5" /> </TableRow> <TableRow android:layout_width="wrap_content" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="L2,C0" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_column="3" android:layout_span="2" android:text="L2,C1" /> </TableRow> </TableLayout>