[Android]用LinearLayout 實現類微信消息列表項

實現效果: android

微信參照界面: 微信

一個關鍵點: "遲早報"與"下午19:05"之間要用空白TextView隔開,來形成一個靠左,一個靠右的效果 spa

LinearLayout Item 結構以下 xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <ImageView android:id="@+id/imageview_selector"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/green"/>


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


   <TextView
       android:id="@+id/nickname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="遲早報"/> 
   <TextView
       android:id="@+id/nickname22"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/> 
   <TextView
       android:id="@+id/rightnickname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="下午19:05"/> 
   </LinearLayout>
       <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
      <TextView
       android:id="@+id/rightnickname2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="晚報:北京10日出租車漲價"/> 
           </LinearLayout>
   
   </LinearLayout>
   </LinearLayout> io

相關文章
相關標籤/搜索