首页必赢亚洲bwin188 › .Net码农学Android---五分钟了解布局

.Net码农学Android---五分钟了解布局

在android中使用之界面是为xml来组织的,这一点同WPF相似,通过安排xml文件我们好活的构建起你协调想要之界面。

若在具备的xml界面文件中,根节点必须是布局,即先来布局,然后于布局中社控件或嵌套布局,android中之布局有5种植,熟悉各种布局的行使对咱下开发中再次好的团伙界面大有益处,以下简介绍。

  • TableLayout

表布局,就是相仿我们以网页中坐表来集团控件的布局。以N行N列的花样排列出相应的控件。

 1  <TableLayout
 2         android:layout_width="wrap_content"
 3         android:layout_height="wrap_content"
 4         android:layout_alignLeft="@+id/textView1"
 5         android:layout_centerHorizontal="true"
 6         android:layout_centerVertical="true" >
 7 
 8         <TableRow
 9             android:id="@+id/tableRow1"
10             android:layout_width="wrap_content"
11             android:layout_height="wrap_content" >
12 
13             <Button
14                 android:layout_width="wrap_content"
15                 android:layout_height="wrap_content"
16                 android:text="1行1列" />
17 
18             <Button
19                 android:layout_width="wrap_content"
20                 android:layout_height="wrap_content"
21                 android:text="1行2列" />
22         </TableRow>
23 
24         <TableRow
25             android:id="@+id/tableRow2"
26             android:layout_width="wrap_content"
27             android:layout_height="wrap_content" >
28 
29             <Button
30                 android:layout_width="wrap_content"
31                 android:layout_height="wrap_content"
32                 android:text="2行1列" />
33 
34             <Button
35                 android:layout_width="wrap_content"
36                 android:layout_height="wrap_content"
37                 android:text="2行2列" />
38         </TableRow>
39 
40         <TableRow
41             android:id="@+id/tableRow3"
42             android:layout_width="wrap_content"
43             android:layout_height="wrap_content" >
44 
45             <Button
46                 android:layout_width="wrap_content"
47                 android:layout_height="wrap_content"
48                 android:text="3行1列" />
49 
50             <Button
51                 android:layout_width="wrap_content"
52                 android:layout_height="wrap_content"
53                 android:text="3行2列" />
54         </TableRow>
55     </TableLayout>

必赢亚洲bwin188 1

  • LineLayout

线性布局,比较简单,就是因水平或垂直的法子一行一个或同等列一个底花样布置控件。

 1   <LinearLayout
 2         android:layout_width="fill_parent"
 3         android:layout_height="fill_parent"
 4         android:orientation="vertical" >//水平或垂直
 5 
 6         <Button
 7             android:layout_width="fill_parent"
 8             android:layout_height="wrap_content"
 9             android:text="1行" />
10 
11         <Button
12             android:layout_width="fill_parent"
13             android:layout_height="wrap_content"
14             android:text="2行" />
15 
16         <Button
17             android:layout_width="fill_parent"
18             android:layout_height="wrap_content"
19             android:text="3行" />
20     </LinearLayout>

必赢亚洲bwin188 2

  • RelativeLayout

对立布局,最为灵活得分一种植布局,用于集体一些犬牙交错界面,在此布局中之子元素里跟职务相关的性质将生效。例如android:layout_below,
 android:layout_above, android:layout_centerVertical等。注意在指定位置关系经常,引用的ID必须于援之前,先给定义,否则将出现异常。

 1  <RelativeLayout
 2         android:layout_width="fill_parent"
 3         android:layout_height="fill_parent"
 4         android:orientation="vertical" >
 5 
 6         <Button
 7             android:id="@+id/text_01"
 8             android:layout_width="50dp"
 9             android:layout_height="50dp"
10             android:layout_alignParentBottom="true"
11             android:gravity="center"
12             android:text="1" />
13 
14         <Button
15             android:id="@+id/text_02"
16             android:layout_width="50dp"
17             android:layout_height="50dp"
18             android:layout_above="@id/text_01"//相对布局中的特有属性,xx之上/之下/之左/之右等
19             android:layout_centerHorizontal="true"
20             android:gravity="center"
21             android:text="2" />
22 
23         <Button
24             android:id="@+id/text_03"
25             android:layout_width="50dp"
26             android:layout_height="50dp"
27             android:layout_above="@id/text_01"
28             android:layout_toLeftOf="@id/text_02"//相对布局中的特有属性,在xx的左边
29             android:gravity="center"
30             android:text="3" />
31     </RelativeLayout>

必赢亚洲bwin188 3

  • AbsoluteLayout

绝对布局,在这布局中之子元素的android:layout_x和android:layout_y属性将生效,用于描述该子元素的坐标位置,一经设置变无可知转位置,适用一些免经常转移之控件或界面。

 1 <AbsoluteLayout
 2         android:layout_width="fill_parent"
 3         android:layout_height="fill_parent"
 4         android:orientation="vertical" >
 5 
 6         <Button
 7             android:layout_width="50dp"
 8             android:layout_height="50dp"
 9             android:layout_x="50dp"
10             android:layout_y="50dp"
11             android:background="#999999"
12             android:gravity="center"
13             android:text="1" />
14 
15         <Button
16             android:layout_width="50dp"
17             android:layout_height="50dp"
18             android:layout_x="90dp"
19             android:layout_y="90dp"
20             android:background="#ff654321"
21             android:gravity="center"
22             android:text="2" />
23 
24         <Button
25             android:layout_width="50dp"
26             android:layout_height="50dp"
27             android:layout_x="125dp"
28             android:layout_y="125dp"
29             android:background="#fffedcba"
30             android:gravity="center"
31             android:text="3" />
32     </AbsoluteLayout>

必赢亚洲bwin188 4

  • FrameLayout

 帧布局,网上说的略别扭,我自己理解就是接近css中的z-index,可以实现遮罩,即产生臃肿必赢亚洲bwin188的法力。注意:所有的帧默认都是于屏幕左上角开始绘制,然后按照控件的扬言顺序,依次叠加,层级逐渐升高。 

 1 <FrameLayout
 2         android:layout_width="fill_parent"
 3         android:layout_height="fill_parent"
 4         android:orientation="vertical" >
 5 
 6         <TextView
 7             android:layout_width="fill_parent"
 8             android:layout_height="fill_parent"
 9             android:background="#999999"
10             android:gravity="center"
11             android:text="1" />
12 
13         <TextView
14             android:layout_width="200dp"
15             android:layout_height="100dp"
16             android:background="#ff654321"
17             android:gravity="center"
18             android:text="2" />
19 
20         <TextView
21             android:layout_width="50dp"
22             android:layout_height="50dp"
23             android:background="#fffedcba"
24             android:gravity="center"
25             android:text="3" />
26     </FrameLayout>

必赢亚洲bwin188 5

五死布局已经介绍完,有些简单,(因为这布局我觉得诚为从来不什么好说的,结合配图我道就杀能说明问题了)。我于描绘是系列之前为说了“我连无思做重复性的做事”,类似这种基础的东西,网上广大口形容的于我吓啊要命详细,我只是想拿温馨以攻过程被认为产生必要跟豪门大饱眼福的一些更及技巧写出来,所以若可以见见我并从未写什么HelloWorld之类的,因为与其把工夫花在这种既泛滥的情上,倒不使多花工夫错开奉献一些独有的,或吃世家忽略的情节达。

写技术博客真的很费时间,得理顺思路、组织语言、写Demo、截图、排版等等,有时候确实羡慕那些可以一样圆一样首甚至几天一如既往篇得大牛们。最近仿效的情和点都比较多,看在大篇凌乱的记,一时间还非亮堂该打哪去写,自己更新的粗迟缓,不过自己要会坚持的,一起加油!

转载本站文章请注明出处:必赢亚洲56电子游戏 https://www.creatologue.com/?p=383

上一篇:

下一篇:

相关文章

网站地图xml地图