仿网易云音乐 专辑图片折叠轮播

本文介绍了如何实现仿网易云音乐的专辑图片折叠轮播效果,通过自定义ImageView,利用Matrix的setPolyToPoly方法以及paint.setXfermode处理重叠效果,结合invalidate()和ondraw()实现动画。文章附带了关键步骤和属性说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

仿网易云音乐 专辑图片折叠轮播

先不多说现上一张效果图

这里写图片描述

首先简述一下实现原理

1.首先让我们的imageview**动起来**

其实是不断的.invalidate();函数 让他不断的调用ondarw函数
(显然我们不必要不断的调用ondarw函数 只有在我们让他动的时候调用即可 所以我们要声明一个变量记录change记录是否产生动画)

2.实现我们的可折叠效果

Matrix的setPolyToPoly方法的使用
可参考(http://blog.youkuaiyun.com/lmj623565791/article/details/44278417

3.实现图片一上一下的来回切换

paint.setXfermode(xfermode); xfermode就是如何处理两张图片的重叠效果 共有16种处理方式

实现自定义imageview

属性

存放bitmap的list
动画间隔的变量
动画桢间隔的变量
两个handler用于发送消息
前景与背景的索引

代码

package com.cust.myview;

import java.util.ArrayList;
import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Xfermode;
import android.os.Handler;
import android.util.AttributeSet;
import android.widget.ImageView;

import com.cust.uischool.R;

public class musicImageView extends ImageView{
   
   

    private List<Bitmap> mbitmaps;
    private Paint paint;
    private Xfermode xfermode;
    private boolean change; //当前是否变换
    private int  bhjg=5000; //变换间隔时间

    private int  bhsj=50; 
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值