android:padding和android:margin的区别

转载请说明博客地址:http://blog.youkuaiyun.com/qq_32059827/article/details/51487997

看了网上的类似博客,并没有给出确定的区别。现在具体分析一下padding和android:margin的区别

首先看一张图:

顾名思义。padding为内边距;margin为外边距。

安卓的view是一块矩形区域,padding是内边距,就是view(里面的内容)永远都至少和边界有一段设定好的距离。margin是外边距,就是外面的view无法完全靠近这个view的边界,至少要间隔一段设置好的距离。

我理解成:某个View指定为padding是针对该View里面的子View距离该View距离而言的。某个View指定为margin是针对该View本身距离别人或者父View而言的。

注‘Android技术交流群878873098,欢迎大家加入交流,畅谈!本群有免费学习资料视频且免费分享

再看一段代码:

<?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"
    android:orientation="vertical"
    android:padding="10dp" >//这里的padding表示他的子view即下面的两个LinearLayout与此LinearLayout的距离是10dp
 
    <LinearLayout
        android:id="@+id/left_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:background="@drawable/message_left" >
 
        <TextView
            android:id="@+id/left_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:textColor="#fff" />
    </LinearLayout>
 
    <LinearLayout
        android:id="@+id/right_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="@drawable/message_right" >
 
        <TextView
            android:id="@+id/right_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp" />//这代表TextView与它所在的父view即LinearLayout的距离为10dp
    </LinearLayout>
 
</LinearLayout>

 

通过测试,再在子LinearLayout里面加入padding和margin的确是和所写一致。

同样地,再给出一个例子验证所述的正确性:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" 
    android:padding="30dp">//表示这个view里面的view即linerlayout与该view的边距为30dp
 
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp" >//表示该linerlayout相对于本身与外面的view的边距为10dp
 
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="30dp"//表示此button相对于本身与外view即linerlayout和button2(可以直接理解成与四周的view)边距为30dp
            android:text="button1" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"//表示此button相对于本身与左边的view即button1的边距为30dp
            android:text="button2" />
    </LinearLayout>
 
</LinearLayout>

 

图解如下:


若有其他更好的理解,还望指正、指导。
--------------------- 
注‘Android技术交流群878873098,欢迎大家加入交流,畅谈!本群有免费学习资料视频且免费分享

<?xml version="1.0" encoding="utf-8"?> <FrameLayout 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" tools:context=".MonitorFragment"> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content"> <TableLayout android:id="@+id/data_table" android:layout_width="match_parent" android:layout_height="wrap_content" android:stretchColumns="*" android:shrinkColumns="*"> <!-- 表头行 (列名) --> <TableRow android:background="#CCCCCC"> <TextView android:text="" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="MTCU" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="STCU1" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="STCU2" android:padding="8dp" android:textStyle="bold"/> </TableRow> <!-- 数据行 (5行) --> <!-- 第1行 --> <TableRow> <TextView android:text="电机电流:" android:padding="8dp"/> <TextView android:id="@+id/col1_row1" android:padding="8dp"/> <TextView android:id="@+id/col2_row1" android:padding="8dp"/> <TextView android:id="@+id/col3_row1" android:padding="8dp"/> </TableRow> <!-- 第2行 --> <TableRow> <TextView android:text="电源电压:" android:padding="8dp"/> <TextView android:id="@+id/col1_row2" android:padding="8dp"/> <TextView android:id="@+id/col2_row2" android:padding="8dp"/> <TextView android:id="@+id/col3_row2" android:padding="8dp"/> </TableRow> <!-- 第3行 --> <TableRow> <TextView android:text="电池电压:" android:padding="8dp"/> <TextView android:id="@+id/col1_row3" android:padding="8dp"/> <TextView android:id="@+id/col2_row3" android:padding="8dp"/> <TextView android:id="@+id/col3_row3" android:padding="8dp"/> </TableRow> <!-- 第4行 --> <TableRow> <TextView android:text="电池温度:" android:padding="8dp"/> <TextView android:id="@+id/col1_row4" android:padding="8dp"/> <TextView android:id="@+id/col2_row4" android:padding="8dp"/> <TextView android:id="@+id/col3_row4" android:padding="8dp"/> </TableRow> <!-- 第5行 --> <TableRow> <TextView android:text="目标角度" android:padding="8dp"/> <TextView android:id="@+id/col1_row5" android:padding="8dp"/> <TextView android:id="@+id/col2_row5" android:padding="8dp"/> <TextView android:id="@+id/col3_row5" android:padding="8dp"/> </TableRow> <!-- 第6行 --> <TableRow> <TextView android:text="实际角度" android:padding="8dp"/> <TextView android:id="@+id/col1_row6" android:padding="8dp"/> <TextView android:id="@+id/col2_row6" android:padding="8dp"/> <TextView android:id="@+id/col3_row6" android:padding="8dp"/> </TableRow> </TableLayout> </ScrollView> </FrameLayout> 在该页面表格下添加一个 </GridLayout>
最新发布
12-25
Android 中,`SeekBar` 继承自 `ProgressBar`,而 `ProgressBar` 又继承自 `View`,因此它可以使用 `android:padding` 相关属性。但 **`android:padding` 对 SeekBar 的行为外观有特殊影响**,尤其是在处理滑块(thumb)进度绘制时。 --- ### ✅ `android:padding` 在 SeekBar 中的作用 你可以为 `SeekBar` 设置以下 padding 属性: ```xml <SeekBar android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingStart="16dp" android:paddingEnd="16dp" android:paddingLeft="16dp" android:paddingRight="16dp" /> ``` 这些 padding 会影响: - 进度条的绘制区域 - 用户可拖动的范围(即滑动轨道长度) - 滑块(thumb)的移动范围 > 🔍 **关键点:SeekBar 的进度线滑块会避开 padding 区域**,也就是说,滑块不会进入 padding 区域,有效滑动区间被压缩了。 --- ### 🎯 实际效果示例 ```xml <SeekBar android:id="@+id/seekBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingStart="30dp" android:paddingEnd="30dp" android:max="100" android:progress="50" /> ``` 在这个例子中: - SeekBar 占据整个父容器宽度。 - 但由于设置了左右各 `30dp` 的 padding,**实际的进度线只会在中间 `(width - 60dp)` 的区域内绘制**。 - 滑块也只能在这段区域内滑动,不会进入 padding 区域。 这常用于避免滑块被父布局边缘裁剪或与边界元素重叠。 --- ### ⚠️ 注意事项 1. **不要设置 `android:paddingTop` 或 `android:paddingBottom`** - 因为 SeekBar 是水平条状控件,高度通常很小(如 4~8dp),如果加了上下 padding,可能导致: - 进度线不可见(被挤出可视区域) - 点击区域变大但视觉反馈异常 - 特别是当 `layout_height="wrap_content"` 时更容易出问题。 2. **推荐使用 `paddingStart` `paddingEnd` 而非 `paddingLeft`/`paddingRight`** - 支持 RTL(从右到左语言)布局。 3. **padding 不会影响 thumb 的大小,但会影响其移动范围** - 如果你希望滑块靠近边缘,就不要加 padding。 - 如果你担心滑块太靠边看不清,可以用 padding “内缩”轨道。 --- ### 💡 常见用途 | 场景 | 解决方案 | |------|----------| | 避免滑块贴边 | 使用 `paddingStart` `paddingEnd` 内缩轨道 | | 自定义 thumb 太大导致越界 | 加 padding 控制移动范围 | | 适配不同屏幕边距 | 动态设置 padding 或使用 margin | --- ### 🔧 如何在代码中动态设置 padding? ```java SeekBar seekBar = findViewById(R.id.seekBar); seekBar.setPadding( dpToPx(20), // left dpToPx(10), // top dpToPx(20), // right dpToPx(10) // bottom ); // 工具方法:dp 转 px private int dpToPx(int dp) { float scale = getResources().getDisplayMetrics().density; return (int) (dp * scale + 0.5f); } ``` ⚠️ 再次提醒:尽量避免设置上下 padding,除非你知道自己在做什么。 --- ### ❗ 常见问题:为什么设置了 padding 后进度不准? > 并不是进度不准,而是视觉上感觉“没到头”。 这是因为 padding 让轨道缩短了,即使 progress=100%,也只是走到内缩后的末端。 ✅ 解决方案:如果你需要视觉上延伸到边缘,但又想保留滑块偏移感,建议: - 不用 padding - 改用 `android:thumbOffset` 配合自定义样式调整视觉对齐 --- ### ✅ 最佳实践建议 ```xml <SeekBar android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingStart="12dp" android:paddingEnd="12dp" android:clipToPadding="false" android:max="100" /> ``` - `clipToPadding="false"`:允许内容绘制到 padding 区域(某些自定义 drawable 可能需要) - `paddingStart/End`:控制滑动范围 - 不设上下 padding:防止轨道消失 --- ### 总结 | 属性 | 是否推荐 | 说明 | |------|----------|------| | `android:paddingStart` | ✅ 推荐 | 控制左侧留白,限制滑块起始位置 | | `android:paddingEnd` | ✅ 推荐 | 控制右侧留白 | | `android:paddingLeft/Right` | ⚠️ 不推荐 | 不支持 RTL | | `android:paddingTop/Bottom` | ❌ 避免 | 可能导致轨道不可见或触摸错乱 | ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值