如何在此图像中创建布局？

Question

我想知道如何在Android中创建此布局？使用相册艺术模糊背景和列表视图？我需要提取哪些数据？

我目前的布局是这样的。 My app layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       xmlns:tools="http://schemas.android.com/tools" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:orientation="vertical" 
       android:background="#FF330000" 
       tools:context=".MainActivity" > 

      <ListView 
        android:id="@+id/song_list" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" > 
      </ListView> 

    </LinearLayout> 

及以下的Java代码映射歌曲布局

public View getView(int position, View convertView, ViewGroup parent) { 
     //map to song layout 
     LinearLayout songLay = (LinearLayout)songInf.inflate 
    (R.layout.song, parent, false); 
    //get title and artist views 
    TextView songView = (TextView)songLay.findViewById(R.id.song_title); 
    TextView artistView = (TextView)songLay.findViewById(R.id.song_artist); 
    //get song using position 
    Song currSong = songs.get(position); 
     //get title and artist strings 
     songView.setText(currSong.getTitle()); 
     artistView.setText(currSong.getArtist()); 
    //set position as tag 
    songLay.setTag(position); 
    return songLay; 
    } 

Answer 1

不知道这是你想要的。你可以试试。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:gravity="start" 
    android:background="@android:color/white" 
    android:padding="12dp"> 

    <ImageView 
     android:id="@+id/image" 
     android:layout_width="80dp" 
     android:layout_height="70dp" 
     android:layout_centerVertical="true" 
     android:layout_gravity="left"/> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/image" 
     android:layout_centerVertical="true" 
     android:paddingLeft="6dp" 
     android:orientation="vertical" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true"> 
     <LinearLayout 
      android:id="@+id/ll1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 
      <TextView 
       android:id="@+id/name" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="18sp" 
       android:text="Depeche Mode" 
       android:singleLine="true" /> 

     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/ll2" 
      android:layout_below="@+id/ll1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 
      <TextView 
       android:id="@+id/type" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="14sp" 
       android:textColor="@android:color/secondary_text_dark_nodisable" 
       android:text="Remixes 81-04" 
       android:maxLines="1" 
       android:ellipsize="end" /> 


     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/ll3" 
      android:layout_below="@+id/ll2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="14sp" 
       android:textColor="@android:color/secondary_text_dark_nodisable" 
       android:text="12 songs 1:18:53" 
       android:maxLines="1" 
       android:layout_below="@+id/Amount" /> 



     </LinearLayout> 


    </RelativeLayout> 

</RelativeLayout>