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

在原来的基础上做了改进没有线程 用一个Handler实现
github项目连接地址

演示图片

package com.wyc.foldimageview;

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

import android.content.Context;
import android.graphics.Bitmap;
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;

public class FoldImageVeiw extends ImageView {

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

    private int bhsj = 50; // 变换时间

    private int frontindex;// 前景索引
    private int backindex;// 背景索引

    private boolean setbitmap = false; // 是否设置bitmap;

    private Matrix matrix;

    private int increment = 0;

    private int height; // 获取imgview 高度
    private int width; // 获取imgview 宽度

    private Handler handler = new Handler();

    private Runnable r = new Runnable() {

        @Override
        public void run() {

            if (change) {
                handler.postDelayed(r, bhjg);
                change = false;
            } else {
                FoldImageVeiw.this.invalidate();
                handler.postDelayed(r, bhsj);
            }
        }

    };

    public FoldImageVeiw(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        paint = new Paint();
        paint.setAntiAlias(true);
        xfermode = new PorterDuffXfermode(Mode.SRC_OVER);
        change = false;
        matrix = new Matrix();


        bhjg = (int) Math.random() * (5000 - 2000) + 2000;
    }

    public FoldImageVeiw(Context context, AttributeSet attrs) {
        this(context, attrs, 0);

    }

    public FoldImageVeiw(Context context) {
        this(context, null);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        height = this.getMeasuredHeight();
        width = this.getMeasuredWidth();
        System.out.print("height"+height+"width"+width);
    }
    public void SetBitmap(List<Bitmap> mbitmaps) {
        this.mbitmaps =mbitmaps;
        if(mbitmaps.size()==1){
            frontindex=0;// 前景索引
            backindex=0;// 背景索引
        }
        else{
            frontindex=0;// 前景索引
            backindex=1;// 背景索引
        }
        setbitmap = true;
        handler.postDelayed(r, bhjg);
    }



    @Override
    protected void onDraw(Canvas canvas) {

        super.onDraw(canvas);
        if (setbitmap) {

            Bitmap bmp = mbitmaps.get(frontindex);
            Bitmap bmp1 = mbitmaps.get(backindex);

            increment++;
            if (bmp1.getHeight() - 5 * increment >= bmp1.getHeight() / 2) {

                // 绘制上半部分图像
                canvas.save();

                canvas.clipRect(0, 0, bmp1.getWidth(), bmp1.getHeight() / 2);
                canvas.drawBitmap(bmp1, 0, 0, paint);

                canvas.restore();

                // 绘制下班部分图像
                canvas.save();

                canvas.clipRect(0, bmp1.getHeight() / 2, bmp1.getWidth(),
                        bmp1.getHeight());
                canvas.drawBitmap(bmp, 0, 0, paint);

                canvas.restore();

                // 动态改变下半部分图像
                float[] src = { 0, bmp1.getHeight() / 2,//
                        bmp1.getWidth(), bmp1.getHeight() / 2,//
                        bmp1.getWidth(), bmp1.getHeight(),//
                        0, bmp1.getHeight() };

                height = bmp1.getHeight() - 5 * increment;
                float[] dst = { 0, bmp1.getHeight() / 2,//
                        bmp1.getWidth(), bmp1.getHeight() / 2,//
                        bmp1.getWidth(), height,//
                        0, height };

                canvas.save();
                matrix.setPolyToPoly(src, 0, dst, 0, src.length >> 1);

                canvas.clipRect(0, bmp1.getHeight() / 2, bmp1.getWidth(),
                        height);
                paint.setXfermode(null);

                paint.setXfermode(xfermode);

                canvas.drawBitmap(bmp1, matrix, paint);
                canvas.restore();
                paint.setXfermode(null);

            } else {

                // 绘制上半部分图像
                canvas.save();

                canvas.clipRect(0, 0, bmp1.getWidth(), bmp1.getHeight() / 2);
                canvas.drawBitmap(bmp1, 0, 0, paint);

                canvas.restore();
                // 绘制下班部分图像
                canvas.save();

                canvas.clipRect(0, bmp1.getHeight() / 2, bmp1.getWidth(),
                        bmp1.getHeight());
                canvas.drawBitmap(bmp, 0, 0, paint);

                canvas.restore();

                // 动态改变上半部分图像
                float[] src = { 0, 0,//
                        bmp1.getWidth(), 0,//
                        bmp1.getWidth(), bmp1.getHeight() / 2,//
                        0, bmp1.getHeight() / 2 };

                height = bmp1.getHeight() - 5 * increment;

                float[] dst = { 0, height,//
                        bmp1.getWidth(), height,//
                        bmp1.getWidth(), bmp1.getHeight() / 2,//
                        0, bmp1.getHeight() / 2 };

                System.out.println(increment + "");
                canvas.save();
                matrix.setPolyToPoly(src, 0, dst, 0, src.length >> 1);

                canvas.clipRect(0, bmp1.getHeight() / 2, bmp1.getWidth(),
                        height);
                paint.setXfermode(null);

                paint.setXfermode(xfermode);

                canvas.drawBitmap(bmp, matrix, paint);

                canvas.restore();
                paint.setXfermode(null);

                if (height <= 0) { // 说明动画结束 重置动画参数
                    increment = 0;
                    change = true;

                    backindex=frontindex;
                    frontindex = (++frontindex)%(mbitmaps.size());


                }

            }

        } else {

        }
    }

}
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS中的tableView是一种用于展示大量数据的常见控件,而多级展开折叠则是一种实现在tableView中展示层级关系的常见需求,类似于QQ好友列表的效果。 实现这个效果的方法是通过tableView的数据源和代理方法来控制每个cell的样式和交互。以下是一个简单的实现步骤: 1. 设计数据模型:根据层级关系设计一个合适的数据模型,每个模型中包含展开折叠状态、子模型等相关属性。 2. 创建tableView:在界面上创建一个tableView,并设置其数据源和代理为当前控制器。 3. 实现数据源方法:在数据源方法中,根据模型的展开折叠状态来确定每个cell的样式和数量。 4. 实现代理方法:在代理方法中,根据用户的操作(点击或者滑动等)来更模型的展开折叠状态,并刷tableView。 5. 自定义cell:根据不同的展开折叠状态,自定义cell的样式和布局。 6. 添加动画效果:为了增加用户体验,在展开折叠的过程中可以添加一些动画效果,比如cell的展开和折叠、tableView的滚动等。 7. 处理点击事件:根据用户的点击来判断是展开还是折叠,并更对应的模型和tableView。 8. 优化性能:如果数据量较大,可以考虑使用懒加载或者异步加载等方式来减少内存占用和提高性能。 通过以上步骤,我们就可以实现类似QQ好友列表的多级展开折叠效果。当用户点击某个cell时,可以展开其子级内容,再次点击则折叠子级内容,以此类推,完成多级展开折叠的功能。 需要注意的是,实现这个效果需要根据具体的需求和设计来确定数据模型、点击事件和界面样式等方面的实现细节。以上是一个基本的实现思路,具体的实现过程可能会因具体的需求而有所不同。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值