快捷導(dǎo)航

Android設(shè)置Padding和Margin(動(dòng)態(tài)/靜態(tài))的方法實(shí)例

更新時(shí)間：2022年11月26日 11:58:51 作者：&歲月不待人&

如何在java代碼中設(shè)置margin,也就是組件與組件之間的間距,下面這篇文章主要給大家介紹了關(guān)于Android設(shè)置Padding和Margin(動(dòng)態(tài)/靜態(tài))的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、什么是padding，什么是margin？

在Android界面開(kāi)發(fā)時(shí)，為了布局更加合理好看，很多時(shí)候會(huì)用上Padding和Margin，

padding和margin是什么呢？即內(nèi)邊距和外邊距；

某個(gè)View指定為padding是針對(duì)該View里面的子View距離該View距離而言的，或者是里面的內(nèi)容距離容器的距離。

某個(gè)View指定為margin是針對(duì)該View本身距離別人或者父View而言的。

例如下圖，輸入框里面的文字內(nèi)容，如果不設(shè)置內(nèi)邊距，那么就會(huì)緊挨左上角，這樣看起來(lái)，就很不友好，合理的設(shè)置padding看起來(lái)會(huì)舒服很多。

如果，不設(shè)置外邊距，會(huì)充滿整個(gè)父布局，也不好看，這時(shí)候就需要margin屬性（外邊距）。

類似于控件的基礎(chǔ)屬性，并且不會(huì)變化的，我們一般會(huì)直接在xml文件里直接設(shè)置，這是上圖的布局代碼

<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" />

二、動(dòng)態(tài)設(shè)置邊距

那么怎么動(dòng)態(tài)設(shè)置padding和margin呢？其實(shí)也很簡(jiǎn)單。

1.設(shè)置padding

view.setPadding(int left, int top, int right, int bottom)//view為你要設(shè)置的控件

例子：在我點(diǎn)擊搜索框后，搜索框獲取焦點(diǎn)，準(zhǔn)備輸入內(nèi)容的時(shí)候，圖標(biāo)消失，文本內(nèi)邊距修改，實(shí)現(xiàn)代碼如下

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

實(shí)現(xiàn)效果：最開(kāi)始文本里左邊內(nèi)邊距32dp，點(diǎn)擊后變成12dp

//這是dp轉(zhuǎn)為px的方法
private fun dp2px(i: Int): Int {
    return (Resources.getSystem().displayMetrics.density * i + 0.5f).toInt()}

為什么會(huì)有dp2px這個(gè)方法來(lái)轉(zhuǎn)一下呢？

附：android中px與sp,dp之間的轉(zhuǎn)換

由于Android手機(jī)廠商很多，導(dǎo)致了不同設(shè)備屏幕大小和分辨率都不一樣，然而我們開(kāi)發(fā)者要保持在不同設(shè)備上顯示同樣的視覺(jué)效果，就需要做一些適配效果。

相關(guān)名詞解釋

屏幕大?。和ǔＶ傅氖瞧聊粚?duì)角線的長(zhǎng)度，使用“寸”為單位來(lái)衡量。
分辨率：指手機(jī)屏幕的像素點(diǎn)個(gè)數(shù)，例如：720*1280，指的是寬有720個(gè)像素點(diǎn)，高有1280個(gè)像素點(diǎn)。
dpi：指的是每英寸像素，是由對(duì)角線上的像素點(diǎn)數(shù)除以屏幕大小所得。

系統(tǒng)屏幕密度

ldpi文件夾下對(duì)應(yīng)的密度為120dpi,對(duì)應(yīng)的分辨率為240*320
mdpi文件夾下對(duì)應(yīng)的密度為160dpi,對(duì)應(yīng)的分辨率為320*480
hdpi文件夾下對(duì)應(yīng)的密度為240dpi,對(duì)應(yīng)的分辨率為480*800
xhdpi文件夾下對(duì)應(yīng)的密度為320dpi,對(duì)應(yīng)的分辨率為720*1280
xxhdpi文件夾下對(duì)應(yīng)的密度為480dpi,對(duì)應(yīng)的分辨率為1080*1920

由于各種屏幕密度的不同，導(dǎo)致了同一張圖片在不同的手機(jī)屏幕上顯示不同；在屏幕大小相同的情況下，高密度的屏幕包含了更多的像素點(diǎn)。android系統(tǒng)將密度為160dpi的屏幕作為標(biāo)準(zhǔn)對(duì)于mdpi文件夾，在此屏幕的手機(jī)上1dp=1px。從上面系統(tǒng)屏幕密度可以得出各個(gè)密度值之間的換算；在mdpi中1dp=1px,在hdpi中1dp=1.5px，在xhdpi中1dp=2px,在xxhpi中1dp=3px。換算比例如下：ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12。

單位換算方法

/**
? ? ?* dp轉(zhuǎn)換成px
? ? ?*/
? ? private int dp2px(Context context,float dpValue){
? ? ? ? float scale=context.getResources().getDisplayMetrics().density;
? ? ? ? return (int)(dpValue*scale+0.5f);
? ? }

? ? /**
? ? ?* px轉(zhuǎn)換成dp
? ? ?*/
? ? private int px2dp(Context context,float pxValue){
? ? ? ? float scale=context.getResources().getDisplayMetrics().density;
? ? ? ? return (int)(pxValue/scale+0.5f);
? ? }
? ? /**
? ? ?* sp轉(zhuǎn)換成px
? ? ?*/
? ? private int sp2px(Context context,float spValue){
? ? ? ? float fontScale=context.getResources().getDisplayMetrics().scaledDensity;
? ? ? ? return (int) (spValue*fontScale+0.5f);
? ? }
? ? /**
? ? ?* px轉(zhuǎn)換成sp
? ? ?*/
? ? private int px2sp(Context context,float pxValue){
? ? ? ? float fontScale=context.getResources().getDisplayMetrics().scaledDensity;
? ? ? ? return (int) (pxValue/fontScale+0.5f);
? ? }

利用系統(tǒng)TypeValue類來(lái)轉(zhuǎn)換

private int dp2px(Context context,int dpValue){
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,dpValue,context.getResources().getDisplayMetrics());
    }
    private int sp2px(Context context,int spValue){
        return (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,spValue,context.getResources().getDisplayMetrics());
    }

2.動(dòng)態(tài)設(shè)置margin

android的view中有setPadding，但是沒(méi)有直接的setMargin方法。如果要在代碼中設(shè)置該怎么做呢？可以通過(guò)設(shè)置view里面的 LayoutParams 設(shè)置，而這個(gè)LayoutParams是根據(jù)該view在不同的GroupView而不同的。這兒用的是RelativeLayout是因?yàn)樵谒母覆季质荝elativeLayout哦，用成其他的會(huì)報(bào)錯(cuò)哦～～

val lp = RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT)
lp.setMargins(0, 0, DPUtils.dp2px(7f), DPUtils.dp2px(7f))
//RelativeLayout可以通過(guò)LayoutParams的addRule來(lái)添加約束，其他的布局也有類似的一些方法
lp.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM)
lp.addRule(RelativeLayout.ALIGN_PARENT_END)
textView.layoutParams = lp

總結(jié)

到此這篇關(guān)于Android設(shè)置Padding和Margin(動(dòng)態(tài)/靜態(tài))的文章就介紹到這了,更多相關(guān)Android設(shè)置Padding和Margin內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: