目录
资源链接:
https://gitee.com/zoey_huang/as_WeChat.git
要求:
在微信页面的基础上用recyclerview显示信息
笔记:
(1)一开始需要导入recyclerview-v7的包,步骤如下:
(2)新建一个item.xml为RecyclerView内的元素设定xml样式,在weixin页面中
(3)创建适配器类继承自RecyclerView.Adapter,初始化item的控件,重写RecyclerView.Adapter类的相关方法。
(4)在weixinFragment.java中,获取RecyclerView对象 、初始化数据、适配器实例化、设置LayoutManager
页面展示:
代码展示:
创建一个DataBean类
DataBean类:
public class DataBean {
public int icon;
public String name;
}
}
MyRecycleAdapter:
//RecycleView的适配器
public class MyRecycleAdapter extends RecyclerView.Adapter<MyRecycleAdapter.ListViewHolder>{
private Context mContext;
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 mIcon;
private final TextView mTextView;
public ListViewHolder(View itemView) {
super(itemView);
mIcon = (ImageView)itemView.findViewById(R.id.item_icon);
mTextView = (TextView) itemView.findViewById(R.id.item_text);
}
public void setData(DataBean data) {
//给ImageView设置图片数据
mIcon.setImageResource(data.icon);
//给TextView设置文本数据
mTextView.setText(data.name);
}
}
}
WeixinFragment.java
public class weixinFragment extends Fragment {
private RecyclerView recyclerView;
private List<DataBean> list;
private Context context;
public weixinFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view=inflater.inflate(R.layout.tab01,container,false);
context = this.getActivity();
recyclerView = view.findViewById(R.id.recycler_view);
LoadListData();
return view;
}
private void LoadListData() {
//集合对象
ArrayList<DataBean> list = new ArrayList<>();
//给Bean类放数据,最后把装好数据的Bean类放到集合里
for(int i=1;i<29;i++){
//创建Bean类对象,
DataBean bean = new DataBean();
bean.icon = R.drawable.e;
bean.name = "yyqx"+i;
//把Bean类放入集合里
list.add(bean);
}
//创建适配器Adapter对象 参数:1.上下文2.数据加载集合
MyRecycleAdapter adapter = new MyRecycleAdapter(context,list);
//设置适配器
recyclerView.setAdapter(adapter);
//布局管理器所需参数, 上下文
LinearLayoutManager manager = new LinearLayoutManager(context);
manager.setOrientation(LinearLayoutManager.VERTICAL);
//设置布局管理器,参数linearLayoutManager对象
recyclerView.setLayoutManager(manager);
}
}
item.xml
<?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_icon"
android:layout_width="75dp"
android:layout_height="75dp"
android:contentDescription="@string/frd" />
<TextView
android:layout_centerVertical="true"
android:layout_toEndOf="@+id/item_icon"
android:textSize="30sp"
android:id="@+id/item_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</RelativeLayout>
tab01.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1" />
</LinearLayout>
activity_main.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:baselineAligned="false"
android:orientation="vertical">
<include layout="@layout/top"></include>
<FrameLayout
android:layout_height="0dp"
android:layout_width="match_parent"
android:layout_weight="1"
android:id="@+id/id_content"> </FrameLayout>
<include layout="@layout/button"></include>
</LinearLayout>