Android：weight，margin，padding详解实例

以你之姓@ 2021-09-16 03:46 297阅读 0赞

![标题图][1240]

## 重量详解 ##

`weight`是用来等比例划分区域的属性。

#### 案例代码 ####

![dashucoding][]

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    
    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#ADFF2F"
    android:layout_weight="1"/>
    
    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#DA70D6"
    android:layout_weight="2"/>
    
    </LinearLayout>

![dashucoding][dashucoding 1]

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    
    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#ADFF2F"
    android:layout_weight="1"/>
    
    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#DA70D6"
    android:layout_weight="1"/>
    
    </LinearLayout>

![dashucoding][dashucoding 2]

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/LinearLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" >
    
      <TextView android:layout_weight="1" android:layout_width="wrap_content" android:layout_height="match_parent" android:text="one" android:background="#98FB98" />
      <TextView android:layout_weight="2" android:layout_width="wrap_content" android:layout_height="match_parent" android:text="two" android:background="#FFFF00" />
     <TextView android:layout_weight="3" android:layout_width="wrap_content" android:layout_height="match_parent" android:text="three" android:background="#FF00FF" />
    
    </LinearLayout>

![dashucoding][dashucoding 3]

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/LinearLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" >
    
      <TextView android:layout_weight="1" android:layout_width="match_parent" android:layout_height="match_parent" android:text="one" android:background="#98FB98" />
      <TextView android:layout_weight="2" android:layout_width="match_parent" android:layout_height="match_parent" android:text="two" android:background="#FFFF00" />
     <TextView android:layout_weight="3" android:layout_width="match_parent" android:layout_height="match_parent" android:text="three" android:background="#FF00FF" />
    
    </LinearLayout>

#### 为什么出现2：1的案例呢3怎么就不见了呢？ ####

1.  每个宽度为`match_parent`，屏幕为1，那么屏幕就是1-3 = -2个`math_parent`
2.  计算方法，`1 - 2 * (1/6) = 2/3，1 - 2 * (2/6) = 1/3， 1 - 2 * (3/6) = 0`结果是一占了两份，两占了一份，三什么都没有

## `margin`，`padding`详解 ##

`margin`代表是偏移，表示组件离容器偏移量，`margin`针对的是容器中的组件元素; `padding`代表是填充，填充的对象针对的是组件中的元素。

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
    
      <Button
      android:id="@+id/btn1"
      android:layout_height="wrap_content"
      android:layout_width="wrap_content"
      android:text="Button"/>
      <Button
      android:paddingLeft="100dp"
      android:layout_height="wrap_content"
      android:layout_width="wrap_content"
      android:text="Button"
      android:layout_toRightOf="@id/btn1"/>
    
      <Button
      android:id="@+id/btn2"
      android:layout_height="wrap_content"
      android:layout_width="wrap_content"
      android:text="Button"
      android:layout_alignParentBottom="true"/>
      <Button
      android:layout_marginLeft="100dp"
      android:layout_height="wrap_content"
      android:layout_width="wrap_content"
      android:text="Button"
      android:layout_toRightOf="@id/btn2"/>
    
    </RelativeLayout>

## 结语 ##

*  本文主要讲解  **机器人：重量，余量，填充详解实例**
 *  下面我将继续对其他知识深入讲解，有兴趣可以继续关注
 *  小礼物走一走或点赞

![送❤][1240 1]

[1240]: /images/20210724/4c2929001b6d4b77a0db7feab3f880d7.png
[dashucoding]: /images/20210724/c17edfea926a41a79fc95e920c346694.png
[dashucoding 1]: /images/20210724/02631ffc0ce74feca6d34b5acef43607.png
[dashucoding 2]: /images/20210724/6451561b1a58497a9a412be9a30db50b.png
[dashucoding 3]: /images/20210724/b1b710ecc72b40738d62e2c818d022ea.png
[1240 1]: /images/20210724/d27b447a8e39400db21f00c0e0efe09f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，297人围观）

还没有评论，来说两句吧...

相关阅读

相关 IOS UICollectionView详解+实例

本章通过先总体介绍UICollectionView及其常用方法，再结合一个实例，了解如何使用UICollectionView。 UICollectionView 和 U

以你之姓@/ 2022年08月24日 04:12/ 0 赞/ 184 阅读

相关 SSH整合实例详解

项目构建新建web项目ssh2，建好后添加struts功能 ![这里写图片描述][20150621013854444] ![这里写图片描述][20150621013

小灰灰/ 2022年08月01日 06:16/ 0 赞/ 181 阅读

相关 @OneToOne实例详解

主要是这一截： @Id // id自动生成 @GeneratedValue @Colum

太过爱你忘了你带给我的痛/ 2022年04月16日 07:05/ 0 赞/ 209 阅读

相关 WCF的实例详解

前一篇我们简单了解的它的实现过程，这一篇，我们简单来理解一下这个过程中他们的不同意义和原理因为是结合第一篇来解释的，所以需要参照上篇：[WCF和Web实例][WCF_Web

悠悠/ 2022年03月12日 07:54/ 0 赞/ 217 阅读

相关 C# typeof()实例详解

用于获取类型的 System.Type 对象。typeof 表达式采用以下形式： System.Type type = typeof(int); ![clea

浅浅的花香味﹌/ 2022年02月24日 09:12/ 0 赞/ 246 阅读

相关 Python切片实例详解

本文通过一个简单的例子讲解切片的应用：先构造一个list列表a：先构造一个list列表a： a = list(range(1,8)) [1, 2, 3,

落日映苍穹つ/ 2022年02月18日 16:43/ 0 赞/ 309 阅读

相关 Hystrix详解与实例

引言首先，之所以谈这个话题呢，是发现现在很多人对微服务的设计缺乏认识，所以写一篇扫盲文。当然，考虑到目前大多微服务的文章都是口水文，烟哥争取将实现方式讲

朱雀/ 2022年01月27日 15:01/ 0 赞/ 251 阅读

相关 Zuul详解与实例

前言介绍完分布式配置中心，结合前面的文章。我们已经有了一个微服务的框架了，可以对外提供api接口服务了。但现在试想一下，在微服务框架中，每个对外服务都是独

浅浅的花香味﹌/ 2022年01月23日 03:45/ 0 赞/ 230 阅读

相关 Feign详解与实例

基本介绍 Feign是一种负载均衡的HTTP客户端, 使用Feign调用API就像调用本地方法一样，从避免了调用目标微服务时，需要不断的解析/封装json

逃离我推掉我的手/ 2022年01月23日 00:59/ 0 赞/ 325 阅读

相关 Ribbon详解与实例

Ribbon是一个为客户端提供负载均衡功能的服务，它内部提供了一个叫做ILoadBalance的接口代表负载均衡器的操作，比如有添加服务器操作、选择服务器操作、

偏执的太偏执、/ 2022年01月22日 23:39/ 0 赞/ 207 阅读