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

#android #textview #imageview #android-custom-view

#Android #textview #просмотр изображений #android-пользовательский вид

Вопрос:

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

Ответ №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;
  

}

Комментарии:

1. Я думал, возможно, сделать это, но мне нужно будет создать список из них, поэтому я подумал, что было бы лучше иметь комбинированный вид…

2. я отредактировал свой ответ, чтобы показать, как использовать этот макет в качестве строк списка.

3. @ab11 Это отвечает на вопрос zcourts, но я действительно хочу создать пользовательский компонент. Как я могу это сделать? Я хочу объединить кнопку и панель прогресса.