学向勤中得，萤窗万卷书。这篇文章主要讲述Android开发 UI布局相关的知识，希望能为你提供帮助。
android开发 UI布局
一、线性布局LinearLayout
  什么是线性布局？
  其实呢，线性布局就是把所有的孩子摆在同一条线上

< ?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"> < Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="Button" /> < Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="Button" /> < Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="Button" /> < /LinearLayout>

线性布局摆放的方向：我们可以通过orientation来修改LinerLayout的布局的摆放方向，它的值有两个，一个是horizontal(水平)，另一个是vertical(竖直)
【Android开发 UI布局】 

文章图片

文章图片

 
  3、线性布局的权重
  当有些时候，我们需要平均地给孩子分配宽度或高度，我们就可以使用权重；
  有时候不平均，但点占的宽或高成比例，我们也可以使用权重。
  android:layout_width="0th"
  android:layout_weight="1"
  将宽度设为零，权重设为1，即可平均。
  权重就是把所有的数字加起来，上面的占的比例就是大小的比例。

  二、相对布局RelativeLayout
  1、相对布局相对于父控件

< ?xml version="1.0" encoding="utf-8"?> < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> < Button android:id="@+id/button5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="中间" /> < Button android:id="@+id/button6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:text="右上角" /> < Button android:id="@+id/button7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:text="左上角" /> < Button android:id="@+id/button8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentBottom="true" android:text="左下角" /> < Button android:id="@+id/button9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:text="右下角" /> < /RelativeLayout>

 
 
文章图片

 
  2、相对布局相对于同级控件

< ?xml version="1.0" encoding="utf-8"?> < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> < Button android:id="@+id/center_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="中间" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toRightOf="@id/center_button" android:text="我在中间的右边"/> < Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toLeftOf="@id/center_button" android:text="我在中间的左边"/> < Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_above="@id/center_button" android:text="我在中间的上面"/> < Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_below="@id/center_button" android:text="我在中间的下面"/> < /RelativeLayout>

文章图片

 
  三、其它布局

1、绝对布局AbsoluteLayout
    依靠x、y控制自己的位置

< ?xml version="1.0" encoding="utf-8"?> < AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> < Button android:id="@+id/button5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_x="147dp" android:layout_y="167dp" android:text="Button" /> < Button android:id="@+id/button6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_x="61dp" android:layout_y="279dp" android:text="Button" /> < /AbsoluteLayout>

 
 
文章图片

 
  2、表格布局TableLayout

< ?xml version="1.0" encoding="utf-8"?> < TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> < TableRow> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="1" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="2" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="3" /> < /TableRow> < TableRow> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="4" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="5" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="6" /> < /TableRow> < TableRow> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="7" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="8" /> < Button android:layout_width="wrap_content" android:layout_height="wrap_content"android:text="9" /> < /TableRow> < /TableLayout>

文章图片

 
3、帧布局FrameLayout

< ?xml version="1.0" encoding="utf-8"?> < FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> < View android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center" android:background="#ff00" /> < /FrameLayout>

文章图片

 
  四、布局中常用的单位
1、像素单位px
  像素单位不建议使用，除非是手表，或者机顶盒

2、适配单位dp
  推荐使用，因为可以实现适配
  以160dp为基准，1dp=1px
3、字体单位sp  

< ?xml version="1.0" encoding="utf-8"?> < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> < View android:layout_width="540px" android:layout_height="100dp" android:layout_gravity="center" android:background="#ff00" /> < View android:layout_width="205dp" android:layout_height="100dp" android:layout_gravity="center" android:background="#00ff00" /> < /LinearLayout>

 

文章图片

推荐阅读

• 

  手机怎么利用WPS添加水印
• 

  打耳洞后有硬块的原因
• 

  傲游5.1.5.2正式版发布 下载地址在这里
• 

  浅棕色配什么颜色好看图片女生 浅棕色配什么颜色好看
• 

  黑米能和苹果一起煮粥吗
• 

  在线安卓软件开发，android程序开发
• 

  统计分析法包括,毕业论文统计分析法
• 

  函授本科自我鉴定范文 函授自我鉴定
• 

  2022“中医药大学”排行榜 中医药大学排名全国最新排名
• 

  iphone6splus怎么设置流量监控 iphone6s如何设置流量监控，苹果6s怎么设置流量监控
• 

  A865的使用技巧
• 

  明通钱包贷款不还会怎么样？明通钱包app上征信吗？
• 

  辣椒酱怎么做法 辣椒酱做法步骤
• 

  顶楼和一楼有什么缺陷 买房子为什么不买顶楼和一楼呢
• 

  什么是强调句 强调句的解释
• 

  聚类分析 类边界识别,人脸识别聚类分析
• 

  我来分享seetong如何看回放
• 

  万和CXW抽油烟机内部清洗的原因是什么
• 

  西安南湖公园开放吗
• 

  粤省事小程序的抗原每天都会卖吗

• 章鱼短信1.0.7安卓版
• 245改变函数内部 this 指向（call，apply，bind，callapplybind 三者的异同）
• Android Studio解决Error:moudle not specified
• android.view.ViewRootImpl$CalledFromWrongThreadException: Only the original thread that created a vi
• 安卓记事本小程序开发
• Android Studiio安装
• 关于app.use(&#39;/static&#39;, express.static(path.join(__dirname, &#39;public&#39;)))的理解
• Android基础——基本UI控件（）
• Windows 8中通过TCP/IP禁用NetBIOS