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 油耗表现后,本次则是要带大家看看揽胜极光回厂定…

html5的高级选择器,web@css高级选择器(after,befor用法),基本css样式

1.高阶选择器:子代后代,相邻通用兄弟,交集并集,属性,伪类,伪元素子代后代选择器div>p{} div p{}相邻通用兄弟divp{} div~p{}理解:div同学的同桌p div同学的【同学(有p的)】交集并集选择器div,p di…

rrt算法流程图_RRT算法移动机器人路径规划(快速扩展随机树).pdf

( )第 34 卷 第 5期 南京理工大学学报 自然科学版 Vo l. 34 No. 520 10年 10 月 Journal of N anj ing Un iversity of Science and Techno logy (N atu ral Science) O ct. 20 10基于模糊滚动 RRT算法的移动机器人路径规划康  亮 ,赵春霞 ,郭剑辉(南京理工大学 计算机科学与技…

yui3 html属性,YUI Rich Editor + invalidHTML + style

问题I am trying to insert an inline style tag into the editor content. When I call saveHTML it strips out the style block when Im in rich editor view. I have tried changing the style property of invalidHTML to false, but it still seems to strip the style b…

hhkb mac设置_把 HHKB 放在 MacBook 上使用的解决方案

我现在用的是一台 15 寸带 Touch Bar 的 MacBook Pro 🧑🏻‍💻。我一直是把 HHKB 键盘架在 MacBook 键盘 ⌨️ 上面使用的,就像下面这样。HHKB 放在 MacBook 上尺寸刚刚好,缺点就是挡住了 Touch Bar,不过对…

五年一贯制专转本计算机网络真题,金陵科技学院2017年五年一贯制专转本考试大纲(计算机网络基础)...

一、参考书目:《计算机网络技术与应用(第2版)》,段标、张玲主编,电子工业出版社,出版时间:2011年12月。二、考试形式:闭卷,考试时间90分钟三、考试内容和要求(一)考试要求1.计算机网络理论知识●…

带电检测必要性_接地电阻检测分析的必要性

无论是为保障电力系统正常运行所需要设置的接地,如三相系统的中性点接地等;还是为了人身安全将电气设备的金属外壳等接地,保证金属外壳固定为地电位,一旦设备绝缘损坏使外壳带电时不致产生危险的电位升高,引起工作人员…

html中basefont标签,HTML的basefont标签

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

python隐式等待_selenium中隐式等待和显示等待的区别

Selenium显示等待和隐式等待的区别1、selenium的显示等待原理:显示等待,就是明确的要等到某个元素的出现或者是某个元素的可点击等条件,等不到,就一直等,除非在规定的时间之内都没找到,那么久跳出Exception…

中山大学计算机类专业分数线,中山大学计算机类专业2016年在广东理科高考录取最低分数线...

类似问题答案中山大学计算机类专业2016年在天津理科高考录取最低分数线学校 地 区 专业 年份 批次 类型 分数 中山大学 天津 计算机类 2016 一批 理科 629 学校 地 区 专业 年份 批次 类型 分数 中山大学 天津 计算机类 2016 一批 理科 629 中山大学 天津 计算机类 2015 一批 理…

hbase 按时刻查询_Hbase查询工具类,根据时间查询数据

1,需求:已知空气监测数据在hbase中存储,要求按照时间,查询citycode为110000(北京)一个月的数据,数据为每日的监测数据ID ,CITYCODE,SO2 ,CO,NO2 ,O3, PM10,PM2_5,AQI,MEASURE, TIMEPOINT13110000020141120, 110000,31…

17计算机应用,计算机应用基础17129.ppt

计算机应用基础17129.ppt计算机应用基础课件 第一章 计算机基础知识 1946年第一台数字电子计算机ENIAC诞生在美国。 1、电子计算机发展四个阶段: 第一代特征:用电子馆作为主要电子元器件 第二代特征:以晶体管作为主要电子元器件 第三代特征&a…

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

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

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

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

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

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

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

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

总线制和多线制示意图_主机总线线 总线制和多线制示意图

消防主机总线不能上电是什么原因?一般回路线出现短路,开路,接地故障,还有回路卡损坏都会引起报总线故障的,排除方法:怀疑是短路故障引起的可用以下方法,在主机回路接线端把回路线的正负极线拆下…

有大学生双修计算机专业和数学专业的吗,南开大学再现学霸班

财务管理专业作为一个文理兼收的专业,系里鼓励学生建立复合的知识结构,培养学生多元的学习兴趣。在王永进、张晓农等多位教师的鼓励下,2014级财务管理专业的许多学生选择了双修和辅修其他专业。全班6个同学取得了数学双学位,两个同…