>> 欢迎您 客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章 返回首页
>>分享Android开发相关的技术 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
Java技术网站 → 『 Java开发技术 』 → 『 Android技术专题 』 → Android中的几个布局
发表一个新主题 开启一个新投票 回复文章 您是本文章第 19641 个阅读者 刷新本主题
 * 贴子主题:  Android中的几个布局 回复文章 点赞(0)  收藏  
作者:flybird    发表时间：2020-03-31 22:23:51     消息  查看  搜索  好友  邮件  复制  引用
    Android的五大布局分别是：    
  1.    LinearLayout（线性布局）
  2.    FrameLayout（单帧布局）
  3.    RelativeLayout（相对布局）
  4.    AbsoluteLayout（绝对布局）
  5.    TableLayout（表格布局）
     接下来详细讲解每个布局

     1、LinearLayout

    LinearLayout按照垂直或者水平的顺序依次排列子元素，每一个子元素都位于前一个元素之后。如果是垂直排列，那么将是一个N行单列的结构，每一行只会有一个元素，而不论这个元素的宽度为多少；如果是水平排列，那么将是一个单行N列的结构。如果搭建两行两列的结构，通常的方式是先垂直排列两个元素，每一个元素里再包含一个LinearLayout进行水平排列。

    android:layout_weight：比重 即控件占的长度比例

         代码实例1：子控件 android:layout_width设置为0

  1.    < LinearLayout  
  2.            android:layout_width = "match_parent"  
  3.            android:layout_height = "wrap_content"   >  
  5.            < TextView  
  6. android:layout_width = "0dp"  
  7. android:layout_height = "wrap_content"  
  8. android:layout_weight = "2"  
  9. android:background = "#cfcfcf"  
  10. android:text = "比重为2"   />  
  12.            < TextView  
  13. android:layout_width = "0dp"  
  14. android:layout_height = "wrap_content"  
  15. android:layout_weight = "1"  
  16. android:background = "#f0f0f0"  
  17. android:text = "比重为1"   />  
  18.        </ LinearLayout >  

     效果图：

         点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小

         代码实例2：子控件 android:layout_width设置为 match_parent

  1.    < LinearLayout  
  2.           android:layout_width = "match_parent"  
  3.           android:layout_height = "wrap_content"   >  
  5.           < TextView  
  6. android:layout_width = "match_parent"  
  7. android:layout_height = "wrap_content"  
  8. android:layout_weight = "2"  
  9. android:background = "#cfcfcf"  
  10. android:text = "比重为2"   />  
  12.           < TextView  
  13. android:layout_width = "match_parent"  
  14. android:layout_height = "wrap_content"  
  15. android:layout_weight = "1"  
  16. android:background = "#f0f0f0"  
  17. android:text = "比重为1"   />  
  18.       </ LinearLayout >  

     效果图：

         点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小

         从上面的例子可以看出 当layout_width设为0dp时 显示效果对应   使用比较方便

         2、FrameLayout

         FrameLayout 是五大布局中最简单的一个布局 ，在这个布局中，整个界面被当成一块空白备用区域，所有的子元素都不能被指定放置的位置，它们统统放于这块区域的左上角，并且后面的子元素直接覆盖在前面的子元素之上，将前面的子元素部分和全部遮挡。

  1.    < FrameLayout   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 = "match_parent"  
  5.        android:orientation = "vertical"  
  6.        tools:context = ".MainActivity"   >  
  8.        < TextView  
  9.            android:layout_width = "300dp"  
  10.            android:layout_height = "300dp"  
  11.            android:background = "#00FFFF"  
  12.            android:gravity = "center"  
  13.            android:text = "下"   />  
  15.        < TextView  
  16.            android:layout_width = "120dp"  
  17.            android:layout_height = "120dp"  
  18.            android:background = "#1E90FF"  
  19.            android:gravity = "center"  
  20.            android:text = "中"   />  
  22.        < TextView  
  23.            android:layout_width = "40dp"  
  24.            android:layout_height = "40dp"  
  25.            android:background = "#32CD32"  
  26.            android:gravity = "center"  
  27.            android:text = "上"   />  
  30.    </ FrameLayout >  

     效果图：

         点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小

         3、AbsoluteLayout

             AbsoluteLayout 是绝对位置布局 。在此布局中的子元素的android:layout_x和android:layout_y属性将生效，用于描述该子元素的坐标位置。屏幕左上角为坐标原点（0,0），第一个0代表横坐标，向右移动此值增大，第二个0代表纵坐标，向下移动，此值增大。在此布局中的子元素可以相互重叠。在实际开发中，通常不采用此布局格式，因为它的界面代码过于刚性，以至于有可能不能很好的适配各种终端。

           * 新版本的sdk中不推荐使用  

         4、RelativeLayout

          RelativeLayout按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效。例如android：layout_below, android:layout_above等。子元素就通过这些属性和各自的ID配合指定位置关系。注意在指定位置关系时，引用的ID必须在引用之前，先被定义，否则将出现异常。

           RelativeLayout里常用的位置属性如下：


　　　　android:layout_toLeftOf —— 该组件位于引用组件的左方


　　　　android:layout_toRightOf —— 该组件位于引用组件的右方


　　　　android:layout_above —— 该组件位于引用组件的上方


　　　　android:layout_below —— 该组件位于引用组件的下方


     　　 android:layout_alignParentLeft —— 该组件是否对齐父组件的左端


     　　 android:layout_alignParentRight —— 该组件是否齐其父组件的右端


     　　 android:layout_alignParentTop —— 该组件是否对齐父组件的顶部


     　　 android:layout_alignParentBottom —— 该组件是否对齐父组件的底部


　　　　android:layout_centerInParent —— 该组件是否相对于父组件居中


　　　　android:layout_centerHorizontal —— 该组件是否横向居中


　　　　android:layout_centerVertical —— 该组件是否垂直居中

           RelativeLayout是Android五大布局结构中最灵活的一种布局结构，比较适合一些复杂界面的布局。

  1.    <? xml   version = "1.0"   encoding = "utf-8" ?>  
  2.    < RelativeLayout   xmlns:android = "http://schemas.android.com/apk/res/android"  
  3.        android:layout_width = "fill_parent"  
  4.        android:layout_height = "fill_parent"  
  5.        android:orientation = "vertical"   >  
  7.        < TextView  
  8.            android:id = "@+id/text_01"  
  9.            android:layout_width = "50dp"  
  10.            android:layout_height = "50dp"  
  11.            android:layout_alignParentBottom = "true"  
  12.            android:background = "#ffffffff"  
  13.            android:gravity = "center"  
  14.            android:text = "1"   />  
  16.        < TextView  
  17.            android:id = "@+id/text_02"  
  18.            android:layout_width = "50dp"  
  19.            android:layout_height = "50dp"  
  20.            android:layout_above = "@id/text_01"  
  21.            android:layout_centerHorizontal = "true"  
  22.            android:background = "#ff654321"  
  23.            android:gravity = "center"  
  24.            android:text = "2"   />  
  26.        < TextView  
  27.            android:id = "@+id/text_03"  
  28.            android:layout_width = "50dp"  
  29.            android:layout_height = "50dp"  
  30.            android:layout_above = "@id/text_01"  
  31.            android:layout_toLeftOf = "@id/text_02"  
  32.            android:background = "#fffedcba"  
  33.            android:gravity = "center"  
  34.            android:text = "3"   />  
  36.    </ RelativeLayout >  

     代码效果图：

        点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小

         5、TableLayout

        TableLayout顾名思义，此布局为表格布局，适用于N行N列的布局格式。一个TableLayout由许多TableRow组成，一个TableRow就代表TableLayout中的一行。

　　TableRow是LinearLayout的子类，它的android:orientation属性值恒为horizontal，并且它的android:layout_width和android:layout_height属性值恒为MATCH_PARENT和WRAP_CONTENT。所以它的子元素都是横向排列，并且宽高一致的。这样的设计使得每个TableRow里的子元素都相当于表格中的单元格一样。在TableRow中，单元格可以为空，但是不能跨列。

  1.    <? xml   version = "1.0"   encoding = "utf-8" ?>  
  2.    < TableLayout   xmlns:android = "http://schemas.android.com/apk/res/android"  
  3.        android:layout_width = "fill_parent"   android:layout_height = "fill_parent"  
  4.        android:orientation = "vertical" >  
  6.        < TableRow   android:layout_width = "fill_parent"  
  7.            android:layout_height = "wrap_content" >  
  9.            < TextView   android:background = "#ffffffff"   android:gravity = "center"  
  10. android:padding = "10dp"   android:text = "1"   />  
  12.            < TextView   android:background = "#ff654321"   android:gravity = "center"  
  13. android:padding = "10dp"   android:text = "2"   />  
  15.            < TextView   android:background = "#fffedcba"   android:gravity = "center"  
  16. android:padding = "10dp"   android:text = "3"   />  
  17.        </ TableRow >  
  19.        < TableRow   android:layout_width = "fill_parent"  
  20.            android:layout_height = "wrap_content" >  
  22.            < TextView   android:background = "#ff654321"   android:gravity = "center"  
  23. android:padding = "10dp"   android:text = "2"   />  
  25.            < TextView   android:background = "#fffedcba"   android:gravity = "center"  
  26. android:padding = "10dp"   android:text = "3"   />  
  27.        </ TableRow >  
  29.        < TableRow   android:layout_width = "fill_parent"  
  30.            android:layout_height = "wrap_content" >  
  32.            < TextView   android:background = "#fffedcba"   android:gravity = "center"  
  33. android:padding = "10dp"   android:text = "3"   />  
  35.            < TextView   android:background = "#ff654321"   android:gravity = "center"  
  36. android:padding = "10dp"   android:text = "2"   />  
  38.            < TextView   android:background = "#ffffffff"   android:gravity = "center"  
  39. android:padding = "10dp"   android:text = "1"   />  
  40.        </ TableRow >  
  42.    </ TableLayout >  

     效果图：

      点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小

        

----------------------------
原文链接:https://blog.51cto.com/gejw0623/1134478

程序猿的技术大观园：www.javathinker.net



[这个贴子最后由 flybird 在 2020-04-08 08:51:34 重新编辑]
Java精品书籍推荐
Java最新视频教程推荐
  Java面向对象编程-->按面向对象开发的基础范例
  JavaWeb开发-->JSP技术详解（Ⅰ）
  JSP与Hibernate开发-->域对象在持久化层的四种状态
  Java网络编程-->创建非阻塞的HTTP服务器
  精通Spring-->CSS过渡和动画
  Vue3开发-->CSS过渡和动画
本站其他相关文章
  Android打包为aab教程
  Android自定义组件
  Android 如何监听自身应用被卸载
  Android 滚动Tab
  Android开发: 文件读写
  Android线程处理简述
  Android SDCard UnMounted 流程分析
  Android开发实践：用脚本编译Android工程
  Android UI学习 - Tab的学习和使用
  自定义ViewGroup和FrameLayout实现轮播图（包括底部小圆点）
  Android 服务（Service）
  Android Service学习之AIDL, Parcelable和远程服务-学习Andr...
  uniapp安卓ios百度人脸识别、活体检测、人脸采集APP原生插件
  【Android 修炼手册】Gradle 篇 -- Gradle 的基本使用
  Android adb你真的会用吗?
  更多...
 IPIP: 已设置保密
楼主      
共1页 1条记录 当前第1页
发表一个新主题 开启一个新投票 回复文章

中文版权所有： JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶，分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权，请与本站管理员联系。