返回顶部
首页 > 资讯 > 移动开发 >Android移动开发recycleView的页面点击跳转设计实现
  • 657
分享到

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

2024-04-02 19:04:59 657人浏览 薄情痞子
摘要

目录一.目的二.具体代码和页面介绍三.仓库代码一.目的 回顾前两次的过程和效果以及本次任务以及最终效果视图: (1)第一次实现界面设计和界面跳转,示例如下: (2)第二次是在页面中

一.目的

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

(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) {
                
                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页面点击跳转的资料请关注编程网其它相关文章!

--结束END--

本文标题: Android移动开发recycleView的页面点击跳转设计实现

本文链接: https://lsjlt.com/news/149139.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android移动开发recycleView的页面点击跳转设计实现
    目录一.目的二.具体代码和页面介绍三.仓库代码一.目的 回顾前两次的过程和效果以及本次任务以及最终效果视图: (1)第一次实现界面设计和界面跳转,示例如下: (2)第二次是在页面中...
    99+
    2024-04-02
  • Android移动开发recycleView的页面点击跳转怎么实现
    本文小编为大家详细介绍“Android移动开发recycleView的页面点击跳转怎么实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“Android移动开发recycleView的页面点击跳转怎么实现”文章能帮助大家解决疑惑,下面跟着小...
    99+
    2023-06-30
  • Android Studio 点击按钮实现页面跳转、网页跳转
    页面跳转、网页跳转 1)页面跳转 Btn1=findViewById(R.id.btn_1); Btn1.setOnClickListener(new View.OnClickListe...
    99+
    2023-09-17
    android studio android kotlin
  • android studio实现页面跳转(点击按钮)
    在已经创建的java文件MainActivity(点击app,点击java)下里面编写  package com.example.myapplication1120;import android.content.Intent;import ...
    99+
    2023-10-09
    android studio android ide
  • android怎么实现点击按钮跳转页面
    Android中实现点击按钮跳转页面可以通过以下步骤实现:1. 在XML布局文件中定义一个按钮组件,例如:```xml```2. 在Java代码中获取按钮组件,并设置点击事件监听器,例如:```javaButton button = f...
    99+
    2023-08-11
    android
  • PyQt5designer页面点击按钮跳转页面实现
    目录使用 designer 进行开发PyQt5 实现两个页面跳转PyQt5 实现多个页面跳转补充:使用 designer 开发,页面跳转函数不使用 designer 的页面跳转使用 ...
    99+
    2024-04-02
  • jquery如何实现点击跳转页面
    这篇文章主要介绍“jquery如何实现点击跳转页面”,在日常操作中,相信很多人在jquery如何实现点击跳转页面问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery如何...
    99+
    2024-04-02
  • HTML怎么实现点击button页面跳转
    小编给大家分享一下HTML怎么实现点击button页面跳转,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!方法:1、使用onclick事件,在标签内添加“onclick="window.location.href=...
    99+
    2023-06-15
  • javascript如何实现点击按钮跳转页面
    这篇文章主要介绍了javascript如何实现点击按钮跳转页面,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。JavaScript有什么特点1、js属于一种解释性脚本语言;2、...
    99+
    2023-06-14
  • jquery怎么实现点击跳转到新页面
    jQuery (JQuery JavaScript Library) 是一个使用JavaScript编写的快速、小型、功能丰富的JavaScript库, 使得HTML文档操作、事件处理、动画效果和Ajax交互变得更加简单优雅。在Web开发中...
    99+
    2023-05-14
  • jquery如何实现点击跳转到新页面
    本篇内容介绍了“jquery如何实现点击跳转到新页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!要实现 jQuery 点击跳转到新页面,我...
    99+
    2023-07-06
  • php如何实现点击按钮跳转页面
    要实现点击按钮跳转页面,可以使用PHP结合HTML的方式。首先,在HTML中添加一个按钮:```点击跳转```然后,将上述代码保存为...
    99+
    2023-08-25
    php
  • php如何实现点击按钮后跳转页面
    本篇内容主要讲解“php如何实现点击按钮后跳转页面”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php如何实现点击按钮后跳转页面”吧!方法一: 使用HTML中的表单可以在HTML表单中使用sub...
    99+
    2023-07-05
  • 怎么在html中实现点击图片跳转页面
    今天就跟大家聊聊有关怎么在html中实现点击图片跳转页面,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。html是什么html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签...
    99+
    2023-06-14
  • vue怎么通过点击事件实现页面跳转
    本篇内容主要讲解“vue怎么通过点击事件实现页面跳转”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue怎么通过点击事件实现页面跳转”吧!this.$router.push()首先我们要定义一个...
    99+
    2023-07-02
  • 微信小程序实现点击按钮跳转页面
    微信小程序中点击按钮跳转页面可以使用 wx.navigateTo 或 wx.redirectTo 方法。 首先,在按钮的绑定事件中调用方法,如: 跳转页面 然后,在页面的 js 文件中实现跳转逻辑,如: Page({ ju...
    99+
    2023-10-23
    微信小程序 小程序 前端 javascript 开发语言
  • jquery怎么实现点击按钮跳转页面功能
    在网站开发中,经常会有一些需要使用到按钮(button)来实现页面跳转的场景。今天我们就来讲一下如何使用 jQuery 实现点击按钮进行页面跳转的功能。首先,在 HTML 文件头部 加入 jQuery 库,代码如下:<script s...
    99+
    2023-05-14
  • 如何用html实现点击Button元素跳转页面
    这篇文章主要介绍“如何用html实现点击Button元素跳转页面”,在日常操作中,相信很多人在如何用html实现点击Button元素跳转页面问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何用html实现点击...
    99+
    2023-07-05
  • jquery如何实现点击按钮跳转页面功能
    今天小编给大家分享一下jquery如何实现点击按钮跳转页面功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先,在 HTM...
    99+
    2023-07-05
  • android怎么实现点击按钮跳转界面功能
    在Android中,可以通过以下方式实现点击按钮跳转界面的功能:1. 在布局文件中添加一个按钮控件,例如:```xml```2. 在...
    99+
    2023-08-08
    android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作