android - 在自定义视图中组合 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;

}