ListView 的简单实现与优化并实现share动画Activity的跳转

这篇文章主要是实现ListView的简单运用,即自定义ListView,在android 5.0之前ListView是应用最广泛的一个系统组件,

由于5.0后新的RecyclerView改良了ListView,所以5.0以后都开始应用RecyclerView,但是作为一个追求完美的程序猿,你必须具备这些技能,下面就让我们来看看ListView是实现,先来果

这就是整体效果图,下面我们来一一实现

先来看看ListView 中的布局

在activity_mian.xml布局中加一个ListView非常简单

<ListView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/lv_item" />

但是如果只加这个控件的话是不能显示的还必须定义一个Adapter适配器,就是用来适配数据显示在布局中的

这里我们用到的自定义布局list_item.xml用来显示ListView中每个Item的内容

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:id="@+id/iv_img"
        android:src="@drawable/a"
        android:transitionName="iv_ico"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:text="11111111"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/iv_img"
        android:id="@+id/tv_name"
        android:transitionName="tv_name"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:text="1111111111"
        android:layout_below="@+id/tv_name"
        android:layout_toEndOf="@+id/iv_img"
        android:id="@+id/tv_intro"
        android:transitionName="tv_intro"/>

</RelativeLayout>

然后自定义一个Person类 ListView的每Item就用于显示Person的字段(属性)

public class Person implements Serializable{

    private int icoId;
    private String name;
    private String intro;

    public Person(int icoId,String name,String intro){
        this.icoId=icoId;
        this.name=name;
        this.intro=intro;
    }

这里为了篇幅get,set方法就自己用快捷方式生成吧

然后在写个自定义的Adapter用来适配listView数据

public class MyAdapter extends ArrayAdapter {
    private int resourceId;

    public MyAdapter(Context context, int textViewResourceId, List<Person> objects){
        super(context,textViewResourceId,objects);
        resourceId=textViewResourceId;

    }

    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        Person person = (Person) getItem(position);
        View view;
        ViewHolder viewHolder;
        if(convertView == null){
            view = LayoutInflater.from(getContext()).inflate(R.layout.list_item,parent,false);
            viewHolder = new ViewHolder();
            viewHolder.personImage=(ImageView)view.findViewById(R.id.iv_img);
            viewHolder.personName=(TextView)view.findViewById(R.id.tv_name);
            viewHolder.personIntro=(TextView)view.findViewById(R.id.tv_intro);
            view.setTag(viewHolder);//将viewHolder储存在view中
        }else{
            view=convertView;
            viewHolder=(ViewHolder)view.getTag();//重新获取viewHolder
        }
        viewHolder.personImage.setImageResource(person.getIcoId());
        viewHolder.personName.setText(person.getName());
        viewHolder.personIntro.setText(person.getIntro());
        return view;
    }
    class ViewHolder{
        ImageView personImage;
        TextView personName;
        TextView personIntro;
    }
}

这里自定义的MyAdapter继承的ArrayAdapter,先看看android中的适配器的继承树

这里我们继承的ArrayAdapter,这个适配器我觉得很好用一般情况也够用这里我们重写了它的getView方法,该方法就是

用来加载listview中每个item中的内容的由于ListView还有性能优化的问题,所以这里把ListView的优化问题一并写了

getView方法中的ViewconvertView参数就是将之前加载的布局缓存起来以便重用,所以我们解析布局之前做个判断

如果converView为null则解析加载布局,如果已经加载过了就直接用converView,然后因为在加载布局是要通过findViewById来加载每个控件的实例 ,所以写个内部类来优化这样一来加载每个Item就只用加载一次布局,也只会存在每个控件的一个实例,现在的ListView在快速滑动是的效率就大大提高了.写好了自定义的adapter然后就是为ListView设置适配器了在MainActivity中设置

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initPerson();
    MyAdapter adapter = new MyAdapter(MainActivity.this, R.layout.list_item,persons);
    ListView list = (ListView)findViewById(R.id.lv_item);
    list.setAdapter(adapter);

这里由于是测试所以就写个initPerson()方法手动为ListView初始化数据了

private void initPerson() {
    for(int i=0;i<3;i++){
        Person person1 = new Person(R.drawable.a,"android","android开发者");
        persons.add(person1);
        Person person2 = new Person(R.drawable.b,"WEB","WEB开发者");
        persons.add(person2);
        Person person3 = new Person(R.drawable.c,"嵌入式","android开发者");
        persons.add(person3);
        Person person4 = new Person(R.drawable.d,"JAVA","android开发者");
        persons.add(person4);
        Person person5 = new Person(R.drawable.e,"C#","C#开发者");
        persons.add(person5);
        Person person6 = new Person(R.drawable.f,"前端","前端开发者");
        persons.add(person6);
        Person person7 = new Person(R.drawable.g,"IOS","IOS开发者");
        persons.add(person7);
    }
}

这样就是实现了自定义ListView的显示,但是ListView光显示是不够的,还要能有点击事件了

listView有自己的OnItemClickListener接口,实现点击事件很简单

list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Intent intent = new Intent(MainActivity.this, BActivity.class);
        Person person = persons.get(position);
        int icoId=person.getIcoId();
        Bundle bundle = new Bundle();
        bundle.putSerializable("person",person);
        intent.putExtras(bundle);
        View ico = findViewById(R.id.iv_img);
        View name =findViewById(R.id.tv_name);
        View intro=findViewById(R.id.tv_intro);
        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation((Activity) view.getContext(),
                Pair.create(ico,"iv_ico"),
                Pair.create(name,"tv_name"),
                Pair.create(intro,"tv_intro")).toBundle());
    }
});

这里面的代码是实现share动画跳转Activity的代码,可能有的人看不懂,没关系,里面的代码可以忽略

直接用Toast测试

list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(MainActivity.this,"on click"+position+"",Toast.LENGTH_SHORT).show();
});

如果想看share动画的可以看看上一篇文章

Android 动画Activity转场动画入门

下一篇就写自定义的RecyclerView 由于RecyclerView的实现比ListView要复杂的多所以有必要做对比

ListView 的简单实现与优化并实现share动画Activity的跳转

相关推荐