基础复习——文本显示——TextView——设置视图的宽高——设置视图之间的间距：layout_margin以及padding——设置视图的对其方式：layout_gravity以及gravity...

最新推荐文章于 2023-10-30 23:39:06 发布

原创最新推荐文章于 2023-10-30 23:39:06 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #android studio #ide

本文详细介绍了Android中设置视图宽高、间距和对齐方式的方法。视图宽度和高度可通过match_parent、wrap_content或dp值来设定。margin属性用于设置视图间间距，padding属性用于设置内部间距。同时，layout_gravity决定视图在上级视图的位置，而gravity则决定了下级视图在当前视图的位置。通过实例展示了不同设置的效果。

设置视图的宽高：

视图宽度通过属性android:layout_width表达，视图高度通过属性android:layout_height表达，宽高的取值主要有下列三种：

(1)match_parent：表示与上级视图保持一致。
(2)wrap_content：表示与内容自适应。
(3)以dp为单位的具体尺寸。

手机屏幕是长方形区域：短的叫宽，长的叫高：

(1)、控件宽度通过--------android:layout_width-----------设置

(2)、控件高度通过--------android:layout_height-----------设置

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

宽和高的取值，主要有3种：

(1)、match_parent：表示与上级视图保持一致。上级视图的尺寸有多大，当前视图的尺寸就有多大。

(2)、wrap_content：表示与内容自适应。对于文本视图来说，内部文字需要多大的显示空间，当前视图就要占据多大的尺寸。

但最宽不能超过上级视图的宽度，一旦超过，就会换行；最高不能超过上级视图的高度，一旦超过就会隐藏。

(3)、以dp为单位的具体尺寸，比如300dp，表示宽度和高度就这么大。

布局文件：

<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_marginTop="5dp"
        android:background="#00ffff"
        android:text="视图宽度采用wrap_content定义"
        android:textColor="#000000"
        android:textSize="17sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:background="#00ffff"
        android:text="视图宽度采用match_parent定义"
        android:textColor="#000000"
        android:textSize="17sp" />

    <TextView
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:background="#00ffff"
        android:text="视图宽度采用固定大小"
        android:textColor="#000000"
        android:textSize="17sp" />

    <TextView
        android:id="@+id/tv_code"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:background="#00ffff"
        android:text="通过代码指定视图宽度"
        android:textColor="#000000"
        android:textSize="17sp" />
</LinearLayout>

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

设置视图之间的间距：

设置视图的间距有两种方式：

(1)采用layout_margin属性，它指定了当前视图与周围平级视图之间的距离(包括上级视图和平级视图)。

包括：layout_margin、layout_marginLeft、layout_marginTop、layout_marginRight、layout_marginBottom；

(2)采用padding属性，它指定了当前视图与内部下级视图之间的距离(包括下级视图和内部文本)。

包括：padding、paddingLeft、paddingTop、paddingRight、paddingBottom；

android:layout_margin="30dp"  ———— 一次性设置四周的间距

android:layout_marginTop="30dp"  -----该属性的作用是让当前视图与上方间隔一段距离

android:layout_marginBottom="30dp"-----该属性的作用是让当前视图与下方间隔一段距离

android:layout_marginLeft="30dp"-----该属性的作用是让当前视图与左边间隔一段距离


android:layout_marginRight="30dp"-----该属性的作用是让当前视图与右边间隔一段距离

注意：layout_margin不单单用于文本视图，还可以用于所有视图，包括各类布局和各类控件。

因为不管是布局还是控件，它们统统由视图基类View派生而来，而layout_margin正式View的一个通用属性。

除了layout_margin外，padding也是View的一个通用属性，它用来设置视图的内部间距。

布局：

<!-- 最外层的布局背景为蓝色 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="#00aaff"
    android:orientation="vertical">

    <!-- 中间层的布局背景为黄色 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="60dp"             指定当前视图与周围平级视图之间的间距
        android:background="#ffff99"
        android:padding="10dp">                        指定当前视图与内部下级视图之间的距离

        <!-- 最内层的视图背景为红色 -->
        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#ff0000" />
    </LinearLayout>

</LinearLayout>

<!-- 最外层的布局背景为蓝色 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="#00aaff"
    android:orientation="vertical">

    <!-- 中间层的布局背景为黄色 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="60dp"
        android:background="#ffff99"
        android:padding="10dp">

        <!-- 最内层的视图背景为红色 -->
        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#ff0000" />
    </LinearLayout>

</LinearLayout>

===================================================================================================

设置视图的对齐方式：

设置视图的对齐方式有两种途径：

(1)采用layout_gravity属性，它指定了当前视图相对于上级视图的对齐方式。

(2)采用gravity属性，它指定了下级视图相对于当前视图的对齐方式。

layout_gravity与gravity的取值包括：left、top、right、bottom，还可以用竖线连接各取值，例如“left|top”表示即靠左又靠上，也就是朝左上角对齐。

布局：

<!-- 最外层的布局背景为橙色，它的下级视图在水平方向排列 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="#ffff99"
    android:padding="10dp">

    <!-- 第一个子布局背景为红色，它在上级视图中朝下对齐，它的下级视图则靠左对齐 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_gravity="bottom"
        android:gravity="left"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp">

        <!-- 内部视图的宽度和高度都是100dp，且背景色为青色 -->
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff" />
    </LinearLayout>

    <!-- 第二个子布局背景为红色，它在上级视图中朝上对齐，它的下级视图则靠右对齐 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_gravity="top"
        android:gravity="right"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp">

        <!-- 内部视图的宽度和高度都是100dp，且背景色为青色 -->
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff" />
    </LinearLayout>
</LinearLayout>