Android布局
一、线性布局
属性：orientation vertical horizontal
layout_weight【水平均分，width="0dp"】
layout_height
layout_width
小动物连连看
1<?xml version="1.0" encoding="utf-8"?>2<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"3 android:layout_width="match_parent"4 android:layout_height="match_parent"5 android:layout_gravity="center"6 android:background="@drawable/animal_bg"7 android:orientation="vertical"8 android:paddingLeft="15dp"9 android:paddingRight="15dp">10 <LinearLayout11 android:layout_width="wrap_content"12 android:layout_height="wrap_content"13 android:layout_gravity="center"14 android:layout_marginTop="200dp"15 android:orientation="horizontal">16 <Button17 style="@style/btnStyle"18 android:background="@drawable/three" />19 <Button20 style="@style/btnStyle"21 android:background="@drawable/four" />22 <Button23 style="@style/btnStyle"24 android:background="@drawable/box" />25 <Button26 style="@style/btnStyle"27 android:background="@drawable/five" />28 </LinearLayout>29 <LinearLayout30 android:layout_width="wrap_content"31 android:layout_height="wrap_content"32 android:layout_gravity="center"33 android:layout_marginTop="15dp"34 android:orientation="horizontal">35 <Button36 style="@style/btnStyle"37 android:background="@drawable/one" />38 <Button39 style="@style/btnStyle"40 android:background="@drawable/two" />41 <Button42 style="@style/btnStyle"43 android:background="@drawable/box" />44 <Button45 style="@style/btnStyle"46 android:background="@drawable/four" />47 </LinearLayout>48 <LinearLayout49 android:layout_width="wrap_content"50 android:layout_height="wrap_content"51 android:layout_gravity="center"52 android:layout_marginTop="15dp"53 android:orientation="horizontal">54 <Button55 style="@style/btnStyle"56 android:background="@drawable/five" />57 <Button58 style="@style/btnStyle"59 android:background="@drawable/box" />60 <Button61 style="@style/btnStyle"62 android:background="@drawable/three" />63 <Button64 style="@style/btnStyle"65 android:background="@drawable/two" />66 </LinearLayout>67</LinearLayout>
二、相对布局 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"><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="B2"android:id="@+id/b2"android:layout_centerHorizontal="true"android:layout_marginTop="260dp"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="b3"android:layout_alignBottom="@+id/b2"android:layout_marginBottom="100dp"android:layout_toRightOf="@+id/b2"/></RelativeLayout>音乐播放器
1<?xml version="1.0" encoding="utf-8"?>2<RelativeLayout3 xmlns:android="http://schemas.android.com/apk/res/android"4 android:layout_width="match_parent"5 android:layout_height="match_parent"6 android:background="@drawable/music_bg">7 <Button8 android:id="@+id/btn_icon"9 android:layout_width="120dp"10 android:layout_height="120dp"11 android:layout_centerHorizontal="true"12 android:layout_marginTop="150dp"13 android:background="@drawable/music_icon" />14 <Button15 android:id="@+id/btn_progress"16 android:layout_width="300dp"17 android:layout_height="10dp"18 android:layout_below="@id/btn_icon"19 android:layout_centerHorizontal="true"20 android:layout_marginTop="100dp"21 android:background="@drawable/progress_icon" />22 <RelativeLayout23 android:layout_width="match_parent"24 android:layout_height="wrap_content"25 android:layout_below="@id/btn_progress"26 android:layout_marginTop="35dp"27 android:gravity="center_horizontal">28 <Button29 android:id="@+id/btn_left"30 android:layout_width="30dp"31 android:layout_height="30dp"32 android:background="@drawable/left_icon" />33 <Button34 android:id="@+id/btn_mid"35 android:layout_width="30dp"36 android:layout_height="30dp"37 android:layout_marginLeft="50dp"38 android:layout_toRightOf="@id/btn_left"39 android:background="@drawable/middle_icon" />40 <Button41 android:id="@+id/btn_right"42 android:layout_width="30dp"43 android:layout_height="30dp"44 android:layout_marginLeft="50dp"45 android:layout_toRightOf="@id/btn_mid"46 android:background="@drawable/right_icon" />47 </RelativeLayout>48</RelativeLayout>
表格布局 TableLayout
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:stretchColumns="2" ><TableRow><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="0"android:text="1" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="1"android:text="2" /></TableRow><TableRow><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="1"android:text="3" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="2"android:text="4" /></TableRow><TableRow><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="2"android:text="鎸夐挳5" /></TableRow>
</TableLayout>
计算器实现
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:stretchColumns="*"><TableRowandroid:id="@+id/tr_one"style="@style/rowStyle"android:layout_marginTop="200dp"><Buttonstyle="@style/btnStyle"android:text="C" /><Buttonstyle="@style/btnStyle"android:text="←" /><Buttonstyle="@style/btnStyle"android:text="+" /><Buttonstyle="@style/btnStyle"android:text="-" /></TableRow><TableRowandroid:id="@+id/tr_two"style="@style/rowStyle"><Buttonstyle="@style/btnStyle"android:text="7" /><Buttonstyle="@style/btnStyle"android:text="8" /><Buttonstyle="@style/btnStyle"android:text="9" /><Buttonstyle="@style/btnStyle"android:text="x" /></TableRow><TableRowandroid:id="@+id/tr_three"style="@style/rowStyle"><Buttonstyle="@style/btnStyle"android:text="6" /><Buttonstyle="@style/btnStyle"android:text="5" /><Buttonstyle="@style/btnStyle"android:text="4" /><Buttonstyle="@style/btnStyle"android:text="/" /></TableRow><TableRowandroid:id="@+id/tr_four"style="@style/rowStyle"><Buttonstyle="@style/btnStyle"android:text="1" /><Buttonstyle="@style/btnStyle"android:text="2" /><Buttonstyle="@style/btnStyle"android:text="3" /><Buttonstyle="@style/btnStyle"android:text="." /></TableRow><TableRowandroid:id="@+id/tr_five"style="@style/rowStyle"><Buttonstyle="@style/btnStyle"android:layout_span="2"android:text="0" /><Buttonstyle="@style/btnStyle"android:layout_span="2"android:text="=" /></TableRow>
</TableLayout><?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"android:orientation="vertical"><TableLayoutandroid:id="@+id/tablelayout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"><TableRow><Buttonandroid:id="@+id/bt_clear"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="C"/><Buttonandroid:id="@+id/bt_delete"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="Del" /><Buttonandroid:id="@+id/bt_percent"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="%"/><Buttonandroid:id="@+id/bt_div"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="÷"/></TableRow><TableRow><Buttonandroid:id="@+id/bt_num7"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="7"/><Buttonandroid:id="@+id/bt_num8"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="8"/><Buttonandroid:id="@+id/bt_num9"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="9"/><Buttonandroid:id="@+id/bt_mult"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="×"/></TableRow><TableRow><Buttonandroid:id="@+id/bt_num4"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="4"/><Buttonandroid:id="@+id/bt_num5"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="5"/><Buttonandroid:id="@+id/bt_num6"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="6"/><Buttonandroid:id="@+id/bt_minus"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="－"/></TableRow><TableRow><Buttonandroid:id="@+id/bt_num1"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="1"/><Buttonandroid:id="@+id/bt_num2"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="2"/><Buttonandroid:id="@+id/bt_num3"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="3"/><Buttonandroid:id="@+id/bt_plus"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:text="＋"/></TableRow><TableRow><Buttonandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="("/><Buttonandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text=")"/><Buttonandroid:id="@+id/bt_num0"android:layout_width="0dp"android:layout_weight="2"android:layout_height="wrap_content"android:text="0"/><Buttonandroid:id="@+id/bt_dot"android:layout_width="0dp"android:layout_weight="2"android:layout_height="wrap_content"android:text="·"/><Buttonandroid:id="@+id/bt_equal"android:layout_width="0dp"android:layout_weight="2"android:layout_height="wrap_content"android:text="＝"/></TableRow></TableLayout>
</RelativeLayout>帧布局FrameLayout
