android基本布局
第一种:线性布局
这种布局相对是比较简单的,要么竖向排列,要么横向排列
-
<?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>
这个布局如下图所示:
第三种:表格布局
表格布局:比如几行几列的格式,例如excel的样子
- <?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:background="#000000"
- android:stretchColumns="1" >
- <TableRow >
- <TextView
- android:text="姓名"
- android:padding="10dip"
- android:textColor="#ffffff"/>
- <EditText
- android:layout_marginLeft="20dp"
- android:background="#ffffff"
- />
- </TableRow>
- <TableRow >
- <TextView
- android:text="密码"
- android:padding="10dip"
- android:textColor="#ffffff"/>
- <EditText
- android:layout_marginLeft="20dp"
- android:background="#ffffff"
- android:password="true"
- />
- </TableRow>
- </TableLayout>
效果如下:
第四种:帧布局
帧布局:其实比较简单的理解就是,一个图片叠加到一个图片的上面,就是图片的叠加
- <?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"
- >
- <TextView
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:layout_gravity="center"
- android:background="#ff0000" />
- <TextView
- android:layout_width="250dp"
- android:layout_height="390dp"
- android:layout_gravity="center"
- android:background="#dd0000" />
- <TextView
- android:layout_width="180dp"
- android:layout_height="300dp"
- android:layout_gravity="center"
- android:background="#bb0000" />
- <TextView
- android:layout_width="110dp"
- android:layout_height="210dp"
- android:layout_gravity="center"
- android:background="#990000" />
- <TextView
- android:layout_width="40dp"
- android:layout_height="120dp"
- android:layout_gravity="center"
- android:background="#770000" />
- </FrameLayout>
效果如下:
好了,击中常见的布局方式就介绍完了,这些也是自己在看代码的过程中摸索出来的,希望对自己,对别人会有所帮助
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。