안드로이드에서 레이아웃을 디자인 할 수 없습니다.

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와 텍스트 뷰에 배경 이미지를 추가 할 수 있습니다 및 배경 이미지를 추가 이 레이아웃.

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에 변경 사항을 추가하십시오. 희망이 있습니다.