什么是合适的线性布局或相对布局

Question

请查看随附的屏幕截图，它的简单布局设计我想在其中保持进度条和两个文本视图在中心。我使用线性布局作为父级并将布局重力设置为中心，因此我希望所有视图都应该是线性的中心。 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:background="@drawable/bg_progress"
android:orientation="vertical"
android:gravity="center">


<ProgressBar
    android:id="@+id/progressBar2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="@dimen/reg_dimen_12dp" />

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/sync_data_title"
    android:textColor="@color/white"
    android:textStyle="bold" />


<TextView
    android:id="@+id/textView9"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="50dp"
    android:layout_marginRight="50dp"
    android:layout_marginTop="@dimen/reg_dimen_24dp"
    android:gravity="center_horizontal"
    android:text="@string/sync_data_desc"
    android:textColor="@color/white" />
   </LinearLayout>

下面是我正在尝试的布局

在设备上，如下所示，

Answer 1

使用RelativeLayout尝试这种方式修复

  <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@drawable/bg_progress"
    android:layout_height="match_parent">

    <ProgressBar
        android:id="@+id/progressBar2"
        android:layout_width="wrap_content"
        android:layout_above="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/reg_dimen_12dp" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/sync_data_title"
        android:layout_centerInParent="true"
        android:textColor="@color/white"
        android:textStyle="bold" />


    <TextView
        android:id="@+id/textView9"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="50dp"
        android:layout_marginRight="50dp"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/reg_dimen_24dp"
        android:gravity="center_horizontal"
        android:text="@string/sync_data_desc"
        android:textColor="@color/white" />
</RelativeLayout>

Answer 2

您也可以使用可绘制的形状而不是大图像作为背景。

这是您的背景的示例形状，并在 LinearLayout 的背景中使用它。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:endColor="#EB7C97"
        android:startColor="#ED94A9"
        android:type="linear" />
</shape>

Answer 3

另一种方法：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_progress">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center_horizontal"
        android:layout_centerInParent="true">


        <ProgressBar
            android:id="@+id/progressBar2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/reg_dimen_12dp" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/sync_data_title"
            android:textColor="@color/white"
            android:textStyle="bold" />


        <TextView
            android:id="@+id/textView9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"
            android:layout_marginRight="50dp"
            android:layout_marginTop="@dimen/reg_dimen_24dp"
            android:text="@string/sync_data_desc"
            android:textAlignment="center"
            android:textColor="@color/white" />
    </LinearLayout>
</RelativeLayout>