AS第二次作业:recyclerView页面的跳转


本次作业内容为:在实验二(在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的内容,每次点击不同联系人的聊天时即可显示不同的聊天名称。

结语

本次项目实现功能较为简单,使用点击监听并对生命周期理解后顺利完成本次内容。

项目源代码地址:

wk-WeChat: AS移动微信界面 (gitee.com)

猜你喜欢

转载自blog.csdn.net/m0_51345650/article/details/120931995