仿ios删除抖动效果

最新推荐文章于 2021-06-03 03:47:55 发布
最新推荐文章于 2021-06-03 03:47:55 发布
阅读量1.6k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40863414/article/details/81356882
版权

苹果手机长按的时候，会出现图标抖动的效果，网页仿照的ios抖动删除效果:
在这里插入图片描述
这个主要思路是要作出一个抖动的animation，当然，这里做的抖动效果，是一个比较简单的抖动，大致如下:
仿ios删除抖动效果
动画的思路就是走一个八字，看起来像发抖一样，做好了一个animation还不够，因为你会发现所有的图标抖动的还不太一样，有一些细微的差别，这里就需要用js来将animation的动画分解了，然后重新组装成一个新的animation。
更多技术细节请看原文:
仿ios删除抖动效果
原文有demo源码下载

在这里插入图片描述

秋天爱美丽
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 9.0 Launcher3仿ios长按app图标实现抖动动画开始拖拽停止动画
安卓兼职framework和app工程师的博客
03-23 780
在9.0的系统rom定制化开发中，在做Launcher3定制化开发需求中，产品由于看到ios桌面在长按app图标时上下左右抖动的动画，开始拖拽停止动画觉得功能很不错， 所以需求要求要在Launcher3中实现这个动画，所以就要从长按事件开始分析添加动画，判断开始拖拽以后停止动画就能满足功能需求了，然后实现拖拽app的 动画效果了，接下来就来实现这个功能
实现类似iphone手机删除应用程序的抖动效果
wangcuixin的专栏
06-15 1024
其实原理很简单，让图片向左，再向右旋转一定角度就可以啦 static BOOL wobblesLeft = NO;     UIButton * button=[UIButton buttonWithType:UIButtonTypeCustom];     [button setImage:[UIImage imageNamed:@"宝宝日记_1.png"] forState:UICo
实现iphone/Ipad 删除应用的颤抖动画效果
sadlike的专栏
07-22 1209
if ([gestureRecognizer state]==UIGestureRecognizerStateBegan)     {         CABasicAnimation *shake = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];         shake.fromValue = [NSN
仿iOS图标抖动
凯哥的世界你不懂
06-12 723
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
iPhone中删除app时icon晃动的动画
小白的专栏
04-14 1474
-(void)addAnimation:(UIView *)view {     CABasicAnimation *shake = [CABasicAnimation animationWithKeyPath:@"transform"];     shake.duration = 0.13;     shake.autoreverses = YES;     shake.re
不可错过的仿IOS删除应用的晃动动画&文本标签编辑的晃动动画小案例
「程序员飞飞」的博客
12-20 867
老套路，先上图： 麻烦喜欢的朋友们给点个start，谢谢！ 由于本人水平有限，如果有什么问题都可以评论或者您有更好的建议都可以评论我。 下载：源码传送门
html5 抖动效果,html5 – 清理CSS抖动
weixin_36444911的博客
06-03 147
我摆脱了上/左定位的百分比值,清理了边距并对齐了外圈的边框宽度：这是一个DEMO.box {position: relative;width: 220px;height: 220px;float: left;margin-right: 50px;}.clearcircle {position: absolute;top:15px;left:15px;width: 190px;height:190p...
仿 iphone 界面删除应用图标抖动
10-19
有全部关键注释代码，分别采用 NSTimer 以及 perform 来实现 实现，长按图标，所有图标抖动，点击图标左上方删除键，删除点击的图标， 仍可继续删除，单击 view 停止抖动
ios-仿手机界面长按抖动删除效果.zip
07-11
4. **暂停和恢复动画**：描述中提到的“一个添加该效果，一个暂停”可能指的是有两个方法，一个用于开启抖动效果，另一个用于暂停或停止抖动。例如，可以有一个`startShakingAnimation`方法来启动动画，而`...
仿IPhone图标抖动效果
06-27
找了下没有，就自己写了一个例子.仿IPhone抖动的小例子，有兴趣的可以试试
仿iOS抖动单行GridView长按显示删除图标
08-29
在Android开发中，有时我们希望实现类似iOS的交互效果，比如“仿iOS抖动单行GridView长按显示删除图标”。这种功能通常用于提供用户一种直观的编辑方式，让他们可以通过长按元素并显示删除图标来删除不需要的项目。...
IOS图标抖动.rar
04-05
5. **易语言**：提到“易语言IOS图标抖动源码”，这可能指的是使用易语言编程实现的模拟iOS图标抖动效果的代码。易语言是一种中国本土开发的简单易学的编程语言，主要用于Windows平台，但它可能通过模拟iOS界面或者...
iOS简单的抖动动画效果
河马流星锤的博客
10-13 3207
iOS几个简单的动画效果
一个类似苹果桌面上长按删除app的…
老板，猪脚要大扣滴的专栏
10-12 1183
一个类似苹果桌面上长按删除app的效果，就是当你长按屏幕时，会出现缩小图片并出现删除按钮，点击删除按钮，删除图片并且后面图片前移。 当再次点击图片，恢复。点击图片有处理事件，可以在此做一些处理。 实现思路以及核心代码： 继承于UIScrollView,先在上面创建出所有的view，在每个view上添加单击手势，在uiscrollView上添加长按手势。 [cpp] view plai
用CSS3实现类似苹果桌面的有趣抖动效果
tiimfei的专栏
09-11 4685
代码逻辑非常简单，使用css3的tranform的rotate属性让制定元素向左右倾斜5度。并且按照100毫秒的间隔交替切换。  初步实现了抖动的效果。大家可以自己试试。
跟iPhone手机图标类似的控件抖动
Lost Some 的博客
12-21 796
- (void)shakeImage:(UIimageView *)image{ //创建动画对象,绕Z轴旋转 CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; //设置属性，周期时长 [animation setDu
iOS开发之仿新闻拖拽排序，编辑删除的效果
hbblzjy的博客
04-05 1134
DraggingSort###导读拖拽排序是新闻类的App可以说是必有的交互设计，如今日头条，网易新闻等。拖拽排序是一个交互体验非常好的设计，简单，方便。####今日头条的拖拽排序界面####我实现的长按拖拽排序效果####实现方案1.给CollectionViewCell添加一个长按手势，通过协议把手势传递到collectionView所在的控制器中。- (void)awakeFromNib{s
OpenHarmony移植小型系统EXYNOS4412 linux内核build配置
最新发布
07-07
OpenHarmony移植小型系统EXYNOS4412 linux内核build相关的配置
android仿ios桌面应用删除动画
05-18
Android仿iOS桌面应用删除动画可以使用属性动画实现。以下是一个简单的实现步骤： 1. 创建一个布局文件，用于显示要删除的应用图标。在这个布局中，你可以使用ImageView来显示应用图标，然后添加一个TextView来显示删除提示。 2. 在Java代码中，使用属性动画设置ImageView的透明度和缩放比例。通过逐渐降低透明度和缩放比例，可以创建一个逐渐消失的效果。 3. 在动画结束时，删除应用程序，并在屏幕上显示一个Snackbar或Toast，以显示已删除的应用程序名称。 下面是一个示例代码，可以让你更好地了解如何实现这个功能： ```java public class DeleteAnimationActivity extends AppCompatActivity { private ImageView mAppIcon; private TextView mDeleteHint; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_delete_animation); mAppIcon = findViewById(R.id.iv_app_icon); mDeleteHint = findViewById(R.id.tv_delete_hint); // 设置属性动画 ObjectAnimator alphaAnimator = ObjectAnimator.ofFloat(mAppIcon, "alpha", 1f, 0f); ObjectAnimator scaleXAnimator = ObjectAnimator.ofFloat(mAppIcon, "scaleX", 1f, 0f); ObjectAnimator scaleYAnimator = ObjectAnimator.ofFloat(mAppIcon, "scaleY", 1f, 0f); // 设置动画集合 AnimatorSet animatorSet = new AnimatorSet(); animatorSet.playTogether(alphaAnimator, scaleXAnimator, scaleYAnimator); animatorSet.setDuration(500); // 监听动画结束事件 animatorSet.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { // 删除应用程序 deleteApp(); // 显示Snackbar或Toast Snackbar.make(mAppIcon, "已删除应用程序", Snackbar.LENGTH_LONG).show(); } }); // 启动动画 animatorSet.start(); } private void deleteApp() { // 删除应用程序的代码 } } ``` 在上面的代码中，我们使用 ObjectAnimator 来设置透明度和缩放比例的动画，然后使用 AnimatorSet 将它们组合在一起。在动画结束时，我们删除应用程序并显示一个Snackbar或Toast。 如果你想要更加复杂的删除动画效果，可以尝试使用 PathInterpolator 或自定义 Interpolator 来控制动画的速度和加速度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值