android 点赞取消,Android view之点赞容易,取消不易
可以去dribbble上看看原生效果。
代码下载
好的app在功能完善的基础上,从细节上吸引用户。虽然点赞这个功能点已经很普遍了,但是千篇一律的生硬效果让这么神圣的操作显得很黯淡(扯淡了,不就是赞赞赞么...),当然也有非常炫酷的,忍不住多点几次赞的效果。比如twitter的点赞。就不码字扯淡了,上图上源码
like.png
shot.gif
使用Path画爱心
Path path = new Path();
path.moveTo((float) (0.5 * realWidth) + rectFlove.left, (float) (0.17 * realHeight) + rectFlove.top);
path.cubicTo((float) (0.15 * realWidth) + rectFlove.left, (float) (-0.35 * realHeight + rectFlove.top),
(float) (-0.4 * realWidth) + rectFlove.left, (float) (0.45 * realHeight) + rectFlove.top,
(float) (0.5 * realWidth) + rectFlove.left, (float) (realHeight * 0.8 + rectFlove.top));
// path.moveTo( (float) (0.5 * realWidth) + rectFlove.left, (float) (realHeight * 0.8 + rectFlove.top));
path.cubicTo((float) (realWidth + 0.4 * realWidth) + rectFlove.left, (float) (0.45 * realHeight) + rectFlove.top,
(float) (realWidth - 0.15 * realWidth) + rectFlove.left, (float) (-0.35 * realHeight) + rectFlove.top,
(float) (0.5 * realWidth) + rectFlove.left, (float) (0.17 * realHeight) + rectFlove.top);
path.close();
取消时候爱心出现裂痕然后分成两半分别向左右倾斜,使用** canvas**
rotate来旋转达到倾斜效果
mBitmapBrokenLeftLove = Bitmap.createBitmap(getMeasuredWidth(), (int) lastY, Bitmap.Config.ARGB_8888);
canvas = new Canvas(mBitmapBrokenLeftLove);
canvas.rotate(-1*mBrokenAngle * mAnimatedBrokenValue, lastX, lastY);
Path path = new Path();
path.moveTo((float) (0.5 * realWidth) + rectFlove.left, (float) (0.17 * realHeight) + rectFlove.top);
path.cubicTo((float) (0.15 * realWidth) + rectFlove.left, (float) (-0.35 * realHeight + rectFlove.top),
(float) (-0.4 * realWidth) + rectFlove.left, (float) (0.45 * realHeight) + rectFlove.top,
(float) (0.5 * realWidth) + rectFlove.left, (float) (realHeight * 0.8 + rectFlove.top));
path.lineTo(thirdX, thirdY);
path.lineTo(secondX, secondY);
path.close();
canvas.drawPath(path, mPaintLike);
Gradle
compile 'com.ldoublem.thumbUplib:ThumbUplib:0.2'
Usage xml
android:id="@+id/tpv"
android:layout_width="50dp"
android:layout_height="50dp"
app:cracksColor="#33475f"
app:edgeColor="#9d55b8"
app:fillColor="#ea8010"
app:unlikeType="1"
/>
mThumbUpView.setCracksColor(Color.rgb(22, 33, 44));
mThumbUpView.setFillColor(Color.rgb(11, 200, 77));
mThumbUpView.setEdgeColor(Color.rgb(33, 3, 219));
mThumbUpView.setOnThumbUp(new ThumbUpView.OnThumbUp() {
@Override
public void like(boolean like) {
}
});
mThumbUpView.Like();
mThumbUpView.UnLike();
如果觉得还可以,给颗小星星^^
代码下载
android 点赞取消,Android view之点赞容易,取消不易相关推荐
- android 自定义特效,Android自定义View:实现炫酷的点赞特效
闲暇时间,看到直播软件都有点赞的爆炸效果,所以也就试着写了一个点赞效果,写的不好亲们勿怪! 这里只是简单说明,具体可查看源码:可查看源码 演示如下: 分析: 1.开始加载一个心形View 2.点击心形 ...
- android点赞动画仿twritter,【点赞动画仿抖音】Android 自定义view动画--酷炫点赞动画...
先看效果 看起来复杂,但是我们可以分步实现,最后你会发现很简单. [第一步]:画圆---不断放大的空心圆 -- CircleView 想要的效果是不断扩大的空心圆. 关于这点我们可以有多种思路: 1. ...
- android微信点赞ui,Android中使用PopupWindow 仿微信点赞和评论弹出
微信朋友圈的点赞和评论功能,有2个组成部分:左下角的"更多"按钮:点击该按钮后弹出的对话框: PopupWindow,弹出框使用PopupWindow实现,这是点赞和评论的载体,具 ...
- android炫酷动画代码,Android高级UI特效仿直播点赞动画效果
Android高级UI特效仿直播点赞动画效果 发布时间:2020-10-02 16:06:18 来源:脚本之家 阅读:117 作者:mrr 本文给大家分享高级UI特效仿直播点赞效果-一个优美炫酷的点赞 ...
- android 自定义特效,Android自定义FloatingText仿点赞+1特效
本文实例为大家分享了Android自定义View,可以仿点赞往上飘+1的一个特效,或者点击加入购物车商品抛物线特效. FloatingText 是一个能够在任何控件之上执行漂浮效果动画的控件. 效果图 ...
- android红心点赞动画,Android控件实现直播App特效之点赞飘心动画
现在市面上直播类的应用可以说是一抓一大把,随随便便就以什么主题来开发个直播App,说白了就想在这领域分杯羹.在使用这些应用过程中其实不难发现,在所有的直播界面,少不了的就是各种打赏.各种点赞.今天自己 ...
- android红心点赞动画,Android控件FlowLikeView实现点赞动画
现在市面上直播类的应用可以说是一抓一大把,随随便便就以什么主题来开发个直播App,说白了就想在这领域分杯羹.在使用这些应用过程中其实不难发现,在所有的直播界面,少不了的就是各种打赏.各种点赞.今天自己 ...
- Android动画效果(二) 仿QQ点赞动画
近日有看到QQ点赞的动画效果,于是模仿写了一个 要实现图中效果,需要用到属性动画,属性动画利用ValueAnimator来跟踪记录对象属性已经变化了多长时间及当前这个时间点的值. 如果不设置的话,动画 ...
- android红心点赞动画,Android控件实现直播App点赞飘心动画
现在市面上直播类的应用可以说是一抓一大把,随随便便就以什么主题来开发个直播App,说白了就想在这领域分杯羹.在使用这些应用过程中其实不难发现,在所有的直播界面,少不了的就是各种打赏.各种点赞.今天自己 ...
最新文章
- 销售单据条件价格明细表
- 20145225 《信息安全系统设计基础》第14周学习总结
- java中广告维护轮播图怎么做_Banner广告轮播图
- 最小费用最大流背诵用模板
- 关于Viual Studio 改变编辑器背景背景及背景图片(转)
- 浏览器UI线程更新机制
- 隆冬寒骨,风吹十一豪迈
- [Curator] Barrier 的使用与分析
- FPGA实现除法运算
- Windows server DHCP服务器搭建
- ROS 交叉编译介绍
- 软件测试工程师必备干货,移动应用测试【建议收藏】
- python3爬虫系列21之selenium自动化登录163邮箱并读取未读邮件内容
- 授权(authorization)的设计思路
- 云IDE:Coding的Cloud Studio
- Oracle EBS R12 GL总帐模块 查询日记帐明细SQL
- golang指定图片大小,图片生成(白底黑字)。将一张随机图片与生成图片合成
- 英语故事4、6思维导图
- 我说CMMI2.0之过程管理
- Android颜色转化