首页 > 代码库 > ListView的优化以及RecyclerView的基本使用

ListView的优化以及RecyclerView的基本使用

ListView在开发的过程中,算是常客了。

ListView用于向用户展现滚动数据,以及Item的点击操作。使用ListView,基本上包括:数据,Adapter,Item布局三个点。

adapter:  

  •  ArrayAdapter:简单易用的Adapter,通常用于数组或list集合的数据源。
  •  simpleAdapter:有很好的扩充性,可以自定义出各种效果。
  •  simpleCursorAdapter:主要用于从数据库获取数据,。
  •    BaseAdapter:抽象类,继承它需要实现较多的方法,所以也就具有较高的灵活性。

优化一:convertView是否为null的判断,优化布局。

     

技术分享
View view;
if(convertView == null){
view = LayoutInfalter.from(getContext()).inflate(resourceID,null)
}
else{
view = convertView
}
View Code

   当convertview不为空时,加载Listview缓存的布局。

优化二:ViewHolder :不难发现的是,当布局加载完成后,每次都会重现加载item布局控件,因此创建一个ViewHolder内部类,并将控件实例保存在该内部类中。第一次加载时,调用view的setTag方法,将ViewHodler对象存储在view中。再次加载时,调用view的getTag方法,取出ViewHolder对象。

技术分享
//getView核心代码
ViewHolder viewHolder;
if(convertView == null){
viewHolder = new ViewHolder();
viewHolder.fruitImage = (ImageView) view.findViewByID(R.id.fruit_image);
view.setTage(viewHolder);//讲ViewHolder存储在View中

}else{
view = convertView;
viewHolder = ViewHolder view.getTag();//重获取viewHolder
}
viewHolder.fruitImage.setImageResource(fruit.getIMageID);



//内部类
class ViewHolder{
ImageView fruitImage;
}
View Code

通过上面的优化,ListView在运行过程中效果会有很大的提升。

其实,ListView用到了RecycleBin机制:

  • listview的许多view呈现在Ui上,这样的View对我们来说是可见的,可以称为OnScreen的view(也为ActionView)。
  • view被上滚移除屏幕,这样的view称为offScreenView(也称为ScrapView)。
  • 然后ScrapView会被listview删除,而RecycleView会将这部分保存。
  • 而listview底部需要显示的view会从RecycleBin里面取出一个ScrapView。

RecycleBin用于存储从屏幕滑出去的item,当该item需要进入屏幕时,listview就会从recycleBin里取出。

下面通过一个聊天界面介绍RecyclerView的基本使用。

1> 导入RecyclerView库

     在build.gradle中添加“compile ‘com.android.support:recyclerview-v7:25.2.0‘”

2> 创建主界面xml

技术分享
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.test.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="Hello World!" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:id="@+id/edit_text"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:hint="Edit something here"
            android:layout_weight="1"/>
        <Button
            android:id="@+id/button_send"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Send"/>
    </LinearLayout>
</LinearLayout>
View Code

3> 创建msg_item.xml

技术分享
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFF"
    android:orientation="vertical"
    tools:context="com.example.test.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="Hello World!" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:id="@+id/edit_text"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:hint="Edit something here"
            android:layout_weight="1"/>
        <Button
            android:id="@+id/button_send"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Send"/>
    </LinearLayout>
</LinearLayout>
View Code

4> 消息类

技术分享
public class Msg {
    public static final int TYPE_SENT = 1;
    public static final int TYPE_REVICE = 0;
    public String content;
    public int type;

    public Msg(int type ,String content) {
        this.content = content;
        this.type = type;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public void setType(int type) {
        this.type = type;
    }

    public String getContent() {
        return content;
    }

    public int getType() {
        return type;
    }
}
View Code

5> adapter

技术分享
public class MsgAdapter extends RecyclerView.Adapter<MsgAdapter.ViewHolder>{
    public List<Msg> mMsgList;

    public MsgAdapter(List<Msg> msglist){
        this.mMsgList = msglist;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.msg_item ,parent,false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Msg msg = mMsgList.get(position);
        if (msg.getType() == Msg.TYPE_REVICE){
            holder.leftlayout.setVisibility(View.VISIBLE);
            holder.rightlayout.setVisibility(View.GONE);
            holder.lefttext.setText(msg.getContent());
        }else if (msg.getType() == Msg.TYPE_SENT){
            holder.leftlayout.setVisibility(View.GONE);
            holder.rightlayout.setVisibility(View.VISIBLE);
            holder.righttext.setText(msg.getContent());
        }
    }

    @Override
    public int getItemCount() {
        return mMsgList.size();
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        LinearLayout leftlayout;
        LinearLayout rightlayout;
        TextView lefttext;
        TextView righttext;

        public ViewHolder(View itemView) {
            super(itemView);
            leftlayout = (LinearLayout) itemView.findViewById(R.id.left_layout);
            rightlayout = (LinearLayout) itemView.findViewById(R.id.right_layout);
            lefttext = (TextView) itemView.findViewById(R.id.left_msg);
            righttext = (TextView) itemView.findViewById(R.id.right_msg);
        }
    }


}
View Code

6> MainActivity

技术分享
public class MainActivity extends AppCompatActivity {
    public List<Msg> msglist = new ArrayList<>();
    private EditText mEditText;
    private Button Send;
    private RecyclerView mRecyclerView;
    private MsgAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(layoutManager);
        adapter = new MsgAdapter(msglist);
        Log.d("azheng",adapter.mMsgList.get(0).getContent());
        mRecyclerView.setAdapter(adapter);
    }

    private void init() {
        mEditText = (EditText) findViewById(R.id.edit_text);
        Send = (Button) findViewById(R.id.button_send);
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);

        Msg msg1 = new Msg(0, "hello");
        msglist.add(msg1);
        Msg msg2 = new Msg(1, "hi");
        msglist.add(msg2);
        Msg msg3 = new Msg(0, "Nice to meet you!");
        msglist.add(msg3);
    }
}
View Code

由于界面太丑,就不贴图了。

 

ListView的优化以及RecyclerView的基本使用