【Android Studio程序开发】视图显示--设置视图的对齐方式

App界面上的视图排列，默认靠左朝上对齐，这也符合日常的书写格式。然而页面的排版不是一成不变 的，有时出于美观或者其他原因，要将视图排列改为朝下或靠右对齐，为此需要另外指定视图的对齐方式。

在XML文件中通过属性android:layout_gravity可以指定当前视图的对齐方向，当属性值为top时表 示视图朝上对齐，

android:gravity="top"

为bottom时表示视图朝下对齐，为left时表示视图靠左对齐，为right时表示视图靠右 对齐。如果希望视图既朝上又靠左，则用竖线连接top与left，此时属性标记为android:layout_gravity="top|left"；如果希望视图既朝下又靠右，则用竖线连接bottom与right，此时 属性标记为:

android:layout_gravity="bottom|right"

注意layout_gravity规定的对齐方式，指的是当前视图往上级视图的哪个方向对齐，并非当前视图的内部 对齐。若想设置内部视图的对齐方向，则需由当前视图的android:gravity指定，该属性一样拥有top、bottom、left、right 4种取值及其组合。

它与layout_gravity的不同之处在于：

layout_gravity设定了当前视图相对于上级视图的对齐方式，

而gravity设定了下级视图相对于当前视图的对齐方式；

前者决定了 当前视图的位置，而后者决定了下级视图的位置。 为了进一步分辨layout_gravity与gravity的区别，

接下来做个实验，对某个布局视图同时设置android:layout_gravity和android:gravity属性，再观察内外视图的对齐情况。下面便是实验用的XML文件例子： （完整代码见下文）

<!-- 最外层的布局背景为橙色，它的下级视图在水平方向排列 -->

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="300dp"

    android:background="#ffff99"

    android:padding="5dp">

    <!-- 第一个子布局背景为红色，它在上级视图中朝下对齐，它的下级视图则靠左对齐 -->

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

运行测试结果如图所示：

由效果图可见，第一个子布局朝下，并且它的内部视图靠左；而第二个子布局朝上，并且它的内部视图 靠右。对比XML文件中的layout_gravity和gravity取值，证明了二者的对齐情况正如之前所言：

layout_gravity决定当前视图位于上级视图的哪个方位，而gravity决定了下级视图位于当前视图的哪个方 位。

================================我是分割线=================================

 完整代码如下：

Java：

package com.example.chapter03;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class ViewGravityActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_gravity);
    }
}

src\main\res\layout\activity_view_gravity.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="300dp"
    android:orientation="horizontal"
    android:background="#ffff99">
    <!-- 第一个字布局背景为红色，它在上级视图中朝下对齐，它的下级视图则靠左对齐 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:layout_gravity="bottom">
        <!-- 内部视图的宽度和高度都是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_margin="10dp"
        android:background="#ff0000"
        android:layout_gravity="top"
        android:padding="10dp"
        android:gravity="right">
        <!-- 内部视图的宽度和高度都是100dp,且背景为青色 -->
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff"/>

    </LinearLayout>


</LinearLayout>

运行测试：

注意:记得修改清单文件

感谢观看！！！