android布局如何设置视图

在我的Android项目中，我希望我的xml布局如下图所示：——

我的代码是：--

test.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linearLayout1"
        android:weightSum="1"
        android:background="#F3F3F3">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.12"
            android:id="@+id/la"
            android:background="@drawable/layout_style"
            android:layout_margin="20dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="25sp"
                    android:text="Read it carefully"
                    android:textStyle="bold"
                    android:layout_marginLeft="10dp"
                    android:id="@+id/textView3"

                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:textColor="#000000"
                    android:layout_gravity="center"
                    android:background="#FFFFFF"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Text view"
                android:textColor="#000000"
                android:id="@+id/textView4"
                android:layout_gravity="center_horizontal" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Text View"
                android:id="@+id/textView5"
                android:textColor="#000000"
                android:layout_gravity="center_horizontal" />

        </LinearLayout>

    </LinearLayout>

而且，layout_style.xml是：--

它的表现像：--

---

问题出在哪里？或者我必须在这里添加什么？请建议我..

更改textView3宽度环绕内容以匹配父项，并设置透明背景：

示例：

<TextView
    android:layout_width="match_parent "
    android:layout_height="wrap_content"
    android:textSize="25sp"
    android:text="Read it carefully"
    android:textStyle="bold"
    android:layout_marginLeft="10dp"
    android:id="@+id/textView3"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:textColor="#000000"
    android:background="@android:color/transparent"/>

---

1]将文本视图的宽度更改为

match\u parent

，

仔细阅读

2] 添加另一个线性布局，并在其中添加另外两个测试视图，为这两个视图指定“layout_weight”为1，以便它们可以占用屏幕空间

3] 所以基本上您的xml看起来像

 <LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/linearLayout1"
    android:weightSum="2"
    android:background="#F3F3F3">
                <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="25sp"
                android:layout_weight="1"
                android:text="Read it carefully"
                android:textStyle="bold"
                android:layout_marginLeft="10dp"
                android:id="@+id/textView3"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                android:textColor="#000000"
                android:layout_gravity="center"
                android:background="#FFFFFF"/>
 <LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="0.12">

   // add textviews here
</LinearLayout>

</LinearLayout>

//在此处添加文本视图

您应该帮助：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linearLayout1"
        android:weightSum="1">

           <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="50dp"
                    android:textSize="25sp"
                    android:text="Read it carefully"
                    android:textStyle="bold"
                    android:background="@drawable/top_rounded_bg_white"
                    android:layout_marginLeft="10dp"
                    android:id="@+id/textView3"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:textColor="#000000"
                    android:layout_gravity="center"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Text view"
                android:textColor="#000000"
                android:id="@+id/textView4"
                android:background="@drawable/middle_bg_grey"
                android:layout_gravity="center_horizontal" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Text View"
                android:id="@+id/textView5"
                android:textColor="#000000"
                android:background="@drawable/bottom_bg_grey"
                android:layout_gravity="center_horizontal" />
</LinearLayout>

top_rounded_bg_white.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
                <corners android:topLeftRadius="5dip" android:topRightRadius="5dip"/>
               <solid android:color="@color/white" />
    </shape>

middle_bg_grey.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
              <solid android:color="@color/grey" />
 </shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
            <corners android:bottomLeftRadius="5dip" android:bottomRightRadius="5dip" />

            <solid android:color="@color/grey" />

        </shape>

bottom_bg_grey.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
              <solid android:color="@color/grey" />
 </shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
            <corners android:bottomLeftRadius="5dip" android:bottomRightRadius="5dip" />

            <solid android:color="@color/grey" />

        </shape>

更改宽度，使之与文本视图的父级匹配，并仔细阅读。我希望布局像第一张图片一样。@pramoda，有了匹配的父级，我就不会像第一张图片一样了。您需要两个可绘图项：一个是白色，左上角和右上角为圆角。另一种灰色，左下角和右下角为圆角。布局也有冗余视图。还有很多属性不属于这里。@Vikram，你能给我举个我能理解的例子（站点名称）吗。。