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;

}

在自定义视图中组合android组件

1 个答案: