自定义View--最近刚开始流行的倾斜列表/图片

最新推荐文章于 2024-08-18 03:35:41 发布

pengkv

最新推荐文章于 2024-08-18 03:35:41 发布

阅读量3k

点赞数 2

分类专栏： android UI DIY-Your-View 文章标签：布局图片

本文链接：https://blog.csdn.net/pengkv/article/details/51602415

版权

本文介绍如何实现一个新颖的倾斜列表和图片效果。通过擦除图片角并层叠图片，创建出倾斜视觉效果。首先在attrs文件中定义属性，接着详细讲解自定义布局的步骤，包括定义属性、实现自定义布局和布局代码调用。最后，作者计划将此功能封装成一个ViewGroup，以方便后续使用。

摘要由CSDN通过智能技术生成

效果图

这里写图片描述

实现思路

擦除图片相应的角，然后层叠图片，产生倾斜效果

代码实现

一、定义属性

在values文件夹下的attrs文件添加以下代码

<resources>
    <declare-styleable name="TiltView">
        <attr name="type" format="integer" />
    </declare-styleable>
</resources>

二、自定义布局

public class TiltView extends ImageView {
   

    private int imageWidth;//图片宽度
    private int imageHeight;//图片高度
    private double angle = 10 * Math.PI / 180;//三角形角度
    private int triangleHeight;//三角形高度
    private Paint paint;//画笔
    private Path path;//绘制路径
    private int type;//倾斜图片的类型

    public TiltView(Context context) {
        this(context, null);
    }

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

    public