在开发当中,可能很多时候都需要做个点赞的需求,如果用按钮实现,按钮作为一个系统复合控件,外部是一个 View--》UIControl的容器,

内部包含了UILabel和UIImage,以及一些排版规则。用UIButton就很难去做一些在“赞”和“取消赞”切换时的效果。

可是我们又很需要UIButton似的事件响应机制。

怎么办?

对! 就是使用UIControl。

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

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

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

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

参考代码如下:

  1. #import <UIKit/UIKit.h>
  2. typedef NS_ENUM(NSInteger, UIControlFlagMode) {
  3. FlagModelNO,
  4. FlagModelYES,
  5. FlagModelDefalt
  6. };
  7. @interface UIControlFlagView : UIControl
  8. @property (nonatomic, strong) UIImage*noStateImg;
  9. @property (nonatomic, strong) UIImage*yesStateImg;
  10. @property (nonatomic, strong) UIImage*defaultStateImg;
  11. @property (nonatomic, assign) UIControlFlagMode flag;
  12. - (void)setFlag:(UIControlFlagMode)flag withAnimation:(BOOL)animation;
  13. @end

m文件:

  1. #import "UIControlFlagView.h"
  2. @interface UIControlFlagView()
  3. @property (nonatomic, strong) UIImageView*noStateImgV;
  4. @property (nonatomic, strong) UIImageView*yesStateImgV;
  5. @property (nonatomic, strong) UIImageView*defaultStateImgV;
  6. @end
  7. @implementation UIControlFlagView
  8. - (id)initWithFrame:(CGRect)frame
  9. {
  10. self = [super initWithFrame:frame];
  11. if (self) {
  12. // Initialization code
  13. }
  14. return self;
  15. }
  16. - (void)setNoStateImg:(UIImage *)noStateImg
  17. {
  18. if (!self.noStateImgV)
  19. {
  20. self.noStateImgV = [[UIImageView alloc] initWithFrame:self.bounds];
  21. self.noStateImgV.contentMode = UIViewContentModeCenter;
  22. [self addSubview:self.noStateImgV];
  23. self.flag = FlagModelNO;//default style
  24. }
  25. self.noStateImgV.image = noStateImg;
  26. _noStateImg = noStateImg;
  27. }
  28. - (void)setYesStateImg:(UIImage *)yesStateImg
  29. {
  30. if (!self.yesStateImgV)
  31. {
  32. self.yesStateImgV = [[UIImageView alloc] initWithFrame:self.bounds];
  33. self.yesStateImgV.contentMode = UIViewContentModeCenter;
  34. [self addSubview:self.yesStateImgV];
  35. self.yesStateImgV.alpha = 0.0;
  36. }
  37. self.yesStateImgV.image = yesStateImg;
  38. _yesStateImg = yesStateImg;
  39. }
  40. - (void)setDefaultStateImg:(UIImage *)defaultStateImg
  41. {
  42. if (!self.defaultStateImgV)
  43. {
  44. self.defaultStateImgV = [[UIImageView alloc] initWithFrame:self.bounds];
  45. self.defaultStateImgV.contentMode = UIViewContentModeCenter;
  46. [self addSubview:self.defaultStateImgV];
  47. }
  48. self.defaultStateImgV.image = defaultStateImg;
  49. _defaultStateImg = defaultStateImg;
  50. }
  51. - (void)setFlag:(UIControlFlagMode)flag withAnimation:(BOOL)animation
  52. {
  53. if (animation)
  54. {
  55. //no-->yes
  56. if (_flag == FlagModelNO && flag == FlagModelYES)
  57. {
  58. self.yesStateImgV.transform = CGAffineTransformMakeScale(0.1f, 0.1f);
  59. [UIView animateWithDuration:0.3 animations:^{
  60. self.noStateImgV.alpha = 0.0;
  61. self.yesStateImgV.alpha = 1.0;
  62. self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  63. self.noStateImgV.transform = CGAffineTransformMakeScale(2.0f, 2.0f);
  64. }
  65. completion:^(BOOL finished)
  66. {
  67. self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  68. self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  69. }];
  70. }
  71. //yes-->no
  72. else if(_flag == FlagModelYES && flag == FlagModelNO)
  73. {
  74. self.noStateImgV.transform = CGAffineTransformMakeScale(0.1f, 0.1f);
  75. [UIView animateWithDuration:0.3 animations:^{
  76. self.noStateImgV.alpha = 1.0;
  77. self.yesStateImgV.alpha = 0.0;
  78. self.yesStateImgV.transform = CGAffineTransformMakeScale(2.0f, 2.0f);
  79. self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  80. }
  81. completion:^(BOOL finished)
  82. {
  83. self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  84. self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  85. }];
  86. }
  87. }
  88. else
  89. {
  90. //no-->yes
  91. if (_flag == FlagModelNO && flag == FlagModelYES)
  92. {
  93. self.noStateImgV.alpha = 0.0;
  94. self.yesStateImgV.alpha = 1.0;
  95. self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  96. self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  97. }
  98. //yes-->no
  99. else if(_flag == FlagModelYES && flag == FlagModelNO)
  100. {
  101. self.noStateImgV.alpha = 1.0;
  102. self.yesStateImgV.alpha = 0.0;
  103. self.yesStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  104. self.noStateImgV.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
  105. }
  106. }
  107. _flag = flag;
  108. }
  109. @end

这是一个简单的实现,最大的优势,也是这篇文章的目的,就是在切换效果上的自定义和自由度!

抛砖引玉,希望大家都能做出复合自己心中所想的点赞按钮!

UIControl的使用的更多相关文章

  1. 你真的了解UIControl吗?

    一:首先查看一下关于UIControl的定义 NS_CLASS_AVAILABLE_IOS(2_0) @interface UIControl : UIView //控件默认是启用的YES.是否要禁用 ...

  2. iOS UIControl 详解

    UIControl是UIView的子类,当然也是UIResponder的子类.UIControl是诸如UIButton,UISwitch,UItextField等控件的父类,它本身包含了一些属性和方法 ...

  3. iOS学习24之UIControl及其子类

    1. UIControl初识 1> 概述 UIControl是有控制功能的视图( 如UIButton.UISlider.UISegmentedControl等)的父类 只要跟控制有关的控件都是继 ...

  4. IOS开发UI基础UIControl事件

    UIControl事件1.UIControlEventTouchDown单点触摸按下事件:用户点触屏幕,或者又有新手指落下的时候. 2.UIControlEventTouchDownRepeat多点触 ...

  5. iOS - UIControl

    前言 NS_CLASS_AVAILABLE_IOS(2_0) @interface UIControl : UIView @available(iOS 2.0, *) public class UIC ...

  6. iOS学习之UIControl

    一.UIControl初识      1.UIControl是有控制功能的视图(比如UIButton.UISlider.UISegmentedControl等)的父类. 只要跟控制有关的控件都是继承于 ...

  7. iOS开发~视图(UIView)与控件(UIControl)

    1.UIView类 1.什么是视图 看得见的都是视图 2.什么是控件 一种特殊的视图,都是UIControl的子类,不仅具有一定的显示外观,还能响应高级事件,与用户交互.严格意义上UILabel不是控 ...

  8. MATLAB中为控件(uicontrol)绑定Callback函数(回调函数)

    笔者走了许多弯路,终于找到这个方法,分享给大家. 'callback',@(~,~)colormapeditor(h) 如果版本老不支持“~”这种写法,那就改成: 'callback',@(x,y)c ...

  9. ##DAY5 UIControl及其子类

    ##DAY5 UIControl及其子类 #pragma mark ———————UIControl——————————— UIControl初识: 1)UIControl是有控制功能的视图(比如UI ...

随机推荐

  1. Wifi-Direct

    参考链接:http://developer.android.com/guide/topics/connectivity/wifip2p.html 国内镜像开发文档:http://wear.techbr ...

  2. selenium+python笔记6

    #!/usr/bin/env python # -*- coding: utf-8 -*- """ @desc: 将登陆动作封装成function "" ...

  3. 笔记13:File 类的一些操作

    一.对文件的创建(create) private void button1_Click(object sender, EventArgs e) { File.Create(@"F:\\QQP ...

  4. 为大家分享一个 Ajax Loading —— spin.js(转)

    原文地址:http://www.cnblogs.com/lxblog/p/3425599.html 我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Load ...

  5. 关于C#迭代器

    >1 IEnumerator与IEnumerable IEnumerator与IEnumerable两个接口是用于实现迭代器的接品只要实现了IEnumerable就可以用foreach,linq ...

  6. 用JavaScript操作Media Queries

    在响应式(或自适应)设计中要用到Media Queries这个CSS属性,但在某些时候我们需要对Media Queries进行动态操作,这时候可以使用Javascript. 如以下Media Quer ...

  7. Go语言并发与并行学习笔记(三)

    转:http://blog.csdn.net/kjfcpua/article/details/18265475 Go语言并发的设计模式和应用场景 以下设计模式和应用场景来自Google IO上的关于G ...

  8. Axis2 webservice入门--开发环境搭建,概念理解

    关于webservice的概念,网上有各种解释,但是不太好懂. 可以这样理解:1.一个webservice就是一个“功能”,只是这个功能是别人写好的,被放在别人的网站上.                ...

  9. sphinx全文检索功能 | windows下测试 (二)

    sphinx 数据库检索需要对数据库重新生成索引,为自己所用,然后按照拆词匹配

  10. 常用三方,Reachability 检测网络连接

    常用三方 Reachability 检 测网络连接 用来检查网络连接是否可用:包括WIFI和 WWAN(3G/EDGE/CDMA等)两种工作模式. 可以从Apple网站下载到: http://deve ...