视图的填充和边距之间的差异

Question

视图的填充和边距之间的差异

Rag*_*har 553 user-interface android margin view padding

View的边距和填充之间有什么区别？

Answer 1

Cri*_*ian 574

填充是边框内部,边框和实际视图内容之间的空间.请注意,填充完全围绕内容:顶部,底部,右侧和左侧有填充(可以是独立的).

边距是边框之外,边框和此视图旁边的其他元素之间的空格.在图像中,边距是整个对象外部的灰色区域.请注意,与填充一样,边距完全围绕内容:顶部,底部,右侧和左侧都有边距.

图像说超过1000个单词(从Margin Vs Padding中提取- CSS属性):

替代文字

答案是HTML/CSS,问题是Android.Android的视图模型受到HTML的启发,但并不完全相同.首先,边界不是那里的第一类大型物体. (53认同)
注意:在Android中,layout_width属性包括内容和填充.(在HTML中,css width属性仅指内容宽度.)正如Seva所说,Android没有内置的边框概念.您可以使用9-patch png背景或xml矢量drawable在Android中添加边框. (47认同)
值得注意的是,背景是基于边距修改而不是填充(在Android中). (11认同)

Answer 2

Sur*_*gch 548

为了帮助我记住填充物的含义,我想到了一件带有大量厚棉垫的大衣.我穿着外套,但是我和我的衬垫在一起.我们是一个单位.

但要记住保证金,我想," 嘿,给我一些余地! "这是我和你之间的空白.不要进入我的舒适区 - 我的保证金.

为了更清楚,这里是一个填充和边距的图片TextView:

上图中的xml布局

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:text="TextView margin only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:text="TextView margin only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#c5e1b0"
        android:padding="10dp"
        android:textColor="#000000"
        android:text="TextView padding only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#f6c0c0"
        android:padding="10dp"
        android:textColor="#000000"
        android:text="TextView padding only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:padding="10dp"
        android:text="TextView padding and margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:padding="10dp"
        android:text="TextView padding and margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:text="TextView no padding no margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:text="TextView no padding no margin"
        android:textSize="20sp" />

</LinearLayout>

Run Code Online (Sandbox Code Playgroud)