Стиль Android/тень правильно ListItem layout

Question

У меня есть приложение, которое использует ListFragment. Я хочу создать собственный макет ListItem, но не знаю, как получить желаемый эффект. Я хочу, чтобы это выглядело примерно так:

Я хочу, что большой ImageView, немного затененных полоса с кнопкой TextView и Like. Есть идеи, как это решить? в частности это затенение часть.

Answer 1

Вам необходимо установить адаптер в свой список, используя setListAdapter (адаптер).

Вы можете создать собственный адаптер, реализующий BaseAdapter.

Затем переопределить GetView так:

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 

View v = convertView; 
CompleteListViewHolder viewHolder; 
if (convertView == null) 
{ 
    LayoutInflater li = (LayoutInflater) mContext 
         .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    v = li.inflate(R.layout.listitem, null); 
    } 

    ImageView image = (ImageView)v.findViewById(R.id.image); 
    TextView text = (TextView)v.findViewById(R.id.text); 
    ... add the like button etc 

    return v; } 

listitem.xml:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/FrameLayout1" 
    android:layout_width="200dp" 
    android:layout_height="200dp" > 

<ImageView 
    android:id="@+id/header" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:src="@drawable/someImage" /> 

<LinearLayout 
    android:id="@+id/LinearLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:layout_gravity="bottom" 
    android:orientation="vertical" 
    android:background="@drawable/gradient" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Some text" /> 

    <Button 
     android:id="@+id/likeButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right" 
     android:text="Like" /> 

</LinearLayout> 

</FrameLayout> 

gradient.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > 

<gradient 
    android:angle="90" 
    android:endColor="#00000000" 
    android:startColor="#FF000000" 
    android:type="linear" /> 

<corners 
    android:radius="0dp"/>