这几天开发中遇到了一些界面滑动问题,主要是界面中滑动控件使用太多,导致滑动冲突。刚好在学习RecyclerView这个控件,所以根据视屏学习情况做个学习笔记 ,当然很多内容都是学习视屏中的,感谢老师的付出。
RecyclerView是android.support.v7包中的新组件,是一个强大的滑动组件,它强大在哪呢?
1,实现ListView效果
2,实现GridView效果
3,实现横向滑动的ListView及横向滑动的GridView效果
4,实现瀑布流效果
5,自定义Item增加与删除动画效果
最重要的是实现上面的这些功能都很easy,只要几行代码即可实现。
那为什么把这个功能强大的组件取名RecyclerView呢?
1,不用关心Item是否显示在正确的位置以及如何显示,我们可以用LayoutManager来掌控
2,不用关心Item间分隔问题,有ItemDecoration来实现
3,不用关注Item的增删动画效果,因为有ItemAnimator
4,最关心的是如何回收与利用我们的View,强制使用ViewHoler。
下面就直接上代码啦:
主界面布局main_activity.lxml
<RelativeLayout 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.support.v7.widget.RecyclerView<!--这就是我们今天的主角-->
android:id="@+id/test_rcv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
</android.support.v7.widget.RecyclerView>
</RelativeLayout>
主界面Activity:
public class MainActivity extends ActionBarActivity {
private RecyclerView mRecyclerView;
private List<TestData> mDatas;
private TestAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initDatas();
initViews();
}
private void initDatas() {
mDatas=new ArrayList<TestData>();
TestData data=new TestData();
for (int i = 'A'; i < 'z'; i++) {
data.setTitle("Title"+(char)i);
data.setContent("Content"+(char)i);
mDatas.add(data);
}
}
private void initViews() {
mRecyclerView=(RecyclerView) findViewById(R.id.test_rcv);
mAdapter=new TestAdapter(this, mDatas);
mRecyclerView.setAdapter(mAdapter);
LinearLayoutManager ll=new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, true);//这里设置的是HORIZONTAL水平效果的,如果设置成VERTICAL则就是垂直效果的,和我们平时的ListView的效果一样。
mRecyclerView.setLayoutManager(ll);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
if (id == R.id.action_settings) { return true; }
return super.onOptionsItemSelected(item);
}
}
item布局lv_item.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp" >
<ImageView
android:id="@+id/item_iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/item_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/item_iv" />
<TextView
android:id="@+id/item_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/item_title" />
</RelativeLayout>
最后就是Adapter啦:
/**
* @description:
* 我们通常使用的BaseAdapter在getView方法中去进行创建ViewHoler以及给对应的View进行设置数据,
* 而在RecyclerView.Adapter<>中,将这个过程分为了两部分,由onCreateViewHolder和onBindViewHolder两个方法来处理完成,
* 其实就是使用RecyclerView控件时,必须强制使用ViewHolder模式来优化程序
*/
public class TestAdapter extends Adapter<TestViewHolder> {
private Context mContext;
private List<TestData> mDatas;
public TestAdapter(Context mContext, List<TestData> mDatas) {
this.mContext = mContext;
this.mDatas = mDatas;
}
@Override
public TestViewHolder onCreateViewHolder(ViewGroup paramViewGroup, int paramInt) {
View v = LayoutInflater.from(mContext).inflate(R.layout.lv_item, null);
TestViewHolder holder = new TestViewHolder(v);
return holder;
}
@Override
public void onBindViewHolder(TestViewHolder paramVH, int paramInt) {
paramVH.titleTv.setText(mDatas.get(paramInt).getTitle());
paramVH.contentTv.setText(mDatas.get(paramInt).getContent());
}
@Override
public int getItemCount() {
// TODO Auto-generated method stub
return mDatas.size();
}
}
class TestViewHolder extends ViewHolder {
ImageView iconIv;
TextView titleTv;
TextView contentTv;
public TestViewHolder(View holder) {
super(holder);
iconIv = (ImageView) holder.findViewById(R.id.item_iv);
titleTv = (TextView) holder.findViewById(R.id.item_title);
contentTv = (TextView) holder.findViewById(R.id.item_content);
}
}