목록보기의 목록 항목을 디자인하는 방법

Question

나는 각 행에 두 개의 텍스트 레이블과 세 개의 이미지 단추가있는 목록보기가 있습니다.

을하지만이 내 레이아웃에 동작하지 않습니다 : 시각적으로, 나는 각 행은 다음과 같이하고자합니다. 이것은 내가 지금하고있는 일이다. 두 개의 라벨이 보이기는하지만 버튼은 내가 원하는대로 표시되지 않습니다.

가 어떻게이 모형에서와 같이 버튼을 정렬 할 수 있습니다 질문?

<TextView 
    android:id="@+id/color_name" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingBottom="15dip" 
    android:paddingLeft="5dip" 
    android:paddingTop="15dip" 
    android:textColor="#000000" 
    android:textSize="16dip" 
    android:layout_toRightOf="@+id/track_no"/> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_alignLeft="@id/shade_count" 
    android:layout_below="@id/shade_count" 
    android:gravity="center_vertical" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/shade_count" 
     style="@style/ListSubtitleText" 
     android:textColor="#ff868686" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:paddingLeft="5dip" 
     android:singleLine="true" /> 
</LinearLayout> 

    <ImageButton 
     android:id="@+id/star" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/star"/> 

    <ImageButton 
     android:id="@+id/share" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="#000000" 
     android:src="@drawable/share"/> 

    <ImageButton 
     android:id="@+id/delete" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/delete" /> 

Answer 1

이

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

     <LinearLayout 
      android:id="@+id/linearLayout1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="4dp" 
      android:layout_marginTop="1dp" 
      android:orientation="vertical" > 

      <TextView 
       android:id="@+id/textView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Red Color" 
       android:textColor="#000000"      
       android:paddingLeft="5dip" 
       android:textSize="16dip" 
       android:paddingTop="15dip"/> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"   
       android:text="this color has 20 shodes" 
       android:textColor="#ff868686" 
       android:paddingLeft="5dip" 
       android:paddingTop="15dip"/> 
     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/linearLayout2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="15dp" 
      android:orientation="horizontal" > 

      <ImageButton 
       android:id="@+id/imageButton1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingTop="15dip" 
       android:src="@drawable/star" /> 

      <ImageButton 
       android:id="@+id/imageButton2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingTop="15dip" 
       android:src="@drawable/share" /> 

      <ImageButton 
       android:id="@+id/imageButton3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingTop="15dip" 
       android:src="@drawable/delete" /> 
     </LinearLayout> 

    </LinearLayout> 

Answer 2

이 시도하려고 : -

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:orientation="horizontal" > 

     <LinearLayout 
      android:id="@+id/linearLayout1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="4dp" 
      android:layout_marginTop="1dp" 
      android:orientation="vertical" > 

      <TextView 
       android:id="@+id/textView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingLeft="5dip" 
       android:paddingTop="15dip" 
       android:text="Red Color" 
       android:textColor="#000000" 
       android:textSize="16dip" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingLeft="5dip" 
       android:paddingTop="15dip" 
       android:text="this color has 20 shodes" 
       android:textColor="#ff868686" /> 
     </LinearLayout> 

     <RelativeLayout 
      android:id="@+id/relativeLayout2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginRight="38dp" > 

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

      <ImageView 
       android:id="@+id/imageButton2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_toRightOf="@+id/imageButton1" 
       android:src="@drawable/share" /> 

      <ImageView 
       android:id="@+id/imageButton3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_toRightOf="@+id/imageButton2" 
       android:src="@drawable/delete" /> 
     </RelativeLayout> 

    </RelativeLayout> 

을