Android設定Padding和Margin(動態/靜態)的方法範例

2022-11-27 14:00:42

一、什麼是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之間的轉換

由於Android手機廠商很多，導致了不同裝置螢幕大小和解析度都不一樣，然而我們開發者要保持在不同裝置上顯示同樣的視覺效果，就需要做一些適配效果。

相關名詞解釋

螢幕大小：通常指的是螢幕對角線的長度，使用“寸”為單位來衡量。
解析度：指手機螢幕的畫素點個數，例如：720*1280，指的是寬有720個畫素點，高有1280個畫素點。
dpi：指的是每英寸畫素，是由對角線上的畫素點數除以螢幕大小所得。

系統螢幕密度

ldpi資料夾下對應的密度為120dpi,對應的解析度為240*320
mdpi資料夾下對應的密度為160dpi,對應的解析度為320*480
hdpi資料夾下對應的密度為240dpi,對應的解析度為480*800
xhdpi資料夾下對應的密度為320dpi,對應的解析度為720*1280
xxhdpi資料夾下對應的密度為480dpi,對應的解析度為1080*1920

由於各種螢幕密度的不同，導致了同一張圖片在不同的手機螢幕上顯示不同；在螢幕大小相同的情況下，高密度的螢幕包含了更多的畫素點。android系統將密度為160dpi的螢幕作為標準對於mdpi資料夾，在此螢幕的手機上1dp=1px。從上面系統螢幕密度可以得出各個密度值之間的換算；在mdpi中1dp=1px,在hdpi中1dp=1.5px，在xhdpi中1dp=2px,在xxhpi中1dp=3px。換算比例如下：ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12。

單位換算方法

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

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

利用系統TypeValue類來轉換

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.動態設定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

總結

到此這篇關於Android設定Padding和Margin(動態/靜態)的文章就介紹到這了,更多相關Android設定Padding和Margin內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

Android設定Padding和Margin(動態/靜態)的方法範例

目錄

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

二、動態設定邊距

1.設定padding

2.動態設定margin

總結

熱門文章