は複雑な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を使用します。画像ビューをmatch_parentの高さにします。バブルを画像ビューのlayout_toEndOfにします。 relative_layout自体をwrap_contentにします。これにより、相対レイアウトはバブルレイアウトの高さになり、イメージは相対レイアウトの高さになります。