android按钮变输入框动画,AnimShopButton 仿饿了么加入购物车旋转控件 - 自带闪转腾挪动画 的按钮。自带海量可定制 UI 属性。在 Re @codeKK Android开源站...

AnimShopButton.svg

A shopping cart button with a telescopic displacement rotation animation ...

一个仿饿了么 带伸缩位移旋转动画的购物车按钮

注意,本控件非继承自ViewGroup,而是纯自定义 View,实现的仿饿了么加入购物车控件,自带闪转腾挪动画的按钮。

图 1 项目中使用的效果,考虑到了View的回收复用,

并且可以看到在RecyclerView中使用,切换LayoutManager也是没有问题的,

a42be62f5cf88c51803ca8f014d5d23d.gif

图 2 Demo 效果,测试各种属性值

3e4b3ce34c2e3ba3979015e1f16dfc06.gif

图 3 最新静态图

397282949599e6e15d3fdd2384b6b1c6.png

Article

相关博文:

想经济上支持我 or 想通过视频看我是怎么实现的:

Import

Step 1. Add the JitPack repository to your build file

Step 1. 在项目根 build.gradle 文件中增加 JitPack 仓库依赖。

allprojects {

repositories {

...

maven { url "https://jitpack.io" }

}

}

Step 2. Add the dependency

dependencies {

compile 'com.github.mcxtzhang:AnimShopButton:V1.2.0'

}

Usage

xml:

android:id="@+id/btn1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:maxCount="3"/>

android:id="@+id/btn2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:count="3"

app:gapBetweenCircle="90dp"

app:maxCount="99"/>

android:id="@+id/btnEle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:addEnableBgColor="#3190E8"

app:addEnableFgColor="#ffffff"

app:hintBgColor="#3190E8"

app:hintBgRoundValue="15dp"

app:hintFgColor="#ffffff"

app:maxCount="99"/>

注意:

加减点击后,具体的操作,要根据业务的不同来编写了,设计到实际的购物车可能还有写数据库操作,或者请求接口等,要操作成功后才执行动画、或者修改 count,这一块代码每个人写法可能不同。

使用时,可以重写onDelClick()和onAddClick()方法,并在合适的时机回调onCountAddSuccess()和onCountDelSuccess()以执行动画。

效果图如图 2.

Attributes

name

format

description

中文解释

isAddFillMode

boolean

Plus button is opened Fill mode default is stroke (false)

加按钮是否开启 fill 模式 默认是 stroke(false)

addEnableBgColor

color

The background color of the plus button

加按钮的背景色

addEnableFgColor

color

The foreground color of the plus button

加按钮的前景色

addDisableBgColor

color

The background color when the button is not available

加按钮不可用时的背景色

addDisableFgColor

color

The foreground color when the button is not available

加按钮不可用时的前景色

isDelFillMode

boolean

Plus button is opened Fill mode default is stroke (false)

减按钮是否开启 fill 模式 默认是 stroke(false)

delEnableBgColor

color

The background color of the minus button

减按钮的背景色

delEnableFgColor

color

The foreground color of the minus button

减按钮的前景色

delDisableBgColor

color

The background color when the button is not available

减按钮不可用时的背景色

delDisableFgColor

color

The foreground color when the button is not available

减按钮不可用时的前景色

radius

dimension

The radius of the circle

圆的半径

circleStrokeWidth

dimension

The width of the circle

圆圈的宽度

lineWidth

dimension

The width of the line (+ - sign)

线(+ - 符号)的宽度

gapBetweenCircle

dimension

The spacing between two circles

两个圆之间的间距

numTextSize

dimension

The textSize of draws the number

绘制数量的 textSize

maxCount

integer

max count

最大数量

count

integer

current count

当前数量

hintText

string

The hint text when number is 0

数量为 0 时,hint 文字

hintBgColor

color

The hint background when number is 0

数量为 0 时,hint 背景色

hintFgColor

color

The hint foreground when number is 0

数量为 0 时,hint 前景色

hingTextSize

dimension

The hint text size when number is 0

数量为 0 时,hint 文字大小

hintBgRoundValue

dimension

The background fillet value when number is 0

数量为 0 时,hint 背景圆角值

ignoreHintArea

boolean

The UI/animation whether ignores the hint area

UI 显示、动画是否忽略 hint 收缩区域

perAnimDuration

integer

The duration of each animation, in ms

每一段动画的执行时间,单位 ms

hintText

string

The hint text when number is 0

数量为 0 时,hint 文字

replenishTextColor

color

TextColor in replenish status

补货中状态的文字颜色

replenishTextSize

dimension

TextSize in replenish status

补货中状态的文字大小

replenishText

string

Text hint in replenish status

补货中状态的文字

这么多属性够你用了吧。

Where to find me:

QQ 群 :557266366

History

Version : 1.1.0,Time: 2017/01/12

1 Feature : Add a boolean variable ignoreHintArea :The UI/animation whether ignores the hint area

2 Feature : Add a int variable perAnimDuration : The duration of each animation, in ms

Version : 1.2.0 Time: 2017/02/08

1 Feature : Add a status: replenishment.Click is not allowed at this time.

Judgment by setReplenish (boolean) and isReplenish ()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/527262.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

表格外粗内细怎么设置_金游艇复刻机芯-N厂灰游艇价格 | 复刻表评测

GM厂劳力游艇名仕型系列,官方2019年度机芯搭配全线更新为cal. 3235机芯,同时,在表盘六点位上有劳力皇冠的防伪LOGO。GM厂经历一年,在3135的基础上开发一体出3235机芯,功能与结构等完美还原于正品机芯。而且&#xff0c…

html中输出语句怎么写,javascript怎么输出?

JavaScript怎么输出?输出方式有哪些?下面本篇文章就给大家介绍JavaScript的几种输出方式,希望对大家有所帮助。方法1:使用window.alert()进行输出window.alert()方法用于显示带有一条指定消息和一个【确认】 按钮的警告框。代码示…

cron每2天跑一次_直购直测,进口新极光每2年或34000公里才需要保养一次?

我们选择以第 2 代揽胜极光P200 R-Dynamic S 车型,作为执行 [ 直购直测 ] 单元的第 12 辆车款,而在先前包含购车篇说明选择原因、油耗测试篇带大家一探具备轻油电技术的极光 P200 R-Dynamic S 油耗表现后,本次则是要带大家看看揽胜极光回厂定…

html中basefont标签,HTML的basefont标签

HTML 标签只有 Internet Explorer 支持 标签。应该避免使用该标签。定义和用法 ( 推荐学习:html教程 )标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。HTML 与 XHTML 之间的差异在 HTML 4.01 中,不赞成使用 ba…

linux mv 保持目录结构_(三)Linux系统目录结构

点击蓝字 关注我们Linux系统目录结构:所有的类Unix系统根分区下的文件系统都基本一致。分别介绍一下功能:/bin:所有常用的可执行的二进制文件,就是“命令”,这些命令是所有用户都可以使用的。(存放系统命令的目录&…

d3.js html显示图片,d3.js v4:如何在鼠标点击节点后显示图像

在使用d3.js时仍然相当缺乏经验,我碰到了一个障碍。 希望有人能帮助我。d3.js v4:如何在鼠标点击节点后显示图像我试图在鼠标单击图形中的节点时显示图片。 理想情况下,我想单击几个节点并显示图像。双击节点应该删除图像。点击背景将删除所有…

语言速算24点的小窍门_4秒钟1道题!12岁少年三夺24点大赛冠军

数学文化节上,参加大赛的孩子们。夺得24点大赛冠军的华跃麟。本报讯 (重庆晨报上游新闻记者 秦健)“哇,太厉害了。”“快快快,超过他们俩了!”昨天下午,“第二届重庆数学文化节”在重庆市德普外国语学校体育活动中心举…

用计算机表白我不喜欢你了,隐藏式表白,表白不一定要用“我喜欢你”这几个字...

要知道女生都是喜欢浪漫的,浪漫不失为一种提升表白成功率的方式。但表白的时候,如果只是一束鲜花,一句简单“我喜欢你”,难免显得太过乏味,而且不够浪漫。那该怎么给表白添加一点新意和浪漫呢?下面,是小编…

切片分析报告格式_社科论文写作101-APA数据分析结果报告格式

什么比写论文更惨?改论文!!特别是搞量化数据的,少个数据或报告格式不正确的话,重新搞数据和格式吧——又要打开spss,又要在网上看数据分析步骤,又要在熟悉的word界面花上一天。所以,…

如何关闭借呗订阅开通通知_支付宝花呗借呗隐藏规则,芝麻分600以上,花呗3.6万,借呗12万!...

阅读本文前,请您先点击上面的“蓝色字体”,再点击“关注”,这样您就可以继续免费收到文章了。每天都有分享,完全是免费订阅,请放心关注。 注:本文转载自网络,侵删经常遇到网友反馈,…

骁龙660是32位还是64位_微软公布v2004最低处理器要求,放弃32位系统,你的CPU还能支持吗?...

最近关于win10 20H1(win10更新五月版)的消息铺天盖地席卷而来,据说只有开发者用户可以先行在MSDN订阅网站下载该版本的ISO镜像文件,对于主流消费者而言,预计要再煎熬等到28日。而且微软也提前更新支持文档,…

中石油《计算机应用基础》,2017中国石油大学《计算机应用基础》第3阶段在线作业.doc...

2017中国石油大学《计算机应用基础》第3阶段在线作业.doc (23页)本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!19.90 积分窗体顶端1(2.0分)在Excel2010的工作表中,假定C3:C8区…

产品战略规划十步法ppt_从管理咨询角度谈如何系统地做产品战略规划?

来源:知乎作者:柚先生,著作权归作者所有。一个优秀的PM必须系统掌握与产品相关的知识和技能,本文结合了笔者工作以来的收获与最近研读的《产品心经》和《金字塔原理》,分享一套做战略规划的系统思维和方法论(同时适用于…

计算机用鼠标画图,实现鼠标在电脑上画画

鼠标的功能多种多样你知道怎么用鼠标画画吗?不知道的话跟着学习啦小编一起来学习怎么用鼠标画画。鼠标在电脑上画画的步骤首先打开国际上使用比较受欢迎的漫画和插画类绘图软件SAI,然后CTRLN新建一个文件,并使用软件右边工具栏的油漆桶,点选…

c# opencv 轮廓检测_基于OpenCV的区域分割、轮廓检测和阈值处理

OpenCV是一个巨大的开源库,广泛用于计算机视觉,人工智能和图像处理领域。它在现实世界中的典型应用是人脸识别,物体检测,人类活动识别,物体跟踪等。现在,假设我们只需要从整个输入帧中检测到一个对象。因此…

斑马888t打印机墨盒安装_硒鼓?墨盒?究竟哪个才是打印机的“灵魂伴侣”?...

硒鼓和墨盒是当代打印机完成打印必不可少的配件,在打印过程中,如果没有这两样,那么打印机将无法启动,打印不出任何东西。但同样作为可以让打印机成像的东西,这二者之间也有着很大的区别。而今天,墨弘办公耗…

当前不会命中断点_原神:体验服新角色胡桃,0命就能起飞,难道是策划良心发现了?...

枪开黄泉路,蝶引来世桥。——胡桃文/拾柒​导读:原神的玩家最喜欢调侃的一句话大概就是“蒙德人上人,璃月弟中弟”。其实也就是当前1.2版本,璃月基本上拿不出一个“挑大梁”的角色。而玩家的主要核心输出角或者辅助角色基本都是来…

计算机启动类型bios,UEFI还是Legacy BIOS?如何确定Windows启动类型

经常会有朋友在Q上询问关于系统方面的问题,多半都与安装方法有关,因此经常需要判断电脑上的Windows启动方式是什么,是UEFI还是BIOS呢?为了方便后来人查看,这里豆豆总结三个方法:最装X方法:在安装…

云耀云服务器性能怎么样,华为云测评:2CPU+4G内存+5M带宽的云耀云服务器HECS

最近入手了一台华为云的云耀云服务器!是一台经典的245配置!价格非常美丽(新用户有特价)!特此写一篇测评,这是第一篇针对国内云服务器的测评!云服务器测评内容全是博主亲测的,商家后来配置变更/网络变化&…

从714里连续减去6减几次得0_数学干货 | 小学数学1—6年级基础知识整理 ,预习复习都能用...

小学数学基础知识整理(一到六年级)小学一年级:初步认识加减法。学会基础加减。小学二年级:完善加减法,表内乘法,学会应用题,基础几何图形。小学三年级:学会万以内加减法,长度单位和质量单位&…