объединение компонентов Android в пользовательском представлении

Question

Я не уверен, с чего начать, я создавал приложение на прошлой неделе и добился значительных успехов, и теперь мне нужен пользовательский вид.Я посмотрел на http://developer.android.com/guide/topics/ui/custom-components.html. но да ... не уверен, как собрать это воедино.Я хочу расположить селектор чисел слева, а текст и изображение - справа и уметь прослушивать щелчки на селекторе чисел ... Если честно, я не уверен, с чего начать.

Answer 1

Я бы использовал макет для объединения ваших компонентов. Определите свой макет в XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal">
       <NumberPicker
        android:id="@+id/picker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="1dip"
        android:layout_marginRight="1dip"
        />
       <ImageView 
       android:id="@+id/image"
       android:layout_toRightOf="@id/picker"
       android:src="..."
       android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="1dip"
        android:layout_marginRight="1dip"
       />
      <TextView 
       android:id="@+id/text"
       android:text="some text"
       android:layout_toRightOf="@id/image"
       android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="1dip"
        android:layout_marginRight="1dip"
       />
</RelativeLayout>

Чтобы использовать этот макет в качестве строк списка: создайте пользовательский адаптер списка, который расширяет BaseAdapter, установите свой адаптер списка на свой пользовательский адаптер списка и переопределите метод getView адаптера следующим образом:

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

    View view = null;

    //if convertView is null, inflate a view.
    //otherwise reuse the convertView   
    if(convertView == null)
    {
        view = mInflater.inflate(R.layout.filebrowserrow, null);
    }
    else
    {
        view = convertView;
    }

    //retrieve picker to set listeners, initialize values, etc  
    NumberPicker picker = (NumberPicker)view.findViewById(R.id.picker);

    //retrieve ImageView to change image, etc   
    ImageView image = (ImageView)view.findViewById(R.id.image);

    //retrieve TextView to change text, etc 
    TextView text = (TextView)view.findViewById(R.id.text);     

    return view;

}