个人中心
gpt4 book ai didi

iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

前言:

适用场景：商城类的 app 。将自定义的购物车 view 设置为 navigationitem 的导航栏按钮。效果图如下:

iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）

图1、右上角的购物车即是我们定义的view 。

实现原理:

1、利用 navigationitem 可以将 uiview 设置为导航栏的按钮； 。

2、将一个 uibutton 和 一个 uilabel 添加到一个 uiview 上。然后将这个 uiview 设置为 navigationitem 的右侧按钮；3、uilabel 控件的动画效果.

具体实现代码如下：​ 。

​1、shopcarview.h 文件 。

?
1
2
3
4
5
6
7
8
9
10
#import
@protocol shopcarbuttondelegate <</span>nsobject>
// 代理的方法，在此方法内，完成按钮的点击事件。
- ( void )shopcarbuttonclickaction;
@end
@interfaceshopcarview : uiview
@property (nonatomic, assign)id<</span>shopcarbuttondelegate> delegate;
// 为购物车设置角标内数值
- ( void )setshopcarcount:(nsstring *)count;
@end

2、shopcarview.m 文件 。

?
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
​#import "shopcarview.h"
@interfaceshopcarview()
@property (nonatomic, strong)uibutton *carbutton;
@property (nonatomic, strong)uilabel *countlabel;
@end
@implementation shopcarview
- (instancetype)initwithframe:(cgrect)frame{
  cgrect myframe = cgrectmake(0, 0, 40, 40);
  self = [superinitwithframe:myframe];
  if (self) {
  [selfaddsubview:self.carbutton];
  }
  returnself;
}
- (uibutton *)carbutton{
  if (!_carbutton) {
  _carbutton = [uibuttonbuttonwithtype:uibuttontypecustom];
  _carbutton.frame = cgrectmake(0, 8, 32, 32);
  [_carbuttonsetimage:[uiimageimagenamed:@ "购物1" ] forstate:uicontrolstatenormal];
  [_carbuttonaddtarget:selfaction:@selector(shopcarbuttonaction) forcontrolevents:uicontroleventtouchupinside];
  }
  return_carbutton;
}
- (uilabel *)countlabel{
  if (!_countlabel) {
  _countlabel = [[uilabelalloc] initwithframe:cgrectmake(24, 5, 16, 16)];
  _countlabel.backgroundcolor = [uicolorredcolor];
  _countlabel.textalignment = nstextalignmentcenter;
  _countlabel.textcolor = [uicolorwhitecolor];
  _countlabel.layer.cornerradius = 8;
  _countlabel.font = [uifontsystemfontofsize:12];
  _countlabel.layer.maskstobounds = yes;
  [selfaddsubview:_countlabel];
  }
  return_countlabel;
}
// 为购物车设置角标内数值
- ( void )setshopcarcount:(nsstring *)count{
  if ([count integervalue] == 0) {
  if (_countlabel) {
   [_countlabelremovefromsuperview];
   _countlabel = nil;
  }
  return ;
  }
  if ([count integervalue] > 9) {
  self.countlabel.text = @ "9+" ;
  } else {
  self.countlabel.text = count;
  }
  [selfshakeview:_countlabel];
}
// 实现的代理方法
- ( void )shopcarbuttonaction{
  [self.delegateshopcarbuttonclickaction];
}
// 实现抖动效果
-( void )shakeview:(uiview*)viewtoshake
{
  cgfloat t =2.0;
  cgaffinetransform translateright =cgaffinetransformtranslate(cgaffinetransformidentity, t,0.0);
  cgaffinetransform translateleft =cgaffinetransformtranslate(cgaffinetransformidentity,-t,0.0);
  viewtoshake.transform = translateleft;
[uiviewanimatewithduration:0.07delay:0.0options:uiviewanimationoptionautoreverse|uiviewanimationoptionrepeatanimations:^{
  [uiviewsetanimationrepeatcount:2.0];
  viewtoshake.transform = translateright;
  } completion:^( bool finished){
  if (finished){
[uiviewanimatewithduration:0.05delay:0.0options:uiviewanimationoptionbeginfromcurrentstateanimations:^{
   viewtoshake.transform =cgaffinetransformidentity;
   } completion:null];
  }
  }];
}
@end

​代码很简单，逻辑也比较清晰。使用代理方法，将自定义的 view 的属性隐藏起来，打到很好的封装效果.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我！ 。

原文链接：http://blog.sina.com.cn/s/blog_13d30a6170102wa46.html 。

最后此篇关于iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）的文章就讲到这里了,如果你想了解更多关于iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

25 4 0
文章推荐： iOS DropDown下拉按钮效果代码分享
文章推荐： 教你如何用WordPress打造免费个人网站
文章推荐： Python反转序列的方法实例分析
文章推荐： 怎么设计出符合用户习惯的网站产品？
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com