Android移动开发recycleView的页面点击跳转设计实现

 更新时间:2022年05月19日 09:18:32   作者:奋斗中的小宸宸  
这篇文章主要介绍了Android移动开发recycleView的页面点击跳转设计实现,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

一.目的

回顾前两次的过程和效果以及本次任务以及最终效果视图:

(1)第一次实现界面设计和界面跳转,示例如下:

(2)第二次是在页面中设计出自己喜欢的布局并加以实现,我实现的是瀑布流式的布局,如下:

(3)第三次就是这次的任务:Activity页面跳转(实现recycleView的页面进行点击跳转),效果如下:

二.具体代码和页面介绍

1.编辑详情页面

即点击后的界面的样式,代码以及样式图如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".CardInfoActivity">
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >
            <ImageView
                android:id="@+id/card_info_image"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:transitionName="card_info_image"
                tools:srcCompat="@tools:sample/avatars" />
            <TextView
                android:id="@+id/card_info_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="TextView"
                android:textSize="30sp" />
        </LinearLayout>
    </ScrollView>
</LinearLayout>

因为我的整个界面是一些好看的图片,因此我觉得放大图片更好的观赏更为重要,在这里同样运用和之前一样的同比例地放大和缩小图片的方式,可以根据自己的具体内容进行分析。在新的Activity中表现出来

//这个activity是用来展示对应card信息的activity
public class CardInfoActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_card_info);
        //获取传递来的信息
        ImageView card_info_image=(ImageView) findViewById(R.id.card_info_image);
        TextView card_info_title=(TextView) findViewById(R.id.card_info_title);
        Intent intent=getIntent();
        Bundle bundle=intent.getExtras();
        card_info_image.setImageResource(bundle.getInt("cardImageId"));
        card_info_title.setText(bundle.getString("cardTitle"));
        //修改图片的高度
        ViewGroup.LayoutParams params = card_info_image.getLayoutParams();
        //TODO 显然,这高度是由这个参数决定的,如果我们知道了宽的大小width,那么我们就能知道实际缩放比
        //获取屏幕的宽度
        int screenWidth = ScreenUtil.getScreenWidth(this);
        //Log.d("height",String.valueOf(screenWidth));
        //调整放入图片的大小,保证宽一定是屏幕的一半,高度随着缩放而改变
        float scale = (float)bundle.getInt("height") / (float)bundle.getInt("width");
        params.height =  (int) (screenWidth * scale)+200;
        card_info_image.setLayoutParams(params);
    }
}

2.在原Fragment页面(首页)添加点击跳转功能(我这就是WechatFragment)

//设置Myadapter的Item监听
        myadapter.setOnRecyclerItemClickListener(new OnRecyclerItemClickListener() {
            @Override
            public void onItemClick(int Position, List<Myadapter.Card> cards) {
                /* 跳转至另一个activity */
                Intent intent=new Intent(getActivity(),CardInfoActivity.class);
                //传递相应的参数
                //我们需要把构成一个图片的信息传递过去
                Bundle bundle=new Bundle();
                bundle.putInt("cardImageId",cards.get(Position).getImageId());
                bundle.putString("cardTitle",cards.get(Position).getTitle());
                bundle.putInt("height",cards.get(Position).getHeight());
                bundle.putInt("width",cards.get(Position).getWidth());
                intent.putExtras(bundle);
                //启用共享组件的activity过渡
                //所选择的共享元件,这个元件是当前页面的元件
                //获取item的ViewHolder
                Log.d("myposition-firstPo", Arrays.toString(firstStaggeredGridPosition));
                Log.d("myposition-actPo", String.valueOf(Position));
                Log.d("myposition-lastPo", Arrays.toString(lastStaggeredGridPosition));
                //因为我使用的是StaggeredGridLayoutManager
                RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
                //由于瀑布流是两列,这里是为了获得处在页面的最小值
                int realFirstPosition=Math.min(firstStaggeredGridPosition[0],firstStaggeredGridPosition[1]);
                Myadapter.MyViewHolder viewHolder=(Myadapter.MyViewHolder)recyclerView.getChildViewHolder(recyclerView.getChildAt(Position-realFirstPosition));
                ImageView card_info_image= viewHolder.inserimage;
                ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(getActivity(),
                        Pair.create(card_info_image, "card_info_image"));
                startActivity(intent,options.toBundle());
            }
        });

在Myadapter中设计监听接口

//自定义监听接口
interface OnRecyclerItemClickListener {
    //RecyclerView的点击事件,将信息回调给view
    void onItemClick(int Position, List<Myadapter.Card> datas);
}

三.仓库代码

https://github.com/1224286059/XC_HomeWork1

以上就是Android移动开发recycleView的页面点击跳转设计实现的详细内容,更多关于recycleView页面点击跳转的资料请关注脚本之家其它相关文章!

相关文章

  • Android4.0.x Home键事件拦截监听的方法

    Android4.0.x Home键事件拦截监听的方法

    这篇文章主要介绍了Android4.0.x Home键事件拦截监听的方法,对比分析了2.3.x的实现方法,分析了4.0.x实现Home键事件拦截监听的相关技巧,需要的朋友可以参考下
    2016-02-02
  • Android自定义View仿微博运动积分动画效果

    Android自定义View仿微博运动积分动画效果

    这篇文章主要为大家详细介绍了Android自定义View仿微博运动积分动画效果,开启了自定义view学习旅程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Android 实现文字左右对齐

    Android 实现文字左右对齐

    这篇文章主要介绍了Android 实现文字左右对齐效果的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下
    2021-05-05
  • Android 10 启动之servicemanager源码解析

    Android 10 启动之servicemanager源码解析

    这篇文章主要为大家介绍了Android 10 启动之servicemanager源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Android检测IBeacon热点的方法

    Android检测IBeacon热点的方法

    这篇文章主要介绍了Android检测IBeacon热点的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • PopupWindow使用方法详解

    PopupWindow使用方法详解

    这篇文章主要为大家详细介绍了PopupWindow的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android Rxjava3 使用场景详解

    Android Rxjava3 使用场景详解

    本文主要介绍了Android Rxjava3 使用场景详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • Android中的sqlite查询数据时去掉重复值的方法实例

    Android中的sqlite查询数据时去掉重复值的方法实例

    今天小编就为大家分享一篇关于Android中的sqlite查询数据时去掉重复值的方法实例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • Android ViewPager2 + Fragment 联动效果的实现思路

    Android ViewPager2 + Fragment 联动效果的实现思路

    这篇文章主要介绍了Android ViewPager2 + Fragment 联动,本篇主要介绍一下 ViewPager2 + Fragment联动效果的实现思路,需要的朋友可以参考下
    2022-12-12
  • Android  Service类与生命周期详细介绍

    Android Service类与生命周期详细介绍

    这篇文章主要介绍了Android Service类与生命周期详细介绍的相关资料,需要的朋友可以参考下
    2017-03-03

最新评论