android基本布局

时间：2015-01-21 21:56:32 阅读：205 评论：0 收藏：0 [点我收藏+]

标签：

第一种：线性布局

这种布局相对是比较简单的，要么竖向排列，要么横向排列

[html] view plain copy

<?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"
android:padding="10dp">
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/Type"/>
<EditText
android:id="@+id/et_entry"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/hello"
android:background="#ffffff"/>
<Button
android:id="@+id/ok"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/OK"/>
<Button
android:id="@+id/cancel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/Cancel"/>
</LinearLayout>

效果如下：
技术分享

第二种：相对布局

相对布局：即相对于一个参照物的位置，那么必须先有参照物，才能确定接下来的控件的位置，例如先有A，然后B相对于A，在A的右边、下边或者什么位置。当然android中也可以相对于父窗体。

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 2 xmlns:tools="http://schemas.android.com/tools" 
 3 android:layout_width="match_parent" 
 4 android:layout_height="100dp" 
 5 tools:context=".MainActivity"> 
 6 <TextView
 7 android:id="@+id/tv_title" 
 8 android:layout_width="wrap_content" 
 9 android:layout_height="wrap_content" 
10 android:layout_marginLeft="10dp"
11 android:layout_marginTop="10dp" 
12 android:textColor="#660000"
13 android:textSize="20sp"
14 android:text="我是大的文本" /> 
15 <TextView 
16 android:layout_below="@id/tv_title" 
17 android:layout_width="wrap_content" 
18 android:layout_height="wrap_content" 
19 android:layout_marginLeft="10dp" 
20 android:layout_marginTop="10dp" 
21 android:textColor="#660000" 
22 android:textSize="14sp" 
23 android:text="我是小的文本" /> 
24 <CheckBox 
25 android:layout_width="wrap_content" 
26 android:layout_height="wrap_content" 
27 android:layout_alignParentLeft="true" 
28 android:layout_centerVertical="true"
29 />
30 </RelativeLayout>