viewPager设置画廊效果

于 2023-08-25 10:22:39 发布
阅读量272 收藏
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34024778/article/details/132489899
版权

参考文档
https://blog.csdn.net/weixin_42630638/article/details/107476151android:clipChildren="false"是一个在布局文件中使用的属性，用于控制子视图是否可以超出父视图的边界显示。  (子view可以超出父view显示，默认android:clipChildren="true")

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false">

    <!-- 在这里添加子视图 -->

</RelativeLayout>

实现进入编辑时显示画廊效果

1.设置父view   android:clipChildren="false"

2.对viewpager执行缩放操作

qq_34024778
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android使用viewpager实现画廊式效果
09-07
主要为大家详细介绍了Android使用viewpager实现画廊式效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
漂亮的viewpager画廊效果
Big_Sweet
09-01 3815
首先看下效果图和整个项目的结构 很简单的一个项目，这也是我在简书写的第一个项目，虽然简单，但是我觉得很漂亮现在开始分析代码首先看下MainActivity的代码public class MainActivity extends AppCompatActivity { private int pagerWidth; private ViewPager mViewPager;
利用ViewPager实现画廊Gallery效果
沐左的博客
05-24 1万+
1 需求确认 2利用viewpager实现画廊效果 viewpager的继承关系 使用ViewGroup的setClipChildrenboolean clipChildren方法 使用viewpager的setPageTransformer方法实现vp页面切换效果 3实战代码 首先是父级布局 viewpager需要显示的内容 实现画廊效果1、 需求确认最近做的一个小学的定制项目，谈需求的时候客户提
Android ListView功能扩展，实现高性能的瀑布流布局
热门推荐
郭霖的专栏
10-08 5万+
经过前面两篇文章的学习，我们已经对ListView进行了非常深层次的剖析，不仅了解了ListView的源码和它的工作原理，同时也将ListView中常见的一些问题进行了归纳和总结。 那么本篇文章是我们ListView系列三部曲的最后一篇，在这篇文章当中我们将对ListView进行功能扩展，让它能够以瀑布流的样式来显示数据。一直关注我博客的朋友们应该知道，其实在很早之前我就发布过一篇关于实现瀑布流布局的文章，Android瀑布流照片墙实现，体验不规则排列的美感。但是这篇文章中使用的实现算法比较简单，其实就是在
ViewPager和LinearLayout 实现画廊模式的点点坑坑。
meishuang2306的博客
07-18 212
画廊卡片显示
Android ViewPager画廊效果详解及实例
01-04
Android ViewPager 画廊效果 从上面的图片可以看到，当添加多张图片的时候，能够在下方形成一个画廊的效果，我们左右拉动图片来看我们添加进去的图片，效果是不是好了很多呢？下面来看看怎么实现吧！ 上面的效果...
自定义View 之利用ViewPager 实现画廊效果（滑动放大缩小）
12-08
本示例探讨的是如何利用ViewPager实现一个画廊效果，其中图片在滑动时能够实现放大缩小的效果，以达到类似真实画廊浏览的体验。这个效果在许多应用中都非常常见，比如照片查看器或者产品展示页面。 首先，我们需要...
viewpager实现画廊效果
09-09
取而代之的是，开发者开始转向更现代、更灵活的解决方案，比如使用`ViewPager`来实现画廊效果。本篇将详细介绍如何使用`ViewPager`来创建一个流畅、高效的画廊应用。 `ViewPager`是Android Support Library的一部分...
Android照片墙加强版，使用ViewPager实现画廊效果Demo
11-13
在这个“Android照片墙加强版”项目中，开发者利用ViewPager组件实现了类似画廊的效果，使用户可以方便地左右滑动查看图片，提升用户体验。以下是对这个Demo的详细解析： 首先，ViewPager是Android SDK中的一个强大...
Android ViewPager实现画廊效果ListView Item添加动画集合
05-26
Android ViewPager实现画廊效果ListView Item添加动画集合
Android-通过自定义ViewPager画廊式中间放大效果
03-24
画廊式中间放大效果
RecyclerViewPager-master:画廊效果的RecyclerView
05-10
RecyclerViewPager 基于RecyclerView的ViewPager实现。 支持像galle那样的猛击操作。 特征： 扩展RecyclerView。 自定义甩尾因子。 自定义分页触发器。 支持垂直和水平方向。 支持FragmentViewPager（API 12+） 用法 如何导入？ 将此添加到gradle compile('com.lsjwzh:recyclerviewpager:1.0.8') xml： <com.lsjwzh.widget.recyclerviewpager.RecyclerViewPager android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent" android:pa
Android利用ViewPager实现可滑动放大缩小画廊效果
09-01
主要介绍了Android利用ViewPager实现可滑动放大缩小画廊效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android用ViewPager实现一个中间大两边小并且带指示器的轮播图，也称画廊效果
zhouzhangfu的博客
08-30 1万+
在项目开发中，遇到了一个新需求，要做一个画廊效果的轮播图，要求指示器跟轮播图分离。效果图如下。以前做轮播图都是直接拿第三方的，现在突然做一个这种小众的效果，发现自己不知道怎么做，尤其是这个指示器，后来在GitHub上搜到了一个很好用 指示器实现方案，特地引用进来，非常感谢LinweiJ，帮我完成了功能实现。老规矩，附上指示器的地址：ViewPagerIndicator 1.ViewPager...
UI之ViewPager实现画廊效果
土豆的博客
07-01 237
背景 最近在学习英语，在使用英语流利说App的时候看到一个广告banner,如下图： 怎么实现这种效果呢？用ViewPager实现！ 实现 从图中可以看出，一次显示三个Item,一个完整的，两个冒点头并且相较于完整的高度较小，我们知道平时VIewPager是每个Item占一整页的，怎么实现一页显示三个呢？从ViewPager的onMeasure（）与onLayout（）我们知道Item的宽高和布...
仿lofter标签效果 ViewPager实现画廊效果
xiaomingdbaba的专栏
09-09 3448
目前网上关于画廊效果的实现都是采用gallery（已弃用）或作横向 GridView，或作是横向scrollview，这些方式在画廊item滑动的时候效果不是特别流畅，而且代码相对比较繁琐，需要在滑动的时候去处理item的放大缩小（达到突出中间item的效果），代码相对较为复杂。lofter标签页使用了另一种思路来实现了这种效果，我觉得在流畅度，和代码的简洁程度上都完爆上述的实现方式，先不废话了。翠
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即可。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值