創建複雜的Android XML組件

Question

我想作以下XML列表：

original list

的時候，我有這樣的：

my component (which will go inside a list)

這裏是我的XML分量代碼：

list_item_issue.xml

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

<ImageView 
    android:id="@+id/imageView" 
    android:layout_width="38dp" 
    android:layout_height="38dp" 
    android:layout_marginLeft="@dimen/_5dp" 
    android:layout_marginTop="8dp" 
    android:adjustViewBounds="true" 
    android:cropToPadding="false" 
    android:scaleType="fitXY" 
    android:src="@drawable/circle_line_shape" 
    android:tint="@color/colorGray" /> 

<com.daasuu.bl.BubbleLayout 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="10dp" 
    android:layout_marginLeft="10dp" 
    android:layout_marginRight="@dimen/_5dp" 
    android:padding="3dp" 
    app:bl_arrowDirection="left" 
    app:bl_arrowHeight="14dp" 
    app:bl_arrowPosition="10dp" 
    app:bl_arrowWidth="8dp" 
    app:bl_cornersRadius="0dp" 
    app:bl_strokeWidth="0.5dp"> 

    <RelativeLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="@dimen/_5dp" 
     android:orientation="horizontal"> 

     <TextView 
      android:id="@+id/parent_list_issue_title_text_view" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:layout_marginRight="3dp" 
      android:text="Titulo de la incidencia" 
      android:textSize="12sp" 
      android:textColor="@android:color/black" /> 

     <TextView 
      android:id="@+id/parent_list_issue_subtitle_text_view" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/parent_list_issue_title_text_view" 
      android:textColor="@color/grey_semi_transparent" 
      android:textSize="10sp" 
      android:text="Subtitulo de la incidencia - Texto de prueba aplicación" /> 

     <ImageButton 
      android:id="@+id/parent_list_item_expand_arrow" 
      android:layout_width="30dp" 
      android:layout_height="25dp" 
      android:src="@drawable/arrow_drop_down_circle" 
      android:paddingRight="5dp" 
      android:layout_centerVertical="true" 
      android:layout_alignParentEnd="true" 
      android:adjustViewBounds="true" 
      android:cropToPadding="false" 
      android:scaleType="fitXY" 
      android:background="@color/white"/> 

    </RelativeLayout> 

</com.daasuu.bl.BubbleLayout> 

這裏是我的circle_line_shape.xml

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <bitmap android:src="@drawable/ic_circle" 
       android:gravity="center" /> 
    </item> 
</layer-list> 

問題是，我不知道該怎樣做與BubbleLayout對準那些圈+垂直線條狀，你可以看到的想法原始列表圖像。

¿我應該改變我的佈局結構嗎？

非常感謝！

Answer 1

使用RelativeLayout而不是線性。使圖像視圖匹配高度。使泡泡layout_toEnd進入圖像視圖。使relative_layout本身爲wrap_content。這將使相對佈局成爲氣泡佈局的高度，而圖像則是相對佈局的高度。