Android 之 五大布局案例
2014-01-08 10:41
281 查看
[size=medium][color=red]1、LinearLayout 线性布局例子:[/color][/size]
[size=medium][color=red]
2、RelativeLayout 相对布局案例一:[/color][/size]
[size=medium][color=red]2.1 相对布局案例二:[/color][/size]
[size=medium][color=red]3、TableLayout 表格布局案例:[/color][/size]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.5"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="0.2"
android:background="#5F9EA0"
android:gravity="center"
android:text="ONE" />
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="0.2"
android:background="#FFEBCD"
android:gravity="center"
android:text="ONE" />
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="0.2"
android:background="#F5F5DC"
android:gravity="center"
android:text="ONE" />
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="0.2"
android:background="#FFE4C4"
android:gravity="center"
android:text="ONE" />
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="0.2"
android:background="#A52A2A"
android:gravity="center"
android:text="ONE" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.5"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:background="#A9A9A9"
android:gravity="center"
android:text="TWO" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:background="#006400"
android:gravity="center"
android:text="TWO" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:background="#BDB76B"
android:gravity="center"
android:text="TWO" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:background="#8B008B"
android:gravity="center"
android:text="TWO" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:background="#DC143C"
android:gravity="center"
android:text="TWO" />
</LinearLayout>
</LinearLayout>
[size=medium][color=red]
2、RelativeLayout 相对布局案例一:[/color][/size]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<EditText
android:id="@+id/editText1"
android:layout_width="280dp"
android:layout_height="wrap_content"
android:layout_below="@+id/textView1"
android:layout_marginTop="16dp"
android:ems="10" >
<requestFocus />
</EditText>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_toLeftOf="@+id/button1"
android:text="确定" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/editText1"
android:layout_below="@+id/editText1"
android:text="取消" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText1"
android:layout_alignParentTop="true"
android:text="用户名:" />
</RelativeLayout>
[size=medium][color=red]2.1 相对布局案例二:[/color][/size]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<AnalogClock
android:id="@+id/analogClock1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="67dp" />
<DigitalClock
android:id="@+id/digitalClock1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/analogClock1"
android:layout_centerHorizontal="true"
android:layout_marginTop="27dp"
android:text="DigitalClock"
android:textColor="#F5F5DC" />
</RelativeLayout>
[size=medium][color=red]3、TableLayout 表格布局案例:[/color][/size]
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#000000" >
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#F5F5DC"
android:shrinkColumns="1"
android:layout_marginLeft="1dp"
>
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="1dp" >
<TextView
android:layout_width="40dp"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="代码"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="80dp"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="名称"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="现价"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="涨跌"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="涨跌(%)"
android:textColor="#F5F5DC"
android:textSize="20sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="1dp" >
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="001"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="A股"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="0.0"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="1.05"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="1.0"
android:textColor="#F5F5DC"
android:textSize="20sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="1dp" >
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="002"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="B股"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="5.0"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="1.4"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="30"
android:textColor="#F5F5DC"
android:textSize="20sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="1dp" >
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="003"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="C 股"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="4.0"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="1.4"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="38"
android:textColor="#F5F5DC"
android:textSize="20sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="1dp" >
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="004"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="D股"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="6.8"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="1.4"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="55"
android:textColor="#F5F5DC"
android:textSize="20sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="1dp"
android:layout_marginBottom="1dp"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="005"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="E股"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="6.9"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="1.1"
android:textColor="#F5F5DC"
android:textSize="20sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_weight="0.2"
android:background="#000000"
android:gravity="center"
android:padding="1dp"
android:text="90"
android:textColor="#F5F5DC"
android:textSize="20sp" />
</TableRow>
</TableLayout>
</FrameLayout>
相关文章推荐
- [转]浅谈Android五大布局(一)——LinearLayout、FrameLayout和AbsoulteLayout
- Android开发五大布局
- Android学习总结二:五大布局、Android测试、数据存储访问(TextUtils)、Map的使用
- Android基本布局案例
- Android五大布局方式详解
- [置顶] Android之四大组件、六大布局、五大存储
- Android第三次课→五大布局
- 浅谈Android五大布局(二)——RelativeLayout和TableLayout(配以小例子:代码+图)
- Android基础教程(二)之五大布局对象---FrameLayout,LinearLayout ,AbsoluteLayout,RelativeLayout,TableLayout.
- Android开发之详解五大布局
- 浅谈Android五大布局
- Android 四大组件五大布局
- android中四大组件,五大布局
- Android开发之详解五大布局
- Android中的五大布局
- Android 五大布局
- Android应用开发之FrameLayout (帧布局)+小鸟飞翔案例
- 五大Android布局方式浅析
- Android应用开发之RelativeLayout (相对布局)+梅花效果案例
- 浅谈Android五大布局(一)——LinearLayout、FrameLayout和AbsoulteLayout