無法在android中設計佈局

Question

我必須設計一個佈局，我已在下面顯示。在這裏，我有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> 

Answer 1

您可將背景圖片添加到您的TextView與android:background="@drawable/myressource"或嵌套LinearLayout與水平方向的包裹你的TextView並添加背景圖片這個佈局。

Answer 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中添加更改。 希望它有效。