0

我必须设计一个布局,如下所示。在这里,我有 5 个垂直布局,并且我附上了一个图像(垂直矩形)。现在我必须添加水平背景图像,如给定图所示我已将所有布局(名为 1、2、3、4、5)设为垂直,并希望同时具有水平和垂直背景,如下所示。因为我的布局是垂直的,所以我不知道如何将它添加到我的背景中。

我已将所有布局(命名为 1、2、3、4、5)设为垂直或者是否有任何其他方法来制作此布局。

我的代码如下: -

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip"
            android:layout_marginTop="10dip" >

            <ImageView
                android:id="@+id/img_CategoryItem"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/tv_CategoryItem_Name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="102dp"
                android:text="TextView"
                android:textColor="#000000"
                android:textSize="16dip"
                android:textStyle="bold" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginRight="10dip"
                android:src="@drawable/black_arrow" />
        </RelativeLayout>

        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <LinearLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <LinearLayout
                    android:layout_width="60dp"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >

                    <View
                        android:layout_width="60dip"
                        android:layout_height="wrap_content" />

                    <!--
                         <ImageView
                        android:id="@+id/img_CategoryItem"
                        android:layout_width="60dip"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="5dip"
                        android:layout_marginTop="5dip"
                        android:src="@drawable/ic_launcher" />



                    -->
                </LinearLayout>

                <LinearLayout
                    android:layout_width="60dip"
                    android:layout_height="fill_parent"
                    android:orientation="vertical" >

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="20dp" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_Year1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="#DBDBDB"
                        android:text="2012"
                        android:textColor="#000000"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_Year2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="20dip"
                        android:text="2011"
                        android:textColor="#000000"
                        android:textStyle="bold" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/linear_CategoryItem_RatingSelected"
                    android:layout_width="60dp"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >

                    <TextView
                        android:id="@+id/textView2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:text="Rating" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_Rating1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:background="#DBDBDB"
                        android:text="Rating"
                        android:textColor="#C05E09"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_Rating2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginTop="20dip"
                        android:text="Rating"
                        android:textColor="#C05E09"
                        android:textStyle="bold" />
                </LinearLayout>

                <LinearLayout
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:id="@+id/linear_CategoryItem_MPGSelected"
                    android:layout_width="50dp"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >

                    <TextView
                        android:id="@+id/textView3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:text="MPG" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_MPG1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:background="#DBDBDB"
                        android:text="MPG"
                        android:textColor="#0B5AAD"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_MPG2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginTop="20dip"
                        android:text="MPG"
                        android:textColor="#000000"
                        android:textStyle="bold" />
                </LinearLayout>

                <LinearLayout
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:id="@+id/linear_CategoryItem_PriceSelected"
                    android:layout_width="78dp"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >

                    <TextView
                        android:id="@+id/textView3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:text="PRICE" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_Price1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:text="Price"
                        android:textColor="#000000"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/tv_CategoryItem_Price2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginTop="20dip"
                        android:text="Price"
                        android:textColor="#000000"
                        android:textStyle="bold" />
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>

    </LinearLayout>
4

2 回答 2

2

它非常简单。您只需要使用框架布局,您必须在其中添加具有相应背景和整个线性布局的图像视图。为了更好地澄清,我在您指定的布局中添加了 xml 代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"

     >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dip"
        android:layout_marginTop="10dip" >

        <ImageView
            android:id="@+id/img_CategoryItem"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/tv_CategoryItem_Name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginLeft="102dp"
            android:text="TextView"
            android:textColor="#000000"
            android:textSize="16dip"
            android:textStyle="bold" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginRight="10dip"
            android:src="@drawable/black_arrow" />
    </RelativeLayout>

    <FrameLayout  xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView  android:layout_width="match_parent"
        android:layout_height="20dp"
        android:layout_gravity="bottom"
        android:layout_marginBottom="55dp"
        android:background="#D8D8D8"/>

    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <LinearLayout
                android:layout_width="60dp"
                android:layout_height="match_parent"
                android:orientation="vertical" >

                <View
                    android:layout_width="60dip"
                    android:layout_height="wrap_content" />

                <!--
                     <ImageView
                    android:id="@+id/img_CategoryItem"
                    android:layout_width="60dip"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dip"
                    android:layout_marginTop="5dip"
                    android:src="@drawable/ic_launcher" />



                -->
            </LinearLayout>

            <LinearLayout
                android:layout_width="60dip"
                android:layout_height="fill_parent"
                android:orientation="vertical"
                >

                <View
                    android:layout_width="wrap_content"
                    android:layout_height="17dp" />

                <TextView
                    android:id="@+id/tv_CategoryItem_Year1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="2012"
                    android:textColor="#000000"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_CategoryItem_Year2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dip"
                    android:text="2011"
                    android:textColor="#000000"
                    android:textStyle="bold" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/linear_CategoryItem_RatingSelected"
                android:layout_width="60dp"
                android:layout_height="match_parent"
                android:orientation="vertical" >

                <TextView
                    android:id="@+id/textView2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:text="Rating" />

                <TextView
                    android:id="@+id/tv_CategoryItem_Rating1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:text="Rating"
                    android:textColor="#C05E09"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_CategoryItem_Rating2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="20dip"
                    android:text="Rating"
                    android:textColor="#C05E09"
                    android:textStyle="bold" />
            </LinearLayout>

            <LinearLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/linear_CategoryItem_MPGSelected"
                android:layout_width="50dp"
                android:layout_height="match_parent"
                android:orientation="vertical" >

                <TextView
                    android:id="@+id/textView3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:text="MPG" />

                <TextView
                    android:id="@+id/tv_CategoryItem_MPG1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:text="MPG"
                    android:textColor="#0B5AAD"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_CategoryItem_MPG2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="20dip"
                    android:text="MPG"
                    android:textColor="#000000"
                    android:textStyle="bold" />
            </LinearLayout>

            <LinearLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/linear_CategoryItem_PriceSelected"
                android:layout_width="78dp"
                android:layout_height="match_parent"
                android:orientation="vertical" >

                <TextView
                    android:id="@+id/textView3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:text="PRICE" />

                <TextView
                    android:id="@+id/tv_CategoryItem_Price1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:text="Price"
                    android:textColor="#000000"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_CategoryItem_Price2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="20dip"
                    android:text="Price"
                    android:textColor="#000000"
                    android:textStyle="bold" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</FrameLayout>
</LinearLayout>

只需用这个更改您的 xml 或在现有 xml 中添加更改。希望它有效。

于 2012-05-31T20:09:44.067 回答
0

您可以将背景图像添加到 TextView 中,也可以将背景图像android:background="@drawable/myressource"嵌套在LinearLayout水平方向以包装您TextView并为此布局添加背景图像。

于 2012-05-31T18:16:30.487 回答