android自定义画廊效果,添加自定义动画,实现画廊效果

写了一个这个Banner的工具类,用kotlin实现了一个画廊效果

import android.annotation.SuppressLint

import android.view.View

import android.widget.RelativeLayout

import com.youth.banner.Banner

import com.youth.banner.transformer.ABaseTransformer

import com.youth.banner.view.BannerViewPager

import kotlin.math.absoluteValue

/**

* @author jijunpeng created on 2018/2/28.

*/

object BannerUtil {

@SuppressLint("ClickableViewAccessibility")

fun galleryStyle(banner: Banner, bannerWidthScale: Float = 0.7F, bannerItemScale: Float = 0.8F, bannerItemSpaceScale: Float = 0.1F) {

val bannerViewPager = banner.findViewById(com.youth.banner.R.id.bannerViewPager)

bannerViewPager.setPageTransformer(false, ScaleInOutTransformer(bannerItemScale, bannerItemSpaceScale))

banner.setOffscreenPageLimit(5)

var bannerWidth = 0

with(bannerViewPager.layoutParams) {

this.width = if (this.width <= 0) {

(banner.context.resources.displayMetrics.widthPixels * bannerWidthScale).toInt()

} else {

(this.width * bannerWidthScale).toInt()

}

this as RelativeLayout.LayoutParams

this.addRule(android.widget.RelativeLayout.CENTER_IN_PARENT)

bannerWidth = this.width

}

bannerViewPager.pageMargin = (-bannerItemSpaceScale * bannerWidth).toInt()

banner.setOnTouchListener { v, event ->

bannerViewPager.dispatchTouchEvent(event)

}

}

}

class ScaleInOutTransformer(private val viewScale: Float = 0.8F, private val marginScale: Float = 0.1F) : ABaseTransformer() {

override fun onTransform(page: View, position: Float) {

val scale = calValScale(position)

page.scaleX = scale

page.scaleY = scale

page.pivotY = page.height / 2F

page.pivotX = page.width / 2f

page.translationX = marginScale * page.width * position

}

private fun calValScale(position: Float): Float {

return (1 - position.absoluteValue * (1 - viewScale))

}

}

使用的时候调用BannerUtil.galleryStyle()就行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现自定义画廊效果,可以通过继承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、付费专栏及课程。

余额充值