RecycleView实现ListView和GridView的效果显示图:
RecycleView的实现步骤:
1.搭建环境:由于RecycleView是在android5.0之后出来的,用来代替listview,以前的版本能用。需要添加包
选择recycleview-v7包,点击OK;
2.在activity_main布局文件中添加recycleview:
<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"
tools:context="com.zhiyuan3g.myrecycleviewone.MainActivity">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_view"
android:layout_width="match_parent"
android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
</RelativeLayout>
3.实例化RecycleView控件
public class MainActivity extends AppCompatActivity {
private RecyclerView recycle_view;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
recycle_view = (RecyclerView) findViewById(R.id.recycle_view);
}
}
4.创建DataBean类,存放Recycle的数据
//创建DataBean类,存放数据
public class DataBean {
public int Icon;
public String name;
}
5.RecycleView填充ListView数据
(1)先创建关于ListView适配器MyRecycleAdapter
//RecycleView的适配器,要注意指定的泛型,一般我们就是类名的ViewHolder继承ViewHolder(内部已经实现了复用优化机制)
public class MyRecycleAdapter extends RecyclerView.Adapter<MyRecycleAdapter.ListViewHolder>{
private Context mContext;
//泛型是RecycleView所需的bean类
private List<DataBean>list;
//创建构造方法;一个需要接受两个参数,上下文,集合对象(包含了我们所需要的数据)
public MyRecycleAdapter(Context context, List<DataBean> list) {
mContext = context;
this.list = list;
}
@Override
//创建ViewHolder,并把ViewHolder返回出去
public MyRecycleAdapter.ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//转换一个View布局,决定了item的样子, 参数:1.上下文 2.Xml布局资源 3.为null
View view = View.inflate(mContext, R.layout.item, null);
//创建一个ViewHolder对象
ListViewHolder listViewHolder = new ListViewHolder(view);
//把VIewHolder对象传出去
return listViewHolder;
}
@Override
//当VIewHolder和数据绑定时回调
public void onBindViewHolder(MyRecycleAdapter.ListViewHolder holder, int position) {
//从集合里拿对应item数据对象
DataBean dataBean = list.get(position);
//给Holder里面的控件对象设置数据
holder.setData(dataBean);
}
@Override
//决定RecycleView有多少条item
public int getItemCount() {
if(list!=null&&list.size()>0){
return list.size();
}
return 0;
}
public class ListViewHolder extends RecyclerView.ViewHolder {
private final ImageView mImageView;
private final TextView mTextView;
public ListViewHolder(View itemView) {
super(itemView);
mImageView = (ImageView) itemView.findViewById(R.id.item_iv_icon);
mTextView = (TextView) itemView.findViewById(R.id.item_tv_name);
}
public void setData(DataBean data) {
//给ImageView设置图片数据
mImageView.setImageResource(data.Icon);
//给TextView设置文本数据
mTextView.setText(data.name);
}
}
}
(2)创建MyRecycleAdapter适配器时,需要item布局,创建item布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/item_iv_icon"
android:layout_width="75dp"
android:layout_height="75dp"/>
<TextView
android:layout_toRightOf="@+id/item_iv_icon"
android:layout_centerVertical="true"
android:id="@+id/item_tv_name"
android:textSize="30sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</RelativeLayout>
(3)实现ListView的显示,创建LoadListData(Boolean inversion,Boolean orientation)方法;
private void LoadData(Boolean inversion,Boolean orientation){
//集合对象
ArrayList<DataBean>list = new ArrayList();
//给Bean类放数据,最后把装好数据的Bean类放到集合里
for(int i=0;i<35;i++){
//创建dataBean类对象,
DataBean dataBean = new DataBean();
dataBean.Icon =R.drawable.jwss_img;
dataBean.name = "嘉文四世"+i;
//把dataBean类放入集合里
list.add(dataBean);
}
//创建适配器Adapter对象 参数:1.上下文2.数据加载集合
MyRecycleAdapter adapter = new MyRecycleAdapter(this,list);
//设置适配器
recycle_view.setAdapter(adapter);
//布局管理器所需参数, 上下文
LinearLayoutManager linearLayoutManager= new LinearLayoutManager(this);
//B.通过布局管理器,可以控制条目排列的顺序, true反向,false正常显示
linearLayoutManager.setReverseLayout(inversion);
//C.shezhi RecycleView显示的方向是水平和垂直(默认)
linearLayoutManager.setOrientation(orientation?LinearLayoutManager.VERTICAL:LinearLayoutManager.HORIZONTAL);
//设置布局管理器,参数linearLayoutManager对象
recycle_view.setLayoutManager(linearLayoutManager);
}
(4)创建GridView适配器MyRecycleGridAdapter
//提示:MyRecycleAdapter和MyRecycleGridAdapter的代码是一样的
//RecycleView的适配器,要注意指定的泛型,一般我们就是类名的ViewHolder继承ViewHolder(内部已经实现了复用优化机制)
public class MyRecycleGridAdapter extends RecyclerView.Adapter<MyRecycleGridAdapter.GridVieWHolder>{
private Context mContext;
//泛型是RecycleView所需的bean类
private List<DataBean>list;
public MyRecycleGridAdapter(Context context, List<DataBean> list) {
mContext = context;
this.list = list;
}
@Override
//创建ViewHolder,并把ViewHolder返回出去
public MyRecycleGridAdapter.GridVieWHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//转换一个View布局,决定了item的样子, 参数:1.上下文 2.Xml布局资源 3.为null
View view = View.inflate(mContext, R.layout.item_grid, null);
//创建一个ViewHolder对象
GridVieWHolder gridVieWHolder = new GridVieWHolder(view);
//把VIewHolder对象传出去
return gridVieWHolder;
}
@Override
//当VIewHolder和数据绑定时回调
public void onBindViewHolder(MyRecycleGridAdapter.GridVieWHolder holder, int position) {
//从集合里拿对应item数据对象
DataBean dataBean = list.get(position);
//给Holder里面的控件对象设置数据
holder.setData(dataBean);
}
@Override
//决定RecycleView有多少条item
public int getItemCount() {
if(list!=null&&list.size()>0){
return list.size();
}
return 0;
}
public class GridVieWHolder extends RecyclerView.ViewHolder {
private final ImageView mIcon;
private final TextView mTextView;
public GridVieWHolder(View itemView) {
super(itemView);
mIcon = (ImageView)itemView.findViewById(R.id.item_grid_iv_icon);
mTextView = (TextView) itemView.findViewById(R.id.item_grid_tv_name);
}
public void setData(DataBean data) {
//给ImageView设置图片数据
mIcon.setImageResource(data.icon);
//给TextView设置文本数据
mTextView.setText(data.name);
}
}
}
(5)创建item_grid布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:gravity="center"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:src="@drawable/animal01"
android:id="@+id/item_grid_iv_icon"
android:layout_width="75dp"
android:layout_height="75dp"/>
<TextView
android:layout_toRightOf="@+id/item_iv_icon"
android:layout_centerVertical="true"
android:id="@+id/item_grid_tv_name"
android:textSize="30sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>
(6)实现GridView的显示,创建GridLoadData(Boolean inversion,Boolean orientation)方法;
private void GridLoadData(Boolean inversion,Boolean orientation) {
//集合对象
ArrayList<DataBean> list = new ArrayList<>();
//给Bean类放数据,最后把装好数据的Bean类放到集合里
for(int i=0;i<35;i++){
//创建Bean类对象,
DataBean bean = new DataBean();
bean.icon = R.drawable.animal01;
bean.name = "dog"+i;
//把Bean类放入集合里
list.add(bean);
}
//创建适配器Adapter对象 参数:1.上下文2.数据加载集合
MyRecycleGridAdapter adapter = new MyRecycleGridAdapter(this,list);
//设置适配器
recyclerView.setAdapter(adapter);
//布局管理器所需参数, 上下文,和要显示的列数
GridLayoutManager gridLayoutManager = new GridLayoutManager(this,3);
//B.通过布局管理器,可以控制条目排列的顺序, true反向,false正常显示
gridLayoutManager.setReverseLayout(inversion);
//C.设置 RecycleView显示的方向是水平和垂直(默认)
gridLayoutManager.setOrientation(orientation?GridLayoutManager.VERTICAL:GridLayoutManager.HORIZONTAL);
//设置布局管理器,参数gridLayoutManager对象
recyclerView.setLayoutManager(gridLayoutManager);
}
6.我们需要创建一个Menu菜单来选择显示ListView和GridView的各个样式。在res下创建menu文件夹,创建menu_item布局;
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/action_list"
android:orderInCategory="100"
android:title="list显示"
app:showAsAction="never"
><!--showAsAction="never"用三个点的形式显示任务栏-->
<menu>
<item
android:id="@+id/action_list_normal"
android:orderInCategory="100"
android:title="标准"
app:showAsAction="never"
/>
<item
android:id="@+id/action_list_reverse"
android:orderInCategory="100"
android:title="垂直反向"
app:showAsAction="never"
/>
<item
android:id="@+id/action_list_horizontal"
android:orderInCategory="100"
android:title="水平"
app:showAsAction="never"
/>
<item
android:id="@+id/action_list_horizontal_reverse"
android:orderInCategory="100"
android:title="水平反向"
app:showAsAction="never"
/>
</menu>
</item>
<item android:id="@+id/action_grid"
android:orderInCategory="100"
android:title="Grid显示"
app:showAsAction="never"
><!--showAsAction="never"用三个点的形式显示任务栏-->
<menu>
<item
android:id="@+id/action_grid_normal"
android:orderInCategory="100"
android:title="标准"
app:showAsAction="never"
/>
<item
android:id="@+id/action_grid_reverse"
android:orderInCategory="100"
android:title="垂直反向"
app:showAsAction="never"
/>
<item
android:id="@+id/action_grid_horizontal"
android:orderInCategory="100"
android:title="水平"
app:showAsAction="never"
/>
<item
android:id="@+id/action_grid_horizontal_reverse"
android:orderInCategory="100"
android:title="水平反向"
app:showAsAction="never"
/>
</menu>
</item>
</menu>
7.创建onCreateOptionsMenu方法和onOptionsItemSelected方法,实现menu菜单的使用
//菜单,RecycleView各种效果的展示
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//加载布局使用菜单特有方法getMenuInflater。或Inflate对象,参数:1.菜单显示布局2.固定
getMenuInflater().inflate(R.menu.menu_item,menu);
return super.onCreateOptionsMenu(menu);
}
@Override
//菜单按钮点击事件的处理
public boolean onOptionsItemSelected(MenuItem item) {
int itemId = item.getItemId();
//list标准显示
if(itemId ==R.id.action_list_normal){
LoadData(false,true);
return true;
}//list垂直显示
else if(itemId ==R.id.action_list_reverse){
LoadData(true,true);
}//list水平显示
else if(itemId ==R.id.action_list_horizontal){
LoadData(false,false);
}//list水平反向显示
else if(itemId ==R.id.action_list_horizontal_reverse){
LoadData(true,false);
}
//Grid标准显示
if(itemId ==R.id.action_grid_normal){
GridLoadData(false,true);
return true;
}//Grid垂直显示
else if(itemId ==R.id.action_grid_reverse){
GridLoadData(true,true);
}//Grid水平显示
else if(itemId ==R.id.action_grid_horizontal){
GridLoadData(false,false);
}//Grid水平反向显示
else if(itemId ==R.id.action_grid_horizontal_reverse){
GridLoadData(true,false);
}
return super.onOptionsItemSelected(item);
}
MainAcitivity代码:
public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.recycle_view);
}
private void LoadListData(Boolean inversion,Boolean orientation) {
//集合对象
ArrayList<DataBean> list = new ArrayList<>();
//给Bean类放数据,最后把装好数据的Bean类放到集合里
for(int i=0;i<35;i++){
//创建Bean类对象,
DataBean bean = new DataBean();
bean.icon = R.drawable.jwss_img;
bean.name = "嘉文四世"+i;
//把Bean类放入集合里
list.add(bean);
}
//创建适配器Adapter对象 参数:1.上下文2.数据加载集合
MyRecycleAdapter adapter = new MyRecycleAdapter(this,list);
//设置适配器
recyclerView.setAdapter(adapter);
//布局管理器所需参数, 上下文
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
//B.通过布局管理器,可以控制条目排列的顺序, true反向,false正常显示
linearLayoutManager.setReverseLayout(inversion);
//C.设置 RecycleView显示的方向是水平和垂直(默认)
linearLayoutManager.setOrientation(orientation?LinearLayoutManager.VERTICAL:LinearLayoutManager.HORIZONTAL);
//设置布局管理器,参数linearLayoutManager对象
recyclerView.setLayoutManager(linearLayoutManager);
}
private void GridLoadData(Boolean inversion,Boolean orientation) {
//集合对象
ArrayList<DataBean> list = new ArrayList<>();
//给Bean类放数据,最后把装好数据的Bean类放到集合里
for(int i=0;i<35;i++){
//创建Bean类对象,
DataBean bean = new DataBean();
bean.icon = R.drawable.jwss_img;
bean.name = "嘉文四世"+i;
//把Bean类放入集合里
list.add(bean);
}
//创建适配器Adapter对象 参数:1.上下文2.数据加载集合
MyRecycleGridAdapter adapter = new MyRecycleGridAdapter(this,list);
//设置适配器
recyclerView.setAdapter(adapter);
//布局管理器所需参数, 上下文,和要显示的列数
GridLayoutManager gridLayoutManager = new GridLayoutManager(this,3);
//B.通过布局管理器,可以控制条目排列的顺序, true反向,false正常显示
gridLayoutManager.setReverseLayout(inversion);
//C.设置 RecycleView显示的方向是水平和垂直(默认)
gridLayoutManager.setOrientation(orientation?GridLayoutManager.VERTICAL:GridLayoutManager.HORIZONTAL);
//设置布局管理器,参数gridLayoutManager对象
recyclerView.setLayoutManager(gridLayoutManager);
}
//菜单,RecycleView各种效果的展示
//加载一个菜单的布局
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//加载布局使用菜单特有方法getMenuInflater。或Inflate对象,参数:1.菜单显示的不就 2.固定menu
getMenuInflater().inflate(R.menu.menu_main,menu);
return true;
}
//菜单按钮点击事件的处理
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int itemId = item.getItemId();
//list标准显示
if(itemId==R.id.action_list_normal){
LoadListData(false,true);
return true;
}//list垂直显示
else if(itemId==R.id.action_list_reverse){
LoadListData(true,true);
}//list水平显示
else if(itemId==R.id.action_list_horizontal){
LoadListData(false,false);
}//list水平反向显示
else if(itemId==R.id.action_grid_horizontal_reverse){
LoadListData(true,false);
}//Grid标准显示
if(itemId ==R.id.action_grid_normal){
GridLoadData(false,true);
return true;
}//Grid垂直显示
else if(itemId ==R.id.action_grid_reverse){
GridLoadData(true,true);
}//Grid水平显示
else if(itemId ==R.id.action_grid_horizontal){
GridLoadData(false,false);
}//Grid水平反向显示
else if(itemId ==R.id.action_grid_horizontal_reverse){
GridLoadData(true,false);
}
return super.onOptionsItemSelected(item);
}
}