UIControl的使用
在开发当中,可能很多时候都需要做个点赞的需求,如果用按钮实现,按钮作为一个系统复合控件,外部是一个 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
这是一个简单的实现,最大的优势,也是这篇文章的目的,就是在切换效果上的自定义和自由度!
抛砖引玉,希望大家都能做出复合自己心中所想的点赞按钮!
UIControl的使用的更多相关文章
- 你真的了解UIControl吗?
一:首先查看一下关于UIControl的定义 NS_CLASS_AVAILABLE_IOS(2_0) @interface UIControl : UIView //控件默认是启用的YES.是否要禁用 ...
- iOS UIControl 详解
UIControl是UIView的子类,当然也是UIResponder的子类.UIControl是诸如UIButton,UISwitch,UItextField等控件的父类,它本身包含了一些属性和方法 ...
- iOS学习24之UIControl及其子类
1. UIControl初识 1> 概述 UIControl是有控制功能的视图( 如UIButton.UISlider.UISegmentedControl等)的父类 只要跟控制有关的控件都是继 ...
- IOS开发UI基础UIControl事件
UIControl事件1.UIControlEventTouchDown单点触摸按下事件:用户点触屏幕,或者又有新手指落下的时候. 2.UIControlEventTouchDownRepeat多点触 ...
- iOS - UIControl
前言 NS_CLASS_AVAILABLE_IOS(2_0) @interface UIControl : UIView @available(iOS 2.0, *) public class UIC ...
- iOS学习之UIControl
一.UIControl初识 1.UIControl是有控制功能的视图(比如UIButton.UISlider.UISegmentedControl等)的父类. 只要跟控制有关的控件都是继承于 ...
- iOS开发~视图(UIView)与控件(UIControl)
1.UIView类 1.什么是视图 看得见的都是视图 2.什么是控件 一种特殊的视图,都是UIControl的子类,不仅具有一定的显示外观,还能响应高级事件,与用户交互.严格意义上UILabel不是控 ...
- MATLAB中为控件(uicontrol)绑定Callback函数(回调函数)
笔者走了许多弯路,终于找到这个方法,分享给大家. 'callback',@(~,~)colormapeditor(h) 如果版本老不支持“~”这种写法,那就改成: 'callback',@(x,y)c ...
- ##DAY5 UIControl及其子类
##DAY5 UIControl及其子类 #pragma mark ———————UIControl——————————— UIControl初识: 1)UIControl是有控制功能的视图(比如UI ...
随机推荐
- jq--回到顶部
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- selenium+python笔记6
#!/usr/bin/env python # -*- coding: utf-8 -*- """ @desc: 将登陆动作封装成function "" ...
- js 数组的判断
<javascript语言精粹>中的 var is_array = function(value){ return value && //判断值是否为真,不接受null和其 ...
- Maven基础知识和环境搭建
基本概念和生命周期 Maven是现在流行的构建自动化工具,提供了软件构建过程中全生命周期的管理. 基础目录结构 基础目录结构如下: 根目录:存放pom.xml 和所有的子目录 ${basedir}/s ...
- Css3动画缩放
Css3缩放动画 transform-scale() scale();值 0~1 0-隐藏 1-默认 小于0缩放 大于1放大 例:transform:scale(0.98);
- 25款漂亮的 WordPress 杂志主题
WordPress是一个免费和开源博客工具和一个内容管理系统(CMS)基于 PHP 和 MySQL,它运行在一个 Web 托管服务.每个月的 WordPress 主题是由开发人员,其中用户喜欢使用 W ...
- POJ 1011 Sticks dfs,剪枝 难度:2
http://poj.org/problem?id=1011 要把所给的集合分成几个集合,每个集合相加之和ans相等,且ans最小,因为这个和ans只在[1,64*50]内,所以可以用dfs一试 首先 ...
- C# DES加密
需要引用名称空间 using System; using System.Text; using System.Security.Cryptography; using System.IO; 具体代码: ...
- Deep Learning 初识
实际生活中,人们为了解决一个问题,如对象的分类(对象可是是文档.图像等),首先必须做的事情是如何来表达一个对象,即必须抽取一些特征来表示一个对象,如文本的处理中,常常用词**来表示一个文档,或把文档表 ...
- lucene4.7学习总结
花了一段时间学习lucene今天有时间把所学的写下来,网上有很多文章但大部分都是2.X和3.X版本的(当前最新版本4.9),希望这篇文章对自己和初学者有所帮助. 学习目录 (1)什么是lucene ( ...