文章目录
本次作业内容为:在实验二(在APP界面中添加recyclerView)的基础上,对有recycleView的页面进行点击跳转设计。比如,某一tab页是新闻列表,则点击某一行能跳转到新闻详情页面;
考察内容:对activity的生命周期的理解以及状态转变操作;
结果展示:
注:左图为优化后实现的recyclerView界面、右图为本次实验结果。
实现过程:
一、recyclerView的添加与设计
recyclerView在上次界面完成之后就进行了添加,目前只添加了两个页面:微信聊天界面与通讯录界面,分别有各自独特的设计,在这里就简单说一下,不再赘述,详细代码可点击查看仓库。
1.滑动删除与长按拖拽
在微信聊天界面中,我添加了滑动删除与长按拖拽的功能,需要将ItemTouchHelper.Callback函数继承并自定义写入功能函数,在这里引用了OCN.Yang的代码(博客地址为:RecyclerView 梳理:点击&长按事件、分割线、拖曳排序、滑动删除 ),实现后的效果在文章开始。
2.分组与吸顶效果
在通讯录界面中,我添加了分组与吸顶效果,需要对ItemDecoration进行重写,重写后的StickySectionDecoration.java和GroupInfo.java函数引用自frank909的博客(博客地址为:RecyclerView探索之通过ItemDecoration实现StickyHeader效果),实现后的效果在文章开始。
二、recyclerView的点击跳转
在学习了生命周期之后,我对于点击跳转页面也有了一些理解,在写好recyclerView的基础上,对Adapter添加一些点击监听即可实现Activity的跳转。
1.添加其他页面
要完成Activity的跳转,最必不可少的当然是另一个页面,在java文件中新建一个MainActivity文件并勾选同时添加其Layout页面。里面可以放一些除onCreate函数外的其他生命周期函数体会Activity的生命周期。
2.为RecyclerView添加item的点击事件
给MyAdapter添加点击监听:
在MyAdapter中定义如下接口,模拟ListView的OnItemClickListener:
//define interface
public static interface OnItemClickListener {
void onItemClick(View view , int position);
}
声明一个这个接口的变量:
private OnItemClickListener mOnItemClickListener = null;
在onCreateViewHolder()中为每个item添加点击事件:
public MyViewHolder2 onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
itemView2= LayoutInflater.from(context).inflate(R.layout.item2,parent,false);
MyViewHolder2 myViewHolder2=new MyAdapter2.MyViewHolder2(itemView2);
//将创建的View注册点击事件
itemView2.setOnClickListener(this::onClick);
return myViewHolder2;
}
将点击事件转移给外面的调用者:
public void onClick(View v) {
if (mOnItemClickListener != null) {
//注意这里使用getTag方法获取position
mOnItemClickListener.onItemClick(v,(int)v.getTag());
}
}
注意上面调用接口的onItemClick()中的v.getTag()方法,这需要在onBindViewHolder()方法中设置和item的position:
@Override
public void onBindViewHolder(@NonNull MyViewHolder2 holder, int position) {
holder.itemView.setBackgroundColor(Color.WHITE);
holder.name.setText(items2.get(position).get("USER").toString());
holder.message.setText(items2.get(position).get("MESSAGE").toString());
holder.imageView.setImageResource(Integer.parseInt(items2.get(position).get("png").toString()));
//将position保存在itemView的Tag中,以便点击时进行获取
holder.itemView.setTag(position);
}
最后暴露给外面的调用者,定义一个设置Listener的方法():
public void setOnItemClickListener(OnItemClickListener listener) {
this.mOnItemClickListener = listener;
}
在Activity(Fragment)中使用:
myAdapter2.setOnItemClickListener(new MyAdapter2.OnItemClickListener(){
@Override
public void onItemClick(View view , int position){
Intent intent=new Intent(context,MainActivity2.class);
startActivityForResult(intent,1);
}
});
这样即可实现点击item跳转到MainActivity2中。
三、一些优化
除了对Layout进行视觉上的优化之外,还可以对细节进行改进,比如在本项目中,跳出的其实都只是一个页面,要想做到一个item一个页面,可以使用上个博客中的方法,在MainActivity2中加入一个FrameLayout,将另一个layout页面压入其中,并通过点击不同的位置给intent传入不同的值进行控制。这里我做了对标题的控制:
在刚刚使用监听时,在startActivityForResult之前可以加入这句代码:
intent.putExtra("num",user[position]);
position的值是通过监听函数获取的,获取到其值之后,使用此语句即可将user中存放的联系人数据传入到一个“num”标签中。
在MainActivity2中写入如下代码:
private TextView textView21;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
supportRequestWindowFeature(Window.FEATURE_NO_TITLE); //取消默认title
setContentView(R.layout.activity_main2);
Intent intent=getIntent();
textView21=findViewById(R.id.textView21);
textView21.setText(intent.getStringExtra("num"));
Log.d("life","activity2 is onCreate...");
}
其中textView21即为标题内容,将intent中获取到的标签为“num”的字符串设置为textView21的内容,每次点击不同联系人的聊天时即可显示不同的聊天名称。
结语
本次项目实现功能较为简单,使用点击监听并对生命周期理解后顺利完成本次内容。