Android开发学习笔记：5大布局方式详解

最新推荐文章于 2021-03-09 23:03:43 发布
最新推荐文章于 2021-03-09 23:03:43 发布
阅读量352 收藏
点赞数
分类专栏： Android

Android中常用的5大布局方式有以下几种：

  • 线性布局（LinearLayout）：按照垂直或者水平方向布局的组件。
  • 帧布局（FrameLayout）：组件从屏幕左上方布局组件。
  • 表格布局（TableLayout）：按照行列方式布局组件。
  • 相对布局（RelativeLayout）：相对其它组件的布局方式。
  •  绝对布局（AbsoluteLayout）：按照绝对坐标来布局组件。
 
1. 线性布局

线性布局是Android开发中最常见的一种布局方式，它是按照垂直或者水平方向来布局，通过“android:orientation”属性可以设置线性布局的方向。属性值有垂直（vertical）和水平（horizontal）两种。

常用的属性：

android:orientation：可以设置布局的方向
android:gravity:用来控制组件的对齐方式
layout_weight：控制各个组件在布局中的相对大小

第一个实例

①效果图：

 

②核心代码如下：

main.xml

  
  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" 
  4.     android:layout_width="fill_parent" 
  5.     android:layout_height="fill_parent" 
  6.     >       
  7.     <LinearLayout 
  8.         android:layout_width="fill_parent" 
  9.         android:layout_height="wrap_content" 
  10.         android:orientation="vertical" 
  11.         > 
  12.         <EditText 
  13.             android:layout_width="fill_parent" 
  14.             android:layout_height="wrap_content" 
  15.             /> 
  16.     </LinearLayout> 
  17.     <LinearLayout 
  18.         android:layout_width="fill_parent" 
  19.         android:layout_height="wrap_content" 
  20.         android:orientation="horizontal" 
  21.         android:gravity="right" 
  22.         > 
  23.     <!-- android:gravity="right"表示Button组件向右对齐 --> 
  24.         <Button 
  25.             android:layout_height="wrap_content" 
  26.             android:layout_width="wrap_content" 
  27.             android:text="确定" 
  28.             /> 
  29.         <Button 
  30.             android:layout_height="wrap_content" 
  31.             android:layout_width="wrap_content" 
  32.             android:text="取消" 
  33.             />    
  34.      </LinearLayout> 
  35. </LinearLayout> 

第二个实例

①效果图：

 

 

②核心代码：

mian.xml
  
 
 
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.     <LinearLayout 
  7.     android:orientation="horizontal" 
  8.     android:layout_width="fill_parent" 
  9.     android:layout_height="fill_parent" 
  10.     android:layout_weight="1"> 
  11.       
  12.     <TextView 
  13.         android:text="red" 
  14.         android:gravity="center_horizontal" 
  15.         android:background="#aa0000" 
  16.         android:layout_width="wrap_content" 
  17.         android:layout_height="fill_parent" 
  18.         android:layout_weight="1" 
  19.         /> 
  20.      <!--android:gravity="center_horizontal"水平居中 -->   
  21.      <!--layout_weight属性以控制各个控件在布局中的相对大小。layout_weight属性是一个非负整数值。  
  22.          线性布局会根据该控件layout_weight值与其所处布局中所有控件layout_weight值之和的比值为该控件分配占用的区域。  
  23.         例如，在水平布局的LinearLayout中有两个Button，这两个Button的layout_weight属性值都为1，  
  24.         那么这两个按钮都会被拉伸到整个屏幕宽度的一半。如果layout_weight指为0，控件会按原大小显示，不会被拉伸；  
  25.         对于其余layout_weight属性值大于0的控件，系统将会减去layout_weight属性值为0的控件的宽度或者高度，  
  26.         再用剩余的宽度或高度按相应的比例来分配每一个控件显示的宽度或高度--> 
  27.     <TextView 
  28.         android:text="Teal" 
  29.         android:gravity="center_horizontal" 
  30.         android:background="#008080" 
  31.         android:layout_width="wrap_content" 
  32.         android:layout_height="fill_parent" 
  33.         android:layout_weight="1"/> 
  34.       
  35.     <TextView 
  36.         android:text="blue" 
  37.         android:gravity="center_horizontal" 
  38.         android:background="#0000aa" 
  39.         android:layout_width="wrap_content" 
  40.         android:layout_height="fill_parent" 
  41.         android:layout_weight="1" 
  42.         /> 
  43.       
  44.     <TextView 
  45.         android:text="orange" 
  46.         android:gravity="center_horizontal" 
  47.         android:background="#FFA500" 
  48.         android:layout_width="wrap_content" 
  49.         android:layout_height="fill_parent" 
  50.         android:layout_weight="1" 
  51.         /> 
  52.           
  53.     </LinearLayout>   
  54.     <LinearLayout 
  55.     android:orientation="vertical" 
  56.     android:layout_width="fill_parent" 
  57.     android:layout_height="fill_parent" 
  58.     android:layout_weight="1"> 
  59.       
  60.     <TextView 
  61.         android:text="row one" 
  62.         android:textSize="15pt" 
  63.         android:background="#aa0000" 
  64.         android:layout_width="fill_parent" 
  65.         android:layout_height="wrap_content" 
  66.         android:layout_weight="1" 
  67.         /> 
  68.     <!--  -->   
  69.     <TextView 
  70.         android:text="row two" 
  71.         android:textSize="15pt" 
  72.         android:background="#DDA0DD" 
  73.         android:layout_width="fill_parent" 
  74.         android:layout_height="wrap_content" 
  75.         android:layout_weight="1" 
  76.         /> 
  77.       
  78.     <TextView 
  79.         android:text="row three" 
  80.         android:textSize="15pt" 
  81.         android:background="#008080" 
  82.         android:layout_width="fill_parent" 
  83.         android:layout_height="wrap_content" 
  84.         android:layout_weight="1" 
  85.         />    
  86.     <TextView 
  87.         android:text="row four" 
  88.         android:textSize="15pt" 
  89.         android:background="#FFA500" 
  90.         android:layout_width="fill_parent" 
  91.         android:layout_height="wrap_content" 
  92.         android:layout_weight="1" 
  93.         />       
  94.     </LinearLayout>   
  95. </LinearLayout> 
2.  帧布局
帧布局是从屏幕的左上角（0,0）坐标开始布局，多个组件层叠排列，第一个添加的组件放到最底层，最后添加到框架中的视图显示在最上面。上一层的会覆盖下一层的控件。
 
 简单的例子
①效果图：
 
② 核心代码：
main.xml 
 
 
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent" 
  5.     > 
  6.     <TextView    
  7.         android:layout_width="300dp"   
  8.         android:layout_height="300dp"   
  9.         android:background="#00BFFF"          
  10.         /> 
  11.     <TextView    
  12.         android:layout_width="260dp"   
  13.         android:layout_height="260dp"   
  14.         android:background="#FFC0CB"          
  15.         /> 
  16.     <TextView    
  17.         android:layout_width="220dp"   
  18.         android:layout_height="220dp"   
  19.         android:background="#0000FF"          
  20.         /> 
  21. </FrameLayout> 
 
3. 表格布局
表格布局是一个ViewGroup以表格显示它的子视图（view）元素，即行和列标识一个视图的位置。
表格布局常用的属性如下：
android:collapseColumns：隐藏指定的列
android:shrinkColumns：收缩指定的列以适合屏幕，不会挤出屏幕
android:stretchColumns：尽量把指定的列填充空白部分
android:layout_column:控件放在指定的列
android:layout_span:该控件所跨越的列数
 
简单的列子：
①效果图：
 
② 核心代码：
 main.xml
  
 
 
  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" 
  4.     android:layout_height="fill_parent" 
  5.     > 
  6.     <TableRow> 
  7.         <Button 
  8.             android:text="Button1" 
  9.             /> 
  10.         <Button 
  11.             android:text="Button2" 
  12.             /> 
  13.         <Button 
  14.             android:text="Button3" 
  15.             /> 
  16.     </TableRow> 
  17.     <TableRow> 
  18.         <Button 
  19.             android:text="Button4" 
  20.             /> 
  21.         <Button 
  22.             android:layout_span="2" 
  23.             android:text="Button5" 
  24.             /> 
  25.     </TableRow> 
  26.       
  27. </TableLayout> 
 
4. 相对布局
相对布局是按照组件之间的相对位置来布局，比如在某个组件的左边，右边，上面和下面等。
相对布局常用属性请参考我博客的： http://liangruijun.blog.51cto.com/3061169/631816
 
简单的例子
①效果图：
 
② 核心代码：
main.xml
  
 
 
  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="wrap_content" 
  5.     android:padding="10px" 
  6.     > 
  7.     <TextView    
  8.         android:id="@+id/tev1" 
  9.         android:layout_width="wrap_content"   
  10.         android:layout_height="wrap_content"   
  11.         android:layout_marginBottom="30dp" 
  12.         android:text="Please Type Here:" 
  13.         /> 
  14.     <EditText 
  15.         android:id="@+id/tx1" 
  16.         android:layout_width="match_parent" 
  17.         android:layout_height="wrap_content" 
  18.         android:layout_below="@id/tev1" 
  19.         /> 
  20.     <Button 
  21.         android:id="@+id/btn1" 
  22.         android:layout_height="wrap_content" 
  23.         android:layout_width="wrap_content" 
  24.         android:layout_below="@id/tx1" 
  25.         android:layout_alignParentRight="true" 
  26.         android:text="确定" 
  27.         /> 
  28.     <Button 
  29.         android:id="@+id/btn2" 
  30.         android:layout_height="wrap_content" 
  31.         android:layout_width="wrap_content" 
  32.         android:layout_below="@id/tx1" 
  33.         android:layout_toLeftOf="@id/btn1" 
  34.         android:layout_marginRight="30dp" 
  35.         android:text="取消" 
  36.         /> 
  37. </RelativeLayout> 
5.  绝对布局
 绝对布局通过指定子组件的确切X,Y坐标来确定组件的位置，在Android2.0 API文档中标明该类已经过期，可以使用FrameLayout或者RelativeLayout来代替。所以这里不再详细介绍。

 

本文出自 “IT的点点滴滴” 博客，请务必保留此出处http://liangruijun.blog.51cto.com/3061169/632532

meryvn
关注
专栏目录
Android五大布局对象
stand up
02-26 1165
Android基础教程(二)之五大布局对象---FrameLayout,LinearLayout ,AbsoluteLayout,RelativeLayout,TableLayout. 收藏  大家好,我们这一节讲一下Android对用五大布局对象,它们分别是FrameLayout(框架布局:不知道是不是这么翻译的),LinearLayout (线性布局),AbsoluteLayout(绝对布局)
Android常用的四种布局(或者说是五种)
ddbnfh3092的博客
11-07 994
一、FrameLayout(帧布局)： 显示特点：所有的子控件默认显示在FrameLayout的左上角，会重叠在一起显示。 常用属性： layout_gravity(设置给子控件，调整控件在容器内的重心) 常用值： left（左）、 right（右）、 top（上）、 bottom（下）、 center（中心）、 center_vertical（竖向中心） center_...
Android开发入门（三）
隐形王冠的博客
02-24 795
Android开发入门（三）主要针对Android界面布局的相关知识进行讲解。
Android学习笔记：四大组件与控件详解
Android学习笔记涵盖了Android开发的基础知识和核心组件的理解。在这个笔记中，我们首先聚焦于Android四大组件：Activity、Intent、Service和ContentProvider。 1. **Activity**：作为应用程序的门面，Activity是...
Android学习笔记：进度条与ListView详解
"这篇Android学习笔记主要探讨了Android系统中常用的两种进度条控件——ProgressBar，包括其使用方法和XML布局属性。同时提到了ListView，它是Android开发中用于展示大量数据列表的重要组件。" 在Android应用开发中...
Android开发笔记8：存储方式详解（SharedPreferences到ContentProvider）
本篇Android开发笔记主要关注第8章，即Android的存储方式。学习目标涉及系统级的存储理解、不同存储选项的使用方法，以及SQLite和ContentProvider两种关键存储技术的实现。Android的存储策略与传统桌面系统不同，它...
Android学习笔记：LitePal操作数据库详解
Android学习笔记（十三）是关于如何在实际开发中使用LitePal这个强大的ORM工具，使Android应用程序的数据存储更为简洁和高效。这对于任何希望提高数据库操作效率和代码组织的Android开发者来说，都是非常有价值的一...
android中常用的五种布局
SwmIsMe的博客
11-12 7375
Android中常用的五种布局有：FragmeLayout(框架布局)，LinearLayout线性布局，AbsoluteLayout绝对布局，RelativeLayout相对布局，TableLayout表格布局。 一、FrameLayout：所有东西依次都放在左上角，会重叠，这个布局比较简单，也只能放一点比较简单的东西。源代码少，不占用性能。 二、LinearLayout：线
android79--Android中常用的五种布局。
开心果
04-08 571
FrameLayout：所有东西依次都放在左上角，会重叠，这个布局比较简单，也只能放一点比较简单的东西。 LinearLayout：线性布局，每一个LinearLayout里面又可分为垂直布局（android:orientation="vertical"）和水平布局（android:orientation="horizontal" ）。当垂直布局时，每一行就只有一个元素，多个元素依次垂直往下；水
Android的5种基本布局
longge33445的博客
07-17 2177
1、线性布局 （LinearLayout）：是一种非常常用的布局，次布局会将它包含的控件在线性方向上依次排列。通过android:orientation属性来确定排列的方向是vertical（垂直）还是horizontal（水平）。 2、相对布局（RelativeLayout）：也是一种非常常用的布局，通过相对定位的方式让控件出现在布局的任何位置。 3、帧布局（FrameLayout）：由于定...
Android常见界面 五大布局（超级详细）
weixin_44225953的博客
03-09 2万+
Android五大布局 常见界面布局 Android系统提供五种常用布局分别为LinearLayout（线性布局）、RelativeLayout（相对布局）、FrameLayout（帧布局）、TableLayout（表格布局）、ConstraintLayout(约束布局) 布局的通用属性 属性名称 功能描述 android:id 设置布局的标识 android：layout_width 设置布局的宽度 android：layout_height 设置布局的高度 android：b
安卓第二章 常见的五种布局
momoThree的博客
01-21 524
安卓第二章 常见的四种布局 1.线性布局LinearLayout 分为水平线性布局和垂直线性布局都是在水平或者垂直方向单一排列 android:layout_width   宽度 android:layout_height   高度   属性值：fill_parent(不推荐使用了) ，match_parent (匹配父容器)，        wrap_content（包围内容），自
Android中常用的五种布局方式:AbsoluteLayout
xspacing的博客
09-18 723
绝对布局中将所有的子元素通过设置android:layout_x 和 android:layout_y属性，将子元素的坐标位置固定下来，即坐标(android:layout_x, android:layout_y) ，layout_x用来表示横坐标，layout_y用来表示纵坐标。 屏幕左上角为坐标(0,0)，横向往右为正方，纵向往下为正方。实际应用中，这种布局用的比较少
常见的布局方式有哪些？解释不同解决方案的优缺点
weixin_30301183的博客
06-17 864
摘自今日头条用户：代码开发 原文链接： https://www.toutiao.com/a6671145738690363917/?tt_from=mobile_qq&utm_campaign=client_share&timestamp=1560782203&app=news_article&utm_source=mobile_qq&utm_medi...
（一）Android布局之线性布局(LinearLayout)
返璞归真
02-01 794
Android在主窗口列出的布局类型有四种，分别是FrameLayout(帧布局)，LinearLayout(线性布局)，TableLayout(表格布局)，RelativeLayout(相对布局)。   LinearLayout(线性布局)会根据其orientation属性的值来决定是按行还是按列逐个显示。   示例main.xml布局文件如下： “Layout_width”指定该元素的宽
View的众多layout方法简介
HumorousGhost
08-30 706
下面列出View的layout的方法: layoutSubviews layoutIfNeeded setNeedsLayout setNeedsDisplay drawRect sizeThatFits sizeToFit 我们这里抽取常用的几个进行验证学习 1、layoutSubviews -- layoutSubviews在何时会被调用呢？？ 下面是苹果大大告诉我的 我也这么告诉...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值