Android 设置Padding和Margin(动态/静态)

一、什么是padding,什么是margin?

在Android界面开发时,为了布局更加合理好看,很多时候会用上Padding和Margin,

padding和margin是什么呢?即内边距和外边距;

某个View指定为padding是针对该View里面的子View距离该View距离而言的,或者是里面的内容距离容器的距离。

某个View指定为margin是针对该View本身距离别人或者父View而言的。

例如下图,输入框里面的文字内容,如果不设置内边距,那么就会紧挨左上角,这样看起来,就很不友好,合理的设置padding看起来会舒服很多。

如果,不设置外边距,会充满整个父布局,也不好看,这时候就需要margin属性(外边距)。

 类似于控件的基础属性,并且不会变化的,我们一般会直接在xml文件里直接设置,这是上图的布局代码

<androidx.appcompat.widget.AppCompatEditText
                android:id="@+id/chat_input_edit"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginStart="10dp"
                android:layout_marginTop="10dp"
                android:layout_marginEnd="10dp"
                android:layout_marginBottom="10dp"
                android:paddingHorizontal="12dp"
                android:paddingVertical="10dp"
                android:textColor="@color/white"
                android:textColorHint="#94ffffff"
                android:textSize="14sp" />

 二、动态设置边距

那么怎么动态设置padding和margin呢?其实也很简单。

1.设置padding

view.setPadding(int left, int top, int right, int bottom)//view为你要设置的控件

例子:在我点击搜索框后,搜索框获取焦点,准备输入内容的时候,图标消失,文本内边距修改,实现代码如下

editText.setOnFocusChangeListener { view, b ->
            if (b) {//使用dp2px方法进行屏幕适配
                view.setPadding(DPUtils.dp2px(12f),DPUtils.dp2px(6f),DPUtils.dp2px(12f),DPUtils.dp2px(6f))
                searchIcon.visibility = View.GONE
            }
        }

实现效果:最开始文本里左边内边距32dp,点击后变成12dp

//这是dp转为px的方法
private fun dp2px(i: Int): Int {
    return (Resources.getSystem().displayMetrics.density * i + 0.5f).toInt()} 

为什么会有dp2px这个方法来转一下呢?

android中px与sp,dp之间的转换_跑快点的博客-CSDN博客_android px sp由于Android手机厂商很多,导致了不同设备屏幕大小和分辨率都不一样,然而我们开发者要保持在不同设备上显示同样的视觉效果,就需要做一些适配效果。 相关名词解释 屏幕大小:通常指的是屏幕对角线的长度,使用“寸”为单位来衡量。 分辨率:指手机屏幕的像素点个数,例如:720*1280,指的是宽有720个像素点,高有1280个像素点。 dpi:指的是每英寸像素,是由对角线上的像素点数除以屏幕大小所https://blog.csdn.net/qidingquan/article/details/53714603?spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-4-53714603-blog-91974773.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-4-53714603-blog-91974773.pc_relevant_default&utm_relevant_index=92.动态设置margin

android的view中有setPadding,但是没有直接的setMargin方法。如果要在代码中设置该怎么做呢?可以通过设置view里面的 LayoutParams 设置,而这个LayoutParams是根据该view在不同的GroupView而不同的。这儿用的是RelativeLayout是因为在他的父布局是RelativeLayout哦,用成其他的会报错哦~~

val lp = RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT)
lp.setMargins(0, 0, DPUtils.dp2px(7f), DPUtils.dp2px(7f))
//RelativeLayout可以通过LayoutParams的addRule来添加约束,其他的布局也有类似的一些方法
lp.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM)
lp.addRule(RelativeLayout.ALIGN_PARENT_END)
textView.layoutParams = lp

  • 10
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
### 回答1: paddingmargin是用来设置元素周围空间的属性,它们并不能直接设置颜色。如果想要设置元素的背景颜色,可以使用CSS的background属性。如果想要设置元素的边框颜色,可以使用CSS的border属性。 ### 回答2: 在CSS中,可以使用paddingmargin来为元素添加内边距和外边距。这两个属性在布局设计中扮演着重要角色,能够让网页设计更加美观,同时也更加方便调整页面布局。 在CSS3中,可以使用paddingmargin为元素设置颜色。具体来说,可以使用以下两个属性: padding: 在padding属性后面加上一个斜杠'/ '和一个颜色值,可以让元素的内边距区域呈现出指定的颜色。例如: padding: 20px/ blue; 这个设置将会让元素的内边距区域呈现出蓝色。需要注意的是,在使用这个语法时,颜色值必须出现在斜杠之后,而padding值必须在斜杠之前。 margin: 在margin属性后面加上一个斜杠'/ '和一个颜色值,可以让元素的外边距区域呈现出指定的颜色。例如: margin: 20px/ red; 这个设置将会让元素的外边距区域呈现出红色。同样需要注意,颜色值必须出现在斜杠之后,而margin值必须在斜杠之前。 需要注意的是,使用这种方法设置paddingmargin的颜色只对平铺的颜色有效。如果要为内边距和外边距区域设置不同的颜色,则需要为它们分别设置颜色。如果要为整个元素添加一个边框,则应该使用border属性,并在其中添加颜色值。 综上所述,通过使用paddingmargin设置颜色,可以方便地调整页面布局和颜色风格,从而实现网页设计的优化效果。 ### 回答3: 在建立网页时,HTML和CSS是必不可少的工具。其中,CSS的 paddingmargin 是常用的属性之一。同时,我们也可以为 paddingmargin 设置颜色。 首先,我们需要了解 paddingmargin 的区别。padding 是指元素内部的空白区域,而 margin 则是指元素外部的空白区域。为元素添加 paddingmargin 可以让网页看起来更加美观,同时也可以让元素在布局中有更多的空间。 在为 paddingmargin 设置颜色时,我们可以使用以下的 CSS 代码: padding: 10px; padding: 10px 20px; padding: 10px 20px 30px 40px; padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px; margin: 10px; margin: 10px 20px; margin: 10px 20px 30px 40px; margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; 以上代码中,我们可以看到,我们可以为 paddingmargin 设置不同的值,从而实现不同的效果。同时,我们还可以为每个方向(上、右、下、左)单独设置 paddingmargin 的值。另外,我们可以使用颜色值来为 paddingmargin 设置不同的颜色。 举个例子,我们可以使用以下代码来为元素设置 Border、PaddingMargin: box{ border: 1px solid #999; padding: 10px; margin: 20px; background-color: #ccc; } 在以上代码中,我们为 box 元素设置了 1像素的实线边框,边框颜色为 #999。同时,我们为 box 元素设置了 10像素的内边距和 20像素的外边距,并为其背景色设置为 #ccc。这样,我们就可以为元素添加颜色并美化页面。 总的来说,为 paddingmargin 设置颜色可以让网页看起来更加美观,同时也可以让元素在布局中有更多的空间。我们只需要熟悉相关代码,就可以轻松地为元素添加自己喜欢的颜色和样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

&岁月不待人&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值