移动技术开发(二)-对有recycleView的页面进行点击跳转

一. 预览效果

recyclerview
details
details
details

二.原理

  • 为RecyclerView的每个子item设置setOnClickListener,然后在onClick中再调用一次对外封装的接口,将这个事件传递给外面的调用者。而“为RecyclerView的每个子item设置setOnClickListener”在Adapter中设置。其实直接在onClick中也能完全处理item的点击事件,但是这样会破坏代码的逻辑。

三.步骤

    1. 在myRecycleradatper中定义并声明如下接口:
private OnItemClickListener listener;
//...
public interface OnItemClickListener{
        /*注意参数*/
        public void OnItemClick(View v,int position,String id);
    }
    1. 在onBindViewHolder()中为每个item添加点击事件,并将点击事件转移给外面的调用者
@Override
    public  void  onBindViewHolder(MyViewHolder holder, final  int  position) {
        filelist da=mDatas. get (position);
        holder.tv.setText(da.getName());
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(listener!=null){
                    /*注意参数*/
                    listener.OnItemClick(v, holder.getAdapterPosition(), 
                        mDatas.get(holder.getAdapterPosition()).getName());
                }
            }
        });
    }

*3. 最后暴露给外面的调用者,定义一个设置Listener的方法():

public void setOnItemClick(OnItemClickListener listener){
        this.listener=listener;
    }

以上所有步骤都发生在自定义的adapter中,典型的观察者模式,有点绕的地方在于,这里涉及到两个观察者模式的使用,view的setOnClickListener本来就是观察者模式,我们将这个观察者模式的事件监听传递给了我们自己的观察者模式。

    1. 在Recyclerview对应的Fragment(或Activity)中实现点击跳转:
recycleAdapter= new myRecycleradatper( view.getContext() ,mDatas);
        recycleAdapter.setOnItemClick(new myRecycleradatper.OnItemClickListener() {
            @Override
            public void OnItemClick(View v, int position, String id) {
                Context context = view.getContext();
                Intent intent = new Intent(context, DetailsActivity.class);
                intent.putExtra("id",id);
                startActivity(intent);
            }
        });
    1. 编写详情页面 recycler_details.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"
    android:orientation="vertical" >
    <TextView
        android:layout_width= "wrap_content"
        android:layout_height= "40dp"
        android:textAppearance= "?android:attr/textAppearanceMedium"
        android:text= "Medium Text"
        android:id= "@+id/details_msg"
        android:layout_alignParentLeft= "true"
        android:gravity= "center_vertical|center_horizontal"  />

</LinearLayout>
    1. 编写详情页面相关的Activity:
public class DetailsActivity extends Activity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.recycler_details);
        View view = getWindow().getDecorView();
        Intent intent = getIntent();
        String id = intent.getStringExtra("id");
        String msg_text="这是"+id+"的详情页面";
        TextView msg=view.findViewById(R.id.details_msg);
        msg.setText(msg_text);
    }
}
    1. 在AndroidManifest.xml中注册DetailsActivity:
<activity
            android:name=".DetailsActivity"
            android:exported="true"
            android:label="@string/app_name" >
        </activity>

参考链接:

https://codeleading.com/article/19763575862/
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0327/2647.html

源码地址:

https://gitee.com/morenmoren/android-app_-tab

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容