android:padding和android:margin的区别

Android Margin与Padding详解
本文详细解释了Android中Margin和Padding的概念及应用,包括它们如何影响控件布局和触摸响应。此外,还介绍了Android支持的各种长度单位及其应用场景。

本文综合了:http://zhujiao.iteye.com/blog/1856980 和 http://blog.youkuaiyun.com/maikol/article/details/6048647 两篇文章

加入了自己的一些心得。

Android的Margin和Padding跟Html的是一样的。如下图所示:黄色部分为Padding,灰色部分为Margin。

image

通俗的理解:

Padding 为内边框,指该控件内部内容,如文本/图片距离该控件的边距

Margin 为外边框,指该控件距离边父控件的边距

对应的属性为

android:layout_marginBottom="25dip" 
android:layout_marginLeft="10dip" 
android:layout_marginTop="10dip" 
android:layout_marginRight="10dip" 
android:paddingLeft="1dip" 
android:paddingTop="1dip" 
android:paddingRight="1dip" 
android:paddingBottom="1dip"

如果左右上下都是相同的设置则可以直接设置

android:layout_margin="10dip" 
android:padding="5dip"

当按钮分别设置以上两个属性时,得到的效果是不一样的。

android:paddingLeft="30px":

按钮上设置的内容(例如图片)离按钮左边边界30个像素。

android:layout_marginLeft="30px"

整个按钮离左边设置的内容30个像素

这二个属性是相对的,假设B是A的子控件,设置B的margin和设置A的padding能达到相同的效果。

设置padding的好处:

     如果imageview对应的图片比较小,点击不容易点中,通过增加padding可以增大点触敏感度


Android支持的长度单位。

  • px(像素):屏幕上的点。 
    pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。
  • in(英寸):长度单位。
  • mm(毫米):长度单位。
  • pt(磅):1/72英寸。 
    point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
  • dp(与密度无关的像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp = 1px。
  • dip:与dp相同,多用于android/ophone示例中。 
    device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。
  • sp(与刻度无关的像素):与dp类似,但是可以根据用户的字体大小首选项进行缩放。 
    scaled pixels(放大像素). 主要用于字体显示best for textsize。

为了使用户界面能够在现在和将来的显示器类型上正常显示,建议大家始终使用sp作为文字大小的单位,Android默认的字号也是用的sp。

将dip作为其他元素的单位,比如长度、高度。当然,也可以考虑使用矢量图形,而不是用位图。

 

dp是与密度无关,sp除了与密度无关外,还与scale无关。

如果屏幕密度为160,这时dp和sp和px是一样的。1dp=1sp=1px,但如果使用px作单位,如果屏幕大小不变(假设还是3.2寸),而屏幕密度变成了320。

那么原来TextView的宽度设成160px,在密度为320的3.2寸屏幕里看要比在密度为160的3.2寸屏幕上看短了一半。

但如果设置成160dp或160sp的话。系统会自动将width属性值设置成320px的。

也就是160 * 320 / 160。其中320 / 160可称为密度比例因子。也就是说,如果使用dp和sp,系统会根据屏幕密度的变化自动进行转换.


<?xml version="1.0" encoding="utf-8"?> <androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TableLayout android:id="@+id/orderTable" android:layout_width="match_parent" android:layout_height="wrap_content" android:stretchColumns="*" android:shrinkColumns="*"> <!-- 表格标题行 --> <TableRow android:background="?attr/colorPrimary" android:padding="8dp"> <TextView android:text="订单号" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="产品编号" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="产品数量" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="组件名" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="板材信息" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="板材/组件" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> <TextView android:text="订购数量" android:textColor="@android:color/white" android:padding="8dp" android:textStyle="bold"/> </TableRow> </TableLayout> </androidx.core.widget.NestedScrollView> 填入信息后会变形,要求不能变型可以左右滑动,添加一个操作按钮
06-08
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、付费专栏及课程。

余额充值