Android UI 初学笔记（二）

自定义控件

我们所用到的控件都是直接或者间接继承View的，所有的布局都是直接或者间接继承ViewGroup的。
View是Android中最基本的UI组件，它可以在屏幕上绘制一块矩形区域，并能响应这块区域的各种事件
ViewGroup是一种特殊的View,它可以包含很多子View和子ViewGroup，是一个用于放置控件和布局的容器。

自定义ListView

一个数组的数据是无法直接传递给ListView的，我们需要借助适配器来完成。

ListView简单使用

在MainActivity.java中，我们使用String[]来存储数据，简单看一下适配器使用的方法。

public class MainActivity extends AppCompatActivity{

    private String[] data={"data1","data2"};

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //R.layout.simple_list_item_1是ListView子项布局的id，是Android内置的布局文件，里面只有一个TextView
        ArrayAdapter<String> adapter = new ArrayAdapter(MainActivity.this, R.layout.simple_list_item_1, data);
        ListView listView = (ListView) findViewById(R.id.list_view);
        listView.setAdapter(adapter);
    }
}

首先通过适配器的构造函数将子view(R.layout.simple_list_item_1)和相应的数据(data)接连起来。
再使用ListView的setAdapter()，将ListView和适配器连接起来。

定制ListView

1. 自定义ListView子项布局
2. 自定义实体类做为ListView适配器的适配类型
3. 自定义适配器
4. MainActivity
5. 提升ListView效率
6. ListView的点击事件

自定义ListView子项布局

fruit_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent";
    android:layout_height="wrap_content"

    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <Textview
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_center="center_vertical"
        android:layout_margin="10dp"
        />
</LinearLayout>

自定义实体类

public class Fruit {
    private String name;
    private int imageId;

    public Fruit(String name, int imageId){
        this.name = name;
        this.imageId = imageId;
    }

    public String getName(){
        return name;
    }

    public int getImageId(){
        return imageId;
    }
}

自定义适配器

public FruitAdapter extends ArrayAdapter<Fruit>{
    private int resourceId;

    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }

    //getView()在每个子项被滚动到屏幕内都会被调用
    //getItem()可以获得当前项的Fruit实例
    @Override
    public View getView(int position, View convertView, ViewGroup parent){
        Fruit fruit = getItem(position);
        View view = LayoutInflater.from(getContext()).flater(resourceId, parent, false);
        ImageView fruitIamge = (ImageView) view.findViewById(R.id.fruit_image);
        TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);
        fruitIamge.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }
}

LayoutInflater的from()方法可以构建出一个LayoutInflater对象，然后调用Inflater()方法就可以额动态加载一个布局文件。Inflater()方法接收三个参数，第一个是要加载的布局文件id；第二个是给加载好的布局再添加一个父布局；第三个参数指定为false，表示只在父布局中声明的layout属性生效，但不为这个View添加父布局，因为一旦View有了父布局之后，它就不能再添加到ListView中了。

MainActivity

public class MainActivity extends AppCompatActivity{
    private List<Fruit> fruitList = new List<>();

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruit();
        FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);
        ListView listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(adapter);
    }
}

提升ListView效率

public FruitAdapter extends ArrayAdapter<Fruit>{
    private int resourceId;

    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }

    //getView()在每个子项被滚动到屏幕内都会被调用
    //getItem()可以获得当前项的Fruit实例
    @Override
    public View getView(int position, View convertView, ViewGroup parent){
        Fruit fruit = getItem(position);
        View view;
        ViewHolder viewHolder;
        if (view == null){
            View view = LayoutInflater.from(getContext()).flater(resourceId, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
            view.setTag(viewHolder);
        } else {
            view = convertView;
            viewHolder = (viewHolder) view.getTag();
        }
        fruitIamge.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }

    class ViewHolder{
        ImageView fruitImage;
        TextView fruitName;
    }
}

convertView参数用于将之前加载好的布局进行缓存，以便之后使用。
还可以借助ViewHolder内部类对控件实例进行缓存，调用view的setTag()方法将ViewHolder对象存储在View中，调用getTag()方法把ViewHolder对象取出。

ListView的点击事件

public class MainActivity extends AppCompatActivity{
    private List<Fruit> fruitList = new List<>();

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruit();
        FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);
        ListView listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(adapter);

        listView.setOnItemClickListener(new AdapterView.OnItemListener(){
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id){
                Fruit fruit = fruitList.get(position);
                Toase.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();
            }
        });
    }
}