博客
关于我
强烈建议你试试无所不能的chatGPT，快点击我
Android布局之LinearLayout
阅读量：6855 次
发布时间：2019-06-26

本文共 6347 字，大约阅读时间需要 21 分钟。

hot3.png

   LinearLayou(线性布局布局)

一些重要的属性:

           一 orientation(朝向)   该属性值有两种一种是垂直朝向(verticle),还有一个是水平朝向(horizontal)

[html] 
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="horizontal"  
  3.     android:background="@drawable/blue"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="wrap_content">  
  6.   
  7.     <!-- view1 goes on top -->  
  8.     <TextView  
  9.         android:background="@drawable/box"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:text="@string/linear_layout_1_top"/>  
  13.   
  14.     <!-- view2 goes in the middle -->  
  15.     <TextView  
  16.         android:background="@drawable/box"  
  17.         android:layout_width="match_parent"  
  18.         android:layout_height="wrap_content"  
  19.         android:text="@string/linear_layout_1_middle"/>  
  20.   
  21.     <!-- view3 goes on the bottom -->  
  22.     <TextView  
  23.         android:background="@drawable/box"  
  24.         android:layout_width="match_parent"  
  25.         android:layout_height="wrap_content"  
  26.         android:text="@string/linear_layout_1_bottom"/>  
  27.   
  28. </LinearLayout>  
结果如下:

                     二 layout_weight(权重): 

看下面一个例子: 该布局填充整个屏幕,其中有三个字控件,分别占据头部,底部,中间

在上一篇博客中我们通过相对布局也可以实现(把高设置成0,height=0)

更多关于该属性的细节可以浏览

[html] 
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:background="@drawable/blue"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent">  
  6.   
  7.     <!-- view1 goes on top -->  
  8.     <TextView  
  9.         android:background="@drawable/box"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:text="@string/linear_layout_3_top"/>  
  13.   
  14.     <!-- view2 goes in the middle -->  
  15.     <TextView  
  16.         android:background="@drawable/box"  
  17.         android:layout_width="match_parent"  
  18.         android:layout_height="wrap_content"  
  19.         android:layout_weight="1"  
  20.         android:text="@string/linear_layout_3_middle"/>  
  21.   
  22.     <!-- view3 goes on the bottom -->  
  23.     <TextView  
  24.         android:background="@drawable/box"  
  25.         android:layout_width="match_parent"  
  26.         android:layout_height="wrap_content"  
  27.         android:text="@string/linear_layout_3_bottom"/>  
  28.   
  29. </LinearLayout>  
运行结果:

下面一个例子,所有子空间的都是相同的宽度.也是通过该属性来实现的.

[html] 
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="horizontal"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.   
  6.     <TextView  
  7.         android:background="@drawable/red"  
  8.         android:layout_width="0dip"  
  9.         android:layout_height="match_parent"  
  10.         android:layout_weight="1"/>  
  11.   
  12.     <TextView  
  13.         android:background="@drawable/green"  
  14.         android:layout_width="0dip"  
  15.         android:layout_height="match_parent"  
  16.         android:layout_weight="1"/>  
  17.   
  18.     <TextView  
  19.         android:background="@drawable/blue"  
  20.         android:layout_width="0dip"  
  21.         android:layout_height="match_parent"  
  22.         android:layout_weight="1"/>  
  23.   
  24.     <TextView  
  25.         android:background="@drawable/yellow"  
  26.         android:layout_width="0dip"  
  27.         android:layout_height="match_parent"  
  28.         android:layout_weight="1"/>  
  29.   
  30. </LinearLayout>  

下面看一个简单表单的例子,

[html] 
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:background="@drawable/blue"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="wrap_content"  
  6.     android:padding="10dip">  
  7.   
  8.     <TextView  
  9.         android:layout_width="match_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:text="@string/linear_layout_5_instructions"/>  
  12.   
  13.     <EditText  
  14.         android:layout_width="match_parent"  
  15.         android:layout_height="wrap_content"  
  16.         android:background=" :drawable/editbox_background"/>  
  17.   
  18.     <LinearLayout  
  19.         android:orientation="horizontal"  
  20.         android:layout_width="wrap_content"  
  21.         android:layout_height="wrap_content"  
  22.         android:layout_gravity="right" >  
  23.   
  24.         <Button  
  25.             android:layout_width="wrap_content"  
  26.             android:layout_height="wrap_content"  
  27.             android:text="@string/linear_layout_5_cancel"/>  
  28.   
  29.         <Button  
  30.             android:layout_width="wrap_content"  
  31.             android:layout_height="wrap_content"  
  32.             android:layout_marginLeft="10dip"  
  33.             android:text="@string/linear_layout_5_ok" />  
  34.   
  35.     </LinearLayout>  
  36.   
  37. </LinearLayout>  

在上一篇博客中通过相对布局也能布局出这样的,但是从效率上说,相对布局要好很多,效率要高.从这个例子上看线性布局的层级要深.

weight属性还可以实现如下布局:

运行结果:

通过相对布局也是可以实现这样的布局,把button设置为android:layout_alignParentBottom ="true"

                       三 gravity(重心)

下面来看一个例子:

[html] 
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:padding="30dip" >  
  5.   
  6.     <LinearLayout  
  7.         android:id="@+id/layout"  
  8.         android:layout_width="match_parent"  
  9.         android:layout_height="match_parent"  
  10.         android:background="@drawable/blue"  
  11.         android:orientation="vertical"  
  12.         android:padding="30dip" >  
  13.   
  14.         <TextView  
  15.             android:layout_width="wrap_content"  
  16.             android:layout_height="wrap_content"  
  17.             android:background="@drawable/box"  
  18.             android:text="@string/linear_layout_8_c" />  
  19.   
  20.         <TextView  
  21.             android:layout_width="wrap_content"  
  22.             android:layout_height="wrap_content"  
  23.             android:background="@drawable/box"  
  24.             android:text="@string/linear_layout_8_b" />  
  25.   
  26.         <TextView  
  27.             android:layout_width="wrap_content"  
  28.             android:layout_height="wrap_content"  
  29.             android:background="@drawable/box"  
  30.             android:text="@string/linear_layout_8_c" />  
  31.     </LinearLayout>  
  32.   
  33. </FrameLayout>  

Java代码:

[html] 
  1. @Override  
  2.     public boolean onCreateOptionsMenu(Menu menu) {  
  3.         super.onCreateOptionsMenu(menu);  
  4.         menu.add(0, VERTICAL_ID, 0, R.string.linear_layout_8_vertical);  
  5.         menu.add(0, HORIZONTAL_ID, 0, R.string.linear_layout_8_horizontal);  
  6.         menu.add(0, TOP_ID, 0, R.string.linear_layout_8_top);  
  7.         menu.add(0, MIDDLE_ID, 0, R.string.linear_layout_8_middle);  
  8.         menu.add(0, BOTTOM_ID, 0, R.string.linear_layout_8_bottom);  
  9.         menu.add(0, LEFT_ID, 0, R.string.linear_layout_8_left);  
  10.         menu.add(0, CENTER_ID, 0, R.string.linear_layout_8_center);  
  11.         menu.add(0, RIGHT_ID, 0, R.string.linear_layout_8_right);  
  12.   
  13.         return true;  
  14.     }  
  15.   
  16.     @Override  
  17.     public boolean onOptionsItemSelected(MenuItem item) {  
  18.         switch (item.getItemId()) {  
  19.   
  20.         case VERTICAL_ID:  
  21.             mLinearLayout.setOrientation(LinearLayout.VERTICAL);  
  22.             return true;  
  23.         case HORIZONTAL_ID:  
  24.             mLinearLayout.setOrientation(LinearLayout.HORIZONTAL);  
  25.             return true;  
  26.   
  27.         case TOP_ID:  
  28.             mLinearLayout.setVerticalGravity(Gravity.TOP);  
  29.             return true;  
  30.         case MIDDLE_ID:  
  31.             mLinearLayout.setVerticalGravity(Gravity.CENTER_VERTICAL);  
  32.             return true;  
  33.         case BOTTOM_ID:  
  34.             mLinearLayout.setVerticalGravity(Gravity.BOTTOM);  
  35.             return true;  
  36.   
  37.         case LEFT_ID:  
  38.             mLinearLayout.setHorizontalGravity(Gravity.LEFT);  
  39.             return true;  
  40.         case CENTER_ID:  
  41.             mLinearLayout.setHorizontalGravity(Gravity.CENTER_HORIZONTAL);  
  42.             return true;  
  43.         case RIGHT_ID:  
  44.             mLinearLayout.setHorizontalGravity(Gravity.RIGHT);  
  45.             return true;  
  46.   
  47.         }  
  48.         return super.onOptionsItemSelected(item);  
  49.     }  
以上设置的gravity是通过Java代码设置的,也可以通过xml配置

需要注意的是layout_gravity和gravity的区别,前者是该控件相对于父控件的重心(gravity),后者该控件的子空间的重心(gravity)

转载于:https://my.oschina.net/zhouruotong/blog/72911

你可能感兴趣的文章
【书籍下载链接】_1_第一轮_C语言书籍
查看>>
家庭宽带问题解决方案
查看>>
leetcode 890. 查找和替换模式 Python
查看>>
Django基础
查看>>
JAVA面试题——JAVA基础篇
查看>>
洛谷P3646 [APIO2015]巴厘岛的雕塑（数位dp）
查看>>
eclipse如何绑定jre
查看>>
移动端缓存清理
查看>>
一次跨域请求出现 OPTIONS 请求的问题及解决方法
查看>>
20150916_018 插入行()
查看>>
功能自动化测试流程
查看>>
JSP和servlet有什么区别?
查看>>
关于Spring的xml文档的简单实用配置
查看>>
HiHocoder1419 : 后缀数组四·重复旋律4&[SPOJ]REPEATS：Repeats
查看>>
网站设计常用技巧(上)
查看>>
通过安全网闸访问MongoDB
查看>>
iOS不用官方SDK实现微信和支付宝支付XHPayKit
查看>>
知识点---input只能输入数字
查看>>
Ionic项目中如何使用Native Camera
查看>>
《Unix环境高级编程》文件I/O
查看>>
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！
当前时间: 2025-02-01 11:05:31   当前IP: 18.219.94.17   联系邮箱:javaeecc@qq.com     Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2
强烈建议你试试无所不能的CHAT-GPT，快点击我
强烈建议你试试无所不能的CHAT-GPT，快点击我