Android viewPager+RecyclerView 联动 合成图片保存到本地

最新推荐文章于 2023-03-02 17:21:59 发布
最新推荐文章于 2023-03-02 17:21:59 发布
阅读量590 收藏 1
点赞数
分类专栏： android加强 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013745834/article/details/110916149
版权

前言

需求做一个Android 本地海报分享图 ，使用viewPager+RecyclerView 联动 选择

一：需求

利用网络图片生成带个人信息的二维码海报分享图片
二：技术
使用横向RecyclerView+RecyclerView 联动
三： 难点

初看 项目需求，容易使用ViewPager+RecyclerView 去实现，
但是在使用过程中 这种方案容易出现 图片保存重复。

四：具体代码如下

1.布局如下：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/blur_bg"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@color/black_2626"
            android:scaleType="matrix"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <RelativeLayout
            android:id="@+id/rl_title"
            android:layout_width="0dp"
            android:layout_height="@dimen/tab_bar_height"
            android:background="@color/transparent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/back"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginStart="6dp"
                android:padding="9dp"
                android:src="@drawable/icon_white_back" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:text="推荐有礼"
                android:textColor="@color/white"
                android:textSize="19sp" />
        </RelativeLayout>

        <androidx.core.widget.NestedScrollView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_marginTop="12dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/rl_title">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <com.yarolegovich.discretescrollview.DiscreteScrollView
                    android:id="@+id/view_pager"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    app:layout_constraintDimensionRatio="320:457"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintWidth_percent="0.85"
                    android:orientation="horizontal"
                    />

                <androidx.appcompat.widget.AppCompatTextView
                    android:id="@+id/choice_poster"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="15sp"
                    android:layout_marginTop="8dp"
                    android:text="@string/choice_poster"
                    android:textColor="@color/white"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/view_pager" />

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rv_poster"
                    android:layout_width="0dp"
                    android:layout_height="90dp"
                    android:layout_marginTop="8dp"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/choice_poster" />

                <com.ysj.live.kotlinmvvm.weight.DrawableCenterTextView
                    android:id="@+id/share_link"
                    android:layout_width="165dp"
                    android:layout_height="52dp"
                    android:layout_marginTop="12dp"
                    android:layout_marginBottom="15dp"
                    android:background="@drawable/shape_white_radius26_t50_bg"
                    android:drawableStart="@drawable/icon_post_fenxiang"
                    android:drawablePadding="12dp"
                    android:gravity="center"
                    android:text="@string/share_link"
                    android:textColor="#A75804"
                    app:layout_constraintEnd_toStartOf="@+id/share_post"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/rv_poster" />

                <com.ysj.live.kotlinmvvm.weight.DrawableCenterTextView
                    android:id="@+id/share_post"
                    android:layout_width="165dp"
                    android:layout_height="52dp"
                    android:layout_marginTop="12dp"
                    android:layout_marginBottom="15dp"
                    android:background="@drawable/shape_yellow_radius26_t50_bg"
                    android:drawableStart="@drawable/icon_post_lianjie"
                    android:drawablePadding="12dp"
                    android:gravity="center"
                    android:text="@string/save_post_to_share"
                    android:textColor="#AC6009"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/share_link"
                    app:layout_constraintTop_toBottomOf="@+id/rv_poster" />
            </androidx.constraintlayout.widget.ConstraintLayout>
        </androidx.core.widget.NestedScrollView>
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

​
2.kotlin 代码如下

package com.ysj.live.kotlinmvvm.ui.member.activity

import android.graphics.Bitmap
import android.os.AsyncTask
import android.os.Bundle
import android.view.View
import androidx.lifecycle.Observer
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.chad.library.adapter.base.BaseViewHolder
import com.lc.library.tool.util.ToastUtils
import com.yarolegovich.discretescrollview.DiscreteScrollView
import com.yarolegovich.discretescrollview.InfiniteScrollAdapter
import com.yarolegovich.discretescrollview.transform.ScaleTransformer
import com.ysj.live.R
import com.ysj.live.app.base.YSJApplication
import com.ysj.live.app.utils.StatusBarUtil
import com.ysj.live.databinding.ActivityRecommendPosterBinding
import com.ysj.live.kotlinmvvm.base.activity.BaseVmDbActivity
import com.ysj.live.kotlinmvvm.ui.member.adapter.PostViewpagerAdapter
import com.ysj.live.kotlinmvvm.ui.member.adapter.PosterThumbAdapter
import com.ysj.live.kotlinmvvm.util.BitmapUtils
import com.ysj.live.kotlinmvvm.viewModel.request.RequestPosterListModelView
import com.ysj.live.mvp.live.entity.ShareEntity
import com.ysj.live.mvp.live.view.FileUtils
import com.ysj.live.mvp.live.view.PushShareDialog
import com.ysj.live.mvp.version.util.ImageParseUtil
import kotlinx.android.synthetic.main.activity_recommend_poster.*
import me.hgj.jetpackmvvm.ext.getViewModel
import me.jessyan.art.utils.LogUtils

/**
 * @Description: java类作用描述
 * @Author: newway
 * @CreateDate: 2020/11/12 9:24
 * @UpdateUser:
 * @UpdateDate: 2020/11/12 9:24
 * @UpdateRemark: 更新说明
 */

class RecommendPosterActivity : BaseVmDbActivity<RequestPosterListModelView, ActivityRecommendPosterBinding>(), DiscreteScrollView.OnItemChangedListener<BaseViewHolder> {

    private lateinit var pastPagerAdapter2: PostViewpagerAdapter
    private var thumbPosterAdapter: PosterThumbAdapter? = null
    override fun layoutId() = R.layout.activity_recommend_poster
    private val requestPosterListModelView: RequestPosterListModelView by lazy { getViewModel<RequestPosterListModelView>() }
    var dataList = arrayListOf<String>()
    var publishShareDialog: PushShareDialog? = null
    lateinit var shareEntity: ShareEntity
    lateinit var shareView: View
    var mainBitmap: Bitmap? = null
    var currentPosition: Int = 0
    private var infiniteAdapter: InfiniteScrollAdapter<*>? = null
    override fun initView(savedInstanceState: Bundle?) {
        StatusBarUtil.immersive(this)
        StatusBarUtil.setMargin(this, rl_title)
        requestPosterListModelView.getPosterList()
        back.setOnClickListener {
            onBackPressed()
        }
        share_link.setOnClickListener {
            publishShareDialog = PushShareDialog().setShareBean(shareEntity).setListener {
                PushShareDialog.PushShareListener { ToastUtils.showShort("分享成功") }
            }
            publishShareDialog?.show(supportFragmentManager, "share")
        }
        share_post.setOnClickListener {
            var baseViewHolder: RecyclerView.ViewHolder? = view_pager.findViewHolderForAdapterPosition(infiniteAdapter!!.getClosestPosition(currentPosition))
            if (baseViewHolder != null) {
                ToastUtils.showShort("保存图片中...")
                shareView = baseViewHolder.itemView
                savePhoto(shareView)
            }
        }
    }

    override fun showLoading(message: String) {
    }

    override fun dismissLoading() {
    }

    override fun createObserver() {
        requestPosterListModelView.posterListLiveData.observe(this, Observer {
            if (it.isSuccess) {
                shareEntity = ShareEntity()
                shareEntity.desc = it.data.share_user?.desc
                shareEntity.shareUrl = it.data.share_user?.http_url
                shareEntity.picUrl = it.data.share_user?.pic_url
                shareEntity.title = it.data.share_user?.title
                it.data.share_list?.let { it1 -> dataList.addAll(it1) }
                pastPagerAdapter2 = it.data.share_list?.let { it1 -> PostViewpagerAdapter(it1, it.data, context = this) }!!
                infiniteAdapter = pastPagerAdapter2.let { it1 -> InfiniteScrollAdapter.wrap(it1) }
                view_pager.adapter = infiniteAdapter
                view_pager.setItemTransformer(ScaleTransformer.Builder()
                        .setMinScale(0.8f)
                        .build())
                view_pager.setSlideOnFling(true)
                thumbPosterAdapter = it.data.share_list?.let { it1 -> PosterThumbAdapter(it1, 0) }
                rv_poster.layoutManager = LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false)
                rv_poster.adapter = thumbPosterAdapter
                view_pager.addOnItemChangedListener(this);
                onItemChanged(currentPosition)
                thumbPosterAdapter!!.setOnItemClickListener { adapter, view, position ->
                    onItemChanged(position)
                }
            } else {
                //网络错误！
                LogUtils.debugInfo("vivo", it.errorMsg)
            }
        })
    }


    //协程处理保存图片
    private fun savePhoto(v: View) { //关键字suspend:在另外的线程允许挂起
        showDialog()
        val task = LoadImageTask()
        task.execute(v)
    }

    override fun onDestroy() {
        super.onDestroy()
    }

    private inner class LoadImageTask : AsyncTask<View, Void?, Bitmap>() {
        override fun doInBackground(vararg params: View): Bitmap? {
            return BitmapUtils.getBitmapFromView(params[0])
        }

        override fun onPostExecute(result: Bitmap) {
            super.onPostExecute(result)
            if (mainBitmap != null) {
                mainBitmap!!.recycle()
                mainBitmap = null
                System.gc()
            }
            mainBitmap = result
            FileUtils.saveImageToGallery(YSJApplication.getContext(), mainBitmap, "${System.currentTimeMillis()}.jpg")
            dismissDialog()
        }

        override fun onPreExecute() {
            super.onPreExecute()
        }

        override fun onCancelled() {
            super.onCancelled()
        }
    }

    override fun onCurrentItemChanged(viewHolder: BaseViewHolder?, adapterPosition: Int) {
        val positionInDataSet = infiniteAdapter!!.getRealPosition(adapterPosition)
        onItemChanged(positionInDataSet)
    }

    private fun onItemChanged(position: Int) {
        var destination = infiniteAdapter!!.getClosestPosition(position)
        view_pager.smoothScrollToPosition(destination)
        rv_poster.smoothScrollToPosition(position)
        thumbPosterAdapter!!.setPosition(position)
        ImageParseUtil.showBlurImage(this@RecommendPosterActivity, blur_bg, dataList[position])
        currentPosition = position
    }
}

个人二维码，有问题可以问

效果如图
在这里插入图片描述

u013745834
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Android】viewpager和recyclerview联动知识梳理
zhang___yong的博客
10-05 2392
最近做一个需求，界面上方是一个可滑动切换的viewpager列表，下方是一个用recyclerview做的菜单，recyclerview的item对应viewpager的一页，要求在滑动上面或者下面的时候另一个都要跟着滑动，就好像你执行一次滑动却产生了两个事件序列。 我的思路是分别对viewpager和recyclerview的滑动进行监听，比如viewpager滑动了就计算出他本次滑动到了哪个...
RecyclerView和ViewPager实现标签页
qq_29247839的博客
10-22 697
在这个中最大的困难就是RecyclerView和ViewPager的联动以及选中后标签的显示 在做这个的时候我们先捋一下思路：我们需要的大概就是 1：recycler view的适配器（MyTalBarAdapter） 2：view pager的适配器(MyViewPagerAdapter) 3：两者的联动 具体代码： public class MyTalBarAdapter ext...
Android ViewPager的嵌套+Recycler的滑动联动效果
Crystal_xing的专栏
05-20 586
ViewPager的嵌套+Recycler的滑动联动效果封装，左右滑动的时候会切换到此页画面的下一张图片（翻页的时候与小图Recyclerview列表保持联动），若滑动到最后一张图片之后，再次滑动会迁移到下一个图片画面去显示，效果图如下： 将内部简单的ViewPager+Recycler的滑动联动一并抽出封装在Demo中，效果图如下： Demo地址：https://github.com/crystalyf/ViewPagerMatchRecyclerView ...
Android - 分享功能，截图并保存图片到本地相册(适配小米
czssltt的博客
03-02 1677
分享功能，截图并保存图片到本地相册
android RecyclerView实现ViewPager效果（活动图效果）
龙之吻T
04-09 1375
LinearLayoutManager manager = new LinearLayoutManager(getContext()); manager.setOrientation(LinearLayoutManager.HORIZONTAL); listBanner.setLayoutManager(manager); Pager...
ScrollView+TabLayout+ViewPager+RecyclerView 嵌套实现布局
03-28
手动实现仿京东发现页面效果，使用布局嵌套完成，包括ScrollView+TabLayout+ViewPager+RecyclerView，最后有遗留问题需要处理。详情见博客https://blog.csdn.net/hq942845204/article/details/88844272
Android AppBarLayout+TabLayout+RecyclerView+ViewPager+Fragment
10-08
但是当标题栏移动到顶部时是要悬浮在顶部，下面无论如何上滑标题拦都不再移动，当向下滑动时知直到出现RecyclerView的第一条时标题栏才会随着向下移动AppBarLayout+TabLayout+RecyclerView+ViewPager+Fragment
Android 中 CoordinatorLayout + AppBarLayout 实现滑动头部悬停效果（页面附带TabLayout + ViewPager + RecyclerView结构）
01-03
很尴尬 ，找不到做 gif 的东西 。怎么办呢 。（找了好久 ，在手机上下载了一个 GIF 动图制作） AppbarLayout 回顾 我记得 16 、17年的时候这个效果在很多 APP 上都有出现 。之前写过demo ，然后一直也没机会在项目...
TabLayout+ViewPager+RecyclerView+Webview+Videoview综合使用
09-03
TabLayout+ViewPager+RecyclerView+Webview+Videoview 禁止RecyclerView滑动+scrollview 完美解决ScrollView嵌套RecyclerView滑动不流畅 ViewPager处理引导页 ViewPager +RecyclerView 显示图片切换效果。 ...
AppBarLayout+TabLayout+ViewPager+RecyclerView的界面UI模型
08-03
该UI模式支持viewpager翻页并与TabLayout联动，RecyclerView活动隐藏顶部导航栏，在fragment处，给出接口，可以随意设置，recyclerview的事件都已实现也留了接口给开发者调用
ViewPager和其他View联动动画
MaPengHao的专栏
11-07 202
实现效果 图中的灰色区域都是可滑动区域，其中我用三种文本颜色表示区域中三个不同的View，黑色部分是TextView，蓝色部分是LinearLayout，红色部分是ViewPager内部的内容。 技术难点 首先要禁用ViewPager的随手指拖动，手指滑动如果抬起时没有一个fling的势头则不会触发动画效果； 其次点击灰色区域的手势监听实现滚动的同时，不能影响ViewPager内容的点击事件，也就是点击红色区域还会触发点击事件； 最后就是这三部分的动画是联动的。 ..
Android RecyclerView实现ViewPager效果，用LinearSnapHelper
赵彦军
01-30 1306
SnapHelper是RecyclerView功能的一种拓展，使RecyclerView滑动行为类似ViewPager，无论怎么滑动最终停留在某页正中间。ViewPager一次只能滑动一页，RecyclerView+SnapHelper方式可以一次滑动好几页，且最终都停留在某页正中间。SnapHelper的实现原理是监听RecyclerView.OnFlingListener中的onFling接口。LinearSnapHelper是抽象类SnapHelper的具体实现。上面的效果只需下面几行代码即可。
Android缩略图切换大图，包含RecyclerView和Viewpager联动
lou_liang的博客
05-21 2615
最近产品提出了需要做个缩略图展示大图，结合viewpager和recyclerview使用，下面上效果图：       这里包含了显示在线网络图片，点击缩略图条目跳转到另一个页面展示大图，PhotoView双击放大缩小，单击消失，滑动viewpager页面联动底部的recyclerview条目以及点击底部条目上面的大图跟随着切换位置。下面请看主要代码讲解：picList = new ArrayLi...
viewpager+recyclerview联动
WhuiQi的博客
03-08 1869
MainActivity package wanghuiqi.bawie.whq_scendweek_liandong; import android.os.Bundle; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.support...
Android-->如何将RecyclerView打造成ViewPager的效果
<angcyo>菜鸟视角
01-03 5462
如题所示,都支持横向和纵向, 暂不支持StaggeredGridLayoutManager布局管理.如图: 在LinearLayoutManager中: 在GridLayoutManager中: 1:当adapter中Item的数量不足时, 需要用假数据填充. 否则最后一页显示不全, 达不到页面的效果.@Override public int getItemCount() { raw
Android 安卓开发之 Tablayout + ViewPager + RecyclerView
孑桀
04-29 1318
Android 安卓开发之 Tablayout + ViewPager + RecyclerView ViewPager 是安卓开发中的一个非常重要的工具，用于实现页面切换，滑动变化等，今天就来实现一下用Tablayout和ViewPager来实现一个比较好的效果 首先看一下效果 接下来直接上代码： 首先修改我们的首页面布局，加入Tablayout 和ViewPager <?xm...
Android中的RecycleView和ViewPager2
xubo667的博客
08-03 874
的功能要更加的强大，除了可以设置页面切换动 画，还可以用来设置页面边距而且支持同时设置多个 PageTransformer。它会在每个布局被滚动到屏幕的时候执行。这个内部类的作用主要是通过传入的一个view。它是一种容器性质的控件，用于大量数据展示的控件。线性布局，网格布局，瀑布流布局三种，方法 这个方法是用来对传入的子项布局进行赋值的，也就是说当子项布。他也是一个容器性质的控件，是基于。的众多优点，并且针对 ViewPager 存在的问题做了优化。方法 这个方法主要是用来返回数据源的长度，也就是告诉。..
Android Viewpager2与RecycleView
Happy__snake的博客
08-01 1146
Viewpager2与RecycleView
TabLayout+ViewPager+Fragmet+RecyclerView结合的小demo
最新发布
05-20
好的，下面是一个使用TabLayout+ViewPager+Fragmet+RecyclerView结合的小demo的示例代码。 1. 首先，在xml文件中添加TabLayout和ViewPager组件。 ```xml <android.support.design.widget.TabLayout android:id="@...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值