在九个补丁的内容区绘制进度条和textview

Question

我有一个RelativeLayout，其中嵌套了一个ProgressBar 和一个TextView。 RelativeLayout 的背景由 9patch 图像定义，但子视图没有正确遵循 9patch 图像的内容区域，相反，如果我在 9patch 图像中没有定义内容区域，它们只会出现在它们出现的位置.

这是我的布局：

<?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:gravity="center_horizontal"
    android:orientation="vertical"
    android:background="@+drawable/loading_screen" 
    android:padding="0dip" >

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_above="@+id/progressBar1"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="@string/loading"
        android:gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="@android:color/black" />

</RelativeLayout>

这是我的 9patch 文件：

Answer 1

9patch 图像中定义的内容区域与 UI 组件的位置完全无关，它只是定义了应该如何拉伸图像以填充指定区域。为了使 UI 组件的放置与 9patch 图像一致，您需要为 RelativeLayout 添加适当的填充，我的意思是左/右/上/下填充大小应该与 9patch 图像的四个边相同.