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

 更新时间:2017年04月10日 10:55:46   作者:水神_O_lei  
本文主要介绍了iOS实现自定义购物车及角标显示购物数量(添加商品时角标抖动 Vie)的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

前言:

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

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

实现原理:

1、利用 navigationItem 可以将 UIView 设置为导航栏的按钮;

2、将一个 UIButton 和 一个 UILabel 添加到一个 UIView 上。然后将这个 UIView 设置为 navigationItem 的右侧按钮;3、UILabel 控件的动画效果。

具体实现代码如下:​

​1、ShopCarView.h 文件

#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 文件

​#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 的属性隐藏起来,打到很好的封装效果。

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

相关文章

  • iOS中使用RSA加密详解

    iOS中使用RSA加密详解

    本文主要介绍了iOS中使用RSA加密的方法,具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • Unity iOS混合开发界面切换思路解析

    Unity iOS混合开发界面切换思路解析

    这篇文章主要介绍了Unity iOS混合开发界面切换思路解析的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • UIScrollView实现六棱柱图片浏览效果

    UIScrollView实现六棱柱图片浏览效果

    这篇文章主要为大家介绍了UIScrollView实现六棱柱图片浏览效果示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • iOS监控笔记之启动crash

    iOS监控笔记之启动crash

    iOS崩溃是让iOS开发人员比较头痛的事情,app崩溃了,说明代码写的有问题,下面这篇文章主要给大家介绍了关于iOS监控笔记之启动crash的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-05-05
  • iOS视频录制(或选择)压缩及上传功能(整理)

    iOS视频录制(或选择)压缩及上传功能(整理)

    最新做的一个功能涉及到了视频的录制、压缩及上传功能,经过大神的一番教导,终于倒腾清楚了,今天小编把问题经过记录一下分享到脚本之家平台,供大家参考
    2017-03-03
  • IOS App 无代码入侵的方法hook详细介绍

    IOS App 无代码入侵的方法hook详细介绍

    这篇文章主要介绍了IOS App 无代码入侵的方法hook详细介绍的相关资料,需要的朋友可以参考下
    2016-12-12
  • 详解IOS WebRTC的实现原理

    详解IOS WebRTC的实现原理

    WebRTC,源自网页实时通信(Web Real-Time Communication)缩写,它是支持网页浏览器进行实时语音对话或视频对话的技术。它为我们提供了视频会议的核心技术,包括音视频的采集、编解码、网络传输、显示等功能,并且还支持跨平台:windows,linux,mac,android,ios。
    2021-06-06
  • iOS中在APP内加入AppStore评分功能的实现方法

    iOS中在APP内加入AppStore评分功能的实现方法

    这篇文章主要介绍了iOS中在APP内加入AppStore评分功能的实现方法,文中笔者给大家整理了三种方式,大家可以根据自己的需求选择,需要的朋友可以参考下
    2017-11-11
  • IOS swift3.0 下闭包语法整理

    IOS swift3.0 下闭包语法整理

    这篇文章主要介绍了IOS swift3.0 下闭包语法整理的相关资料,需要的朋友可以参考下
    2016-11-11
  • iOS 9 更新之Safari广告拦截器(Content Blocker)开发教程

    iOS 9 更新之Safari广告拦截器(Content Blocker)开发教程

    这篇文章主要介绍了iOS 9 更新之Safari广告拦截器(Content Blocker)开发教程的相关资料,需要的朋友可以参考下
    2015-08-08

最新评论