基于UIControl控件实现ios点赞功能

更新时间：2015年09月20日 09:33:32 作者：more2010wei

在开发当中，可能很多时候都需要做个点赞的需求，如果用按钮实现，按钮作为一个系统复合控件，外部是一个 View--》UIControl的容器，本文给大家分享一个基于UIControl控件实现ios点赞功能，需要的朋友可以参考下

在开发当中，可能很多时候都需要做个点赞的需求，如果用按钮实现，按钮作为一个系统复合控件，外部是一个 View--》UIControl的容器，内部包含了UILabel和UIImage，以及一些排版规则。用UIButton就很难去做一些在“赞”和“取消赞”切换时的效果。
可是我们又很需要UIButton似的事件响应机制。

怎么办？

对！就是使用UIControl。

UIControl在这里有两个突出的优势：

1.作为UIButton的父控件，具有UIButton一样的事件响应机制

2.作为UIView的简单子控件，具有作为容器视图的潜质

设计思路：实现一个自定义控件，继承UIControl，里面包含一些视图，包含什么视图由你的需求决定，我的是两张图片。然后在事件响应时，两张图片进行切换。切换动画可以自定义。这样就实现了一个切换效果自由度很大的点赞按钮哦！

参考代码如下：

#import <UIKit/UIKit.h> 
typedef NS_ENUM(NSInteger, UIControlFlagMode) { 
  FlagModelNO, 
  FlagModelYES, 
  FlagModelDefalt 
}; 
@interface UIControlFlagView : UIControl 
@property (nonatomic, strong) UIImage*noStateImg; 
@property (nonatomic, strong) UIImage*yesStateImg; 
@property (nonatomic, strong) UIImage*defaultStateImg; 
@property (nonatomic, assign) UIControlFlagMode flag; 
- (void)setFlag:(UIControlFlagMode)flag withAnimation:(BOOL)animation; 
@end

m文件：

#import "UIControlFlagView.h" 
@interface UIControlFlagView() 
@property (nonatomic, strong) UIImageView*noStateImgV; 
@property (nonatomic, strong) UIImageView*yesStateImgV; 
@property (nonatomic, strong) UIImageView*defaultStateImgV; 
@end 
@implementation UIControlFlagView 
- (id)initWithFrame:(CGRect)frame 
{ 
  self = [super initWithFrame:frame]; 
  if (self) { 
    // Initialization code 
  } 
  return self; 
} 
- (void)setNoStateImg:(UIImage *)noStateImg 
{ 
  if (!self.noStateImgV) 
  { 
    self.noStateImgV = [[UIImageView alloc] initWithFrame:self.bounds]; 
    self.noStateImgV.contentMode = UIViewContentModeCenter; 
    [self addSubview:self.noStateImgV]; 
    self.flag = FlagModelNO;//default style 
  } 
  self.noStateImgV.image = noStateImg; 
  _noStateImg = noStateImg; 
} 
- (void)setYesStateImg:(UIImage *)yesStateImg 
{ 
  if (!self.yesStateImgV) 
  { 
    self.yesStateImgV = [[UIImageView alloc] initWithFrame:self.bounds]; 
    self.yesStateImgV.contentMode = UIViewContentModeCenter; 
    [self addSubview:self.yesStateImgV]; 
    self.yesStateImgV.alpha = 0.0; 
  } 
   self.yesStateImgV.image = yesStateImg; 
  _yesStateImg = yesStateImg; 
} 
- (void)setDefaultStateImg:(UIImage *)defaultStateImg 
{ 
  if (!self.defaultStateImgV) 
  { 
    self.defaultStateImgV = [[UIImageView alloc] initWithFrame:self.bounds]; 
    self.defaultStateImgV.contentMode = UIViewContentModeCenter; 
    [self addSubview:self.defaultStateImgV]; 
  } 
  self.defaultStateImgV.image = defaultStateImg; 
  _defaultStateImg = defaultStateImg; 
} 
- (void)setFlag:(UIControlFlagMode)flag withAnimation:(BOOL)animation 
{ 
  if (animation) 
  { 
    //no-->yes 
    if (_flag == FlagModelNO && flag == FlagModelYES) 
    { 
     self.yesStateImgV.transform = CGAffineTransformMakeScale(0.1f, 0.1f); 
     [UIView animateWithDuration:0.3 animations:^{ 
       self.noStateImgV.alpha = 0.0; 
       self.yesStateImgV.alpha = 1.0; 
       self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
       self.noStateImgV.transform = CGAffineTransformMakeScale(2.0f, 2.0f); 
     } 
    completion:^(BOOL finished) 
    { 
       self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
       self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
     }]; 
    } 
    //yes-->no 
    else if(_flag == FlagModelYES && flag == FlagModelNO) 
    { 
      self.noStateImgV.transform = CGAffineTransformMakeScale(0.1f, 0.1f); 
      [UIView animateWithDuration:0.3 animations:^{ 
        self.noStateImgV.alpha = 1.0; 
        self.yesStateImgV.alpha = 0.0; 
        self.yesStateImgV.transform = CGAffineTransformMakeScale(2.0f, 2.0f); 
        self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
      } 
       completion:^(BOOL finished) 
       { 
         self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
         self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
       }]; 
    } 
  } 
  else 
  { 
    //no-->yes 
    if (_flag == FlagModelNO && flag == FlagModelYES) 
    { 
        self.noStateImgV.alpha = 0.0; 
        self.yesStateImgV.alpha = 1.0; 
        self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
        self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
    } 
    //yes-->no 
    else if(_flag == FlagModelYES && flag == FlagModelNO) 
    { 
      self.noStateImgV.alpha = 1.0; 
      self.yesStateImgV.alpha = 0.0; 
      self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
      self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 
    } 
  } 
   _flag = flag; 
} 
@end

这是一个简单的实现，最大的优势，也是这篇文章的目的，就是在切换效果上的自定义和自由度！
抛砖引玉，希望大家都能做出复合自己心中所想的点赞按钮！

希望大家对本文所述感兴趣。

您可能感兴趣的文章:

iOS将地址解析成经纬度的方法
这篇文章主要为大家详细介绍了iOS将地址解析成经纬度的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi
这篇文章主要给大家介绍了关于iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi的相关资料，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-07-07
iOS判断用户是否打开APP通知开关
这篇文章主要为大家详细介绍了iOS判断用户是否打开APP通知开关的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
iOS对象指针和基础数据类型的强转详解
最近在做一些小功能，忽然发现有的基础数据转换居然都忘记了。于是想着要赶紧整理下记下来！本文就是记录的一些内容，主要介绍了iOS中对象指针和基础数据类型的强转，有需要的朋友们可以参考借鉴，下面来一起学习学习吧。
2016-11-11
iOS列表上拉（平滑加载数据）自动加载数据的问题解决
这篇文章主要给大家介绍了关于iOS列表上拉（平滑加载数据）自动加载数据问题的相关资料,本文实现的效果很多app都用的这种效果,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
2021-07-07
iOS仿简书、淘宝等App的View弹出效果
这篇文章主要为大家详细介绍了iOS仿简书、淘宝等App的View弹出效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
iOS开发微信支付的方法
这篇文章主要为大家详细介绍了iOS开发微信支付的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
ios下OC与JS交互之WKWebView
本篇文章主要介绍了ios下OC与JS交互之WKWebView，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-03-03
iOS 利用动画和贝塞尔实现咻咻效果
这篇文章主要介绍了iOS 利用动画和贝塞尔实现咻咻效果的相关资料,需要的朋友可以参考下
2016-09-09
iOS(闭包)block传值详解
这篇文章主要介绍了iOS(闭包)block传值的相关知识以及代码分享，对此有兴趣的朋友可以学习下。
2018-02-02

基于UIControl控件实现ios点赞功能

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具