ViewPager2画廊效果

最新推荐文章于 2024-05-09 19:20:23 发布
最新推荐文章于 2024-05-09 19:20:23 发布
阅读量7.4k 收藏 1
点赞数 1
分类专栏： Kotlin 文章标签： dp转px px转dp 官方写法 viewpager2画廊
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ytfunnysite/article/details/107087229
版权

可以直接使用recycleview的adapter，注意itemview的布局要使用match_parent

MarginPageTransformer的画廊效果

        val params = viewpager2.layoutParams as ViewGroup.MarginLayoutParams
        params.leftMargin = resources.getDimension(R.dimen.dp_10).toInt()*2
        params.rightMargin = params.leftMargin
        val margin = 10.dpToPx(resources.displayMetrics)
        var compositePageTransformer = CompositePageTransformer()
        compositePageTransformer.addTransformer(MarginPageTransformer(margin))
        compositePageTransformer.addTransformer(ScaleInTransformer())
        rv_operation.setPageTransformer(compositePageTransformer)

官方dp和px转换：Android Convert Dp to Pixel - dpToPx (Kotlin)

fun Int.dpToPx(displayMetrics: DisplayMetrics): Int = (this * displayMetrics.density).toInt()

fun Int.pxToDp(displayMetrics: DisplayMetrics): Int = (this / displayMetrics.density).toInt()

使用

10.dpToPx(context.resources.displayMetrics)
杨天福911
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)...
weixin_33895695的博客
04-02 272
这个画廊的效果利用到了View的clipChildren属性，我们在这里要把ViewPager以及它的父窗体都设置为false，如下: android:clipChildren="false" 因为如果clipChildren属性设置为true,就表明我们要将children给clip掉，就是说对于子元素来说，超出当前view的部分都会被切...
Android修行手册 - 使用ViewPager2实现画廊效果
空名先生
11-28 2198
目前我们看似完成了期望效果，但目前有小伙伴应该发现因为我们设置了ViewPager的宽度是没有填满根布局的，过渡滑动的效果很影响美感，我们第一反应肯定实在xml中加入android:overScrollMode=“never”
学不动也要学！深入了解ViewPager2(1)
最新发布
2401_83641360的博客
05-09 294
item_page中代码如下： val viewPager2 = findViewById(R.id.view_pager) val myAdapter = MyAdapter() myAdapter.setList(data) viewPager2.adapter = myAdapter很简单就完成了一个ViewPager的功能，来看下效果怎么样： 接下来我们通过一行代码为其设置竖直滑动viewPager2.orientation = ViewPager2.ORIENTATION_VERTICAL竖直滑动
Android viewPager2实现画廊效果
lw1389074的博客
08-25 2196
viewPager2实现画廊效果
ViewPager2实现画廊效果执行notifyDataSetChanged后PageTransformer显示异常 界面变形问题
Jason_HD的博客
12-09 1588
项目中要用到画廊滑动效果，选择了用ViewPager2的CompositePageTransformer去实现， val compositePageTransformer = CompositePageTransformer() compositePageTransformer.addTransformer(MarginPageTransformer(dip2px(20f))) compositePageTransfor...
ViewPager2实现循环画廊
llllllllllll007的博客
11-16 601
由于想要更加好看的效果所以在网上学习了ViewPager2实现循环画廊的代码，在这分享一下学习心得。
Android利用ViewPager实现可滑动放大缩小画廊效果
09-01
主要介绍了Android利用ViewPager实现可滑动放大缩小画廊效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android ViewPager画廊效果详解及实例
01-04
Android ViewPager 画廊效果 从上面的图片可以看到，当添加多张图片的时候，能够在下方形成一个画廊的效果，我们左右拉动图片来看我们添加进去的图片，效果是不是好了很多呢？下面来看看怎么实现吧！ 上面的效果...
Android使用viewpager实现画廊式效果
09-07
在本案例中，我们将学习如何使用`ViewPager`和自定义的页面变换器来实现画廊效果。 1. **自定义页面变换器(ZoomOutPageTransformer)**: `ViewPager`提供了`PageTransformer`接口，我们可以自定义这个接口的实现来...
自定义View 之利用ViewPager 实现画廊效果（滑动放大缩小）
12-08
本示例探讨的是如何利用ViewPager实现一个画廊效果，其中图片在滑动时能够实现放大缩小的效果，以达到类似真实画廊浏览的体验。这个效果在许多应用中都非常常见，比如照片查看器或者产品展示页面。 首先，我们需要...
viewpager实现画廊效果
09-09
取而代之的是，开发者开始转向更现代、更灵活的解决方案，比如使用`ViewPager`来实现画廊效果。本篇将详细介绍如何使用`ViewPager`来创建一个流畅、高效的画廊应用。 `ViewPager`是Android Support Library的一部分...
Android照片墙加强版，使用ViewPager实现画廊效果Demo
11-13
此为示例代码，详细详解请参考： http://blog.csdn.net/guolin_blog/article/details/12646775 如对资源内容有疑问，请到博客主留言。
使用自定义 LayoutManager 实现 Android 中 Gallery 或者 ViewPager 控件的效果
12-19
使用自定义 LayoutManager 实现 Android 中 Gallery 或者 ViewPager 控件的效果，支持垂直和水平两个方向，支持 RecycleView 的试图回收机制
Android画廊效果之ViewPager显示多个图片
09-01
主要为大家详细介绍了Android画廊效果之ViewPager显示多个图片,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android基于ViewPager2实现循环轮播图、3D画廊效果
weixin_42046829的博客
07-28 5776
一、前言 在开发中经常会遇到循环轮播图，之前的实现方式是在Activity中使用定时器控制轮播。后面想了想，看能不能把ViewPager2和定时器封装成自定义控件方便移植。然后就有了这个自定义控件。 二、控件实现 因为使用的是ViewPager2，所以要用到适配器，这里写了个BaseBannerAdapter用来设置循环滚动 /** * @ Author : 廖健鹏 * @ Date : 2021/7/27 * @ e-mail : 329524627@qq.com * @ Description
利用ViewPager实现画廊Gallery效果
沐左的博客
05-24 1万+
1 需求确认 2利用viewpager实现画廊效果 viewpager的继承关系 使用ViewGroup的setClipChildrenboolean clipChildren方法 使用viewpager的setPageTransformer方法实现vp页面切换效果 3实战代码 首先是父级布局 viewpager需要显示的内容 实现画廊效果1、 需求确认最近做的一个小学的定制项目，谈需求的时候客户提
ViewPager2画廊视图变形问题
juniniho的专栏
01-28 458
ViewPager2 画廊视图 变形
Android用ViewPager实现一个中间大两边小并且带指示器的轮播图，也称画廊效果
热门推荐
zhouzhangfu的博客
08-30 1万+
在项目开发中，遇到了一个新需求，要做一个画廊效果的轮播图，要求指示器跟轮播图分离。效果图如下。以前做轮播图都是直接拿第三方的，现在突然做一个这种小众的效果，发现自己不知道怎么做，尤其是这个指示器，后来在GitHub上搜到了一个很好用 指示器实现方案，特地引用进来，非常感谢LinweiJ，帮我完成了功能实现。老规矩，附上指示器的地址：ViewPagerIndicator 1.ViewPager...
ViewPager实现Gallery效果
xingzhong128的博客
02-06 621
前言 前面已经实现了ViewPager横向轮播功能，但轮播效果通常都只是针对顶部的条幅形状的图片，有时候希望能够展示大图片，就需要ViewPager能够像画廊依次展示大图，最好还能够为切换增加动画效果，提升用户体验，现在来探究一下如何实现这种效果。 实现效果 实现接口 ViewPager内部会对生成的界面对象做缓存处理，缓存默认情况下是当前展示界面和左右两个界面，设置的接口setO
android viewpager自定义画廊效果
06-02
要实现自定义画廊效果，可以通过继承ViewPager类，重写其onInterceptTouchEvent()和onTouchEvent()方法，并在onDraw()方法中绘制自定义效果。 以下是一个简单的实现步骤： 1. 继承ViewPager类，重写onInterceptTouchEvent()和onTouchEvent()方法，用于捕捉和处理触摸事件。 ```java public class GalleryViewPager extends ViewPager { private float mLastMotionX; private int mTouchSlop; public GalleryViewPager(Context context) { super(context); init(); } public GalleryViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { ViewConfiguration config = ViewConfiguration.get(getContext()); mTouchSlop = config.getScaledTouchSlop(); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { final int action = ev.getAction(); if ((action == MotionEvent.ACTION_MOVE) && (Math.abs(mLastMotionX - ev.getX()) > mTouchSlop)) { return true; } mLastMotionX = ev.getX(); return super.onInterceptTouchEvent(ev); } @Override public boolean onTouchEvent(MotionEvent ev) { return super.onTouchEvent(ev); } } ``` 2. 在onDraw()方法中绘制自定义效果。例如，可以绘制一个圆形的选中框，并将当前选中的页面放大。 ```java public class GalleryViewPager extends ViewPager { // ... private Paint mPaint; private RectF mRectF; private float mRadius; // 当前选中的页面索引 private int mCurrentPageIndex = 0; public GalleryViewPager(Context context) { super(context); init(); } public GalleryViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { // ... mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(4); mPaint.setColor(Color.WHITE); mRadius = 100; mRectF = new RectF(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (getChildCount() <= 0) { return; } // 绘制圆形选中框 float cx = getWidth() / 2f; float cy = getHeight() / 2f; float x = cx - mRadius; float y = cy - mRadius; mRectF.set(x, y, x + 2 * mRadius, y + 2 * mRadius); canvas.drawOval(mRectF, mPaint); // 放大当前选中的页面 View currentPage = getChildAt(mCurrentPageIndex); float currentScale = 1.2f; float scale = (currentPage.getWidth() * currentScale) / currentPage.getWidth(); currentPage.setScaleX(scale); currentPage.setScaleY(scale); } // ... } ``` 3. 在onPageSelected()方法中更新当前选中的页面索引，并调用invalidate()方法强制重绘。 ```java public class GalleryViewPager extends ViewPager { // ... @Override public void onPageSelected(int position) { mCurrentPageIndex = position; invalidate(); super.onPageSelected(position); } // ... } ``` 最后，使用自定义的GalleryViewPager代替原来的ViewPager即可。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值