自定义View和属性动画ValueAnimator实现圆点指示器——支持“纵向视图”

本文介绍了如何通过自定义View和属性动画ValueAnimator实现圆点指示器,并支持“纵向视图”。文章详细阐述了关键代码的修改,包括在attr.xml中添加方向属性定义,修改IndicatorView.java文件以处理不同方向的布局,以及在onMeasure、onLayout和onDraw方法中针对纵向视图的调整。同时,还讨论了触摸事件处理和平移动画的实现,确保在“纵向视图”下指示点切换动画的平滑效果。
摘要由CSDN通过智能技术生成
圆点指示器支持“纵向视图”啦

关于圆点指示器的实现请参看上一篇博文:自定义View和属性动画ValueAnimator实现圆点指示器
该篇文章将对支持纵向视图过程的关键代码和使用方法进行介绍。

控件元素的构成

小圆点 指示点 线段
椭圆 矩形
一 效果图

这里写图片描述

二 如何使用

使用时只需在你的xml布局文件中指定indicatorOrientation属性为vertical即可。

 <com.duan.indicatorviewdemo.IndicatorView

             app:indicatorOrientation="vertical"

            android:layout_marginLeft="30dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:dotNum="5"
            app:dotSize="20dp"
            app:indicatorSize="20dp"
            app:dotColor="#a5b7b3"
            app:indicatorColor="#52ffda"
            app:lineColor="#cacaca"
            app:lineLength="90dp"
            app:lineWidth="4dp" />
三 关键代码
3.1 attr 中添加方向属性定义

本项目在attr.xml文件中添加如下属性定义,并将该属性添加到declare-styleable中:

  <attr name=
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值