Android：weight，margin，padding详解实例

以你之姓@ 2021-09-16 03:46 359阅读 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 条评论，359人围观）

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

相关阅读

相关 Socket通信实例详解

Socket通信可实现服务器和客户端进行通信，通过socket来实现监听/接收/发送。(所有代码为测试成功) 依据通信步骤实现通信。服务器端界面以及代码： ![w

r囧r小猫/ 2022年12月28日 09:11/ 0 赞/ 232 阅读

相关 Ngxs用法实例详解

Ngxs简介 ngxs是angular的一个状态管理框架，可以全局的管理应用程序的所有状态。使用的场景：当应用程序的各个组件需要共享某些数据时当需要

秒速五厘米/ 2022年12月02日 15:12/ 0 赞/ 225 阅读

相关 MySQL 多实例详解

MySQL多实例配置方法 1、单一配置文件 2、多配置文件。二、实战步骤： 1、同步时间 2、准备mysql依赖包 3、

ゝ一纸荒年。/ 2022年09月22日 15:51/ 0 赞/ 183 阅读

相关 IOS UICollectionView详解+实例

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

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

相关 tcpdump 命令实例详解

tcpdump 是 [ Linux][Linux] 下得一个常用命令，本文介绍 tcpdump 的使用已经代码实例。用简单的话来定义tcpdump，就是：dump

比眉伴天荒/ 2022年08月13日 12:36/ 0 赞/ 191 阅读

相关 XML用法实例详解

1. 最常见的XML数据类型有：Element, Attribute，Comment, Text. 2. 3. Element, 指形如<Name>Tom<Name>的

墨蓝/ 2022年07月25日 18:27/ 0 赞/ 232 阅读

相关 @OneToOne实例详解

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

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

相关 Python切片实例详解

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

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

相关 Hystrix详解与实例

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

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

相关 Zuul详解与实例

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

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