iOS每日一记之———————————————自定义UIswitch 控件

最新推荐文章于 2022-09-04 15:19:12 发布
最新推荐文章于 2022-09-04 15:19:12 发布
阅读量644 收藏
点赞数
分类专栏： iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26359763/article/details/53909834
版权

看了好多自定义switch控件的demo  大多用UIview + label +imageView 实现的 还有用UIsilder实现的 感觉都不是特别满意 

遂  自己写个一个 可以设置开关状态 BOOL isOn；

点击也可以触发valueChanged方法 简单粗暴

控件 继承与UIcontrol

OK 接下来上代码。。。

ZHSwitch的。h文件如下

#import <UIKit/UIKit.h>

@interface ZHSwitch : UIControl
{
    // private member
    BOOL m_touchedSelf;
    
    BOOL on;

    
}
@property (nonatomic, assign, getter = isOn) BOOL on;
@property (nonatomic, strong) UIColor *onTintColor;
@property (nonatomic, strong) UIColor *tintColor;
@property (nonatomic, strong) UIColor *thumbTintColor;
@property (nonatomic, assign) NSInteger switchKnobSize;
@property (nonatomic, strong) UIColor *textColor;
@property (nonatomic, strong) UIFont *textFont;

@property (nonatomic, strong) NSString *onText;
@property (nonatomic, strong) NSString *offText;
@property (nonatomic, strong) UIView *onContentView;
/** 显示状态背景View */
@property (nonatomic,strong)  UIImageView *onContentBgView;
@property (nonatomic, strong) UIView *offContentView;
/** 关闭状态背景View */
@property (nonatomic,strong)  UIImageView *offContentBgView;
//款间距
@property (nonatomic, assign) NSInteger ballWithSize;
//竖着的间距
@property (nonatomic, assign) NSInteger ballHightSize;

@property (nonatomic,assign) NSInteger ballSize;
@property (nonatomic, strong) UIView *knobView;
/** 中间按钮背景View */
@property (nonatomic,strong)  UIImageView *knobBgView;


- (void)setOn:(BOOL)on animated:(BOOL)animated;

- (id)initWithFrame:(CGRect)frame
            onColor:(UIColor *)onColor
           offColor:(UIColor *)offColor
               font:(UIFont *)font
           ballSize:(NSInteger )ballSize
 onContentBgViewStr:(NSString *)onContentBgViewStr
offContentBgViewStr:(NSString *)offContentBgViewStr
      knobBgViewStr:(NSString *)knobBgViewStr;






#import "ZHSwitch.h"
#define ZHSwitchMaxHeight 80.0f
#define ZHSwitchMinHeight 20.0f

#define ZHSwitchMinWidth 40.0f


@interface ZHSwitch ()
@property (nonatomic, strong) UIView *containerView;
@property (nonatomic, strong) UIColor *onColor;
@property (nonatomic, strong) UIFont * font;
@property (nonatomic, strong) UIColor *offColor;
@property (nonatomic, strong) UILabel *onLabel;
@property (nonatomic, strong) UILabel *offLabel;
/** 显示状态背景图名字 */
@property (nonatomic,copy)NSString *onContentBgViewStr;
/** 关闭状态背景图名字  */
@property (nonatomic,copy)NSString *offContentBgViewStr;
/** 中间状态背景图名字  */
@property (nonatomic,copy)NSString *knobBgViewStr;

- (void)commonInit;

- (CGRect)roundRect:(CGRect)frameOrBounds;
@end

@implementation ZHSwitch
- (id)initWithFrame:(CGRect)frame
            onColor:(UIColor *)onColor
           offColor:(UIColor *)offColor
               font:(UIFont *)font
           ballSize:(NSInteger )ballSize
 onContentBgViewStr:(NSString *)onContentBgViewStr
offContentBgViewStr:(NSString *)offContentBgViewStr
      knobBgViewStr:(NSString *)knobBgViewStr
{
    self = [super initWithFrame:[self roundRect:frame]];
    if (self) {
        self.ballSize = ballSize;
        self.font = font;
        self.onColor = onColor;
        self.offColor = offColor;
        self.onContentBgViewStr = onContentBgViewStr;
        self.offContentBgViewStr = offContentBgViewStr;
        self.knobBgViewStr = knobBgViewStr;
        [self commonInit];
    }
    return self;
}
- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];
    
    if (self) {
        [self commonInit];
    }
    
    return self;
}

- (void)setBounds:(CGRect)bounds
{
    [super setBounds:[self roundRect:bounds]];
    
    [self setNeedsLayout];
}

- (void)setFrame:(CGRect)frame
{
    [super setFrame:[self roundRect:frame]];
    
    [self setNeedsLayout];
}

- (void)setOnText:(NSString *)onText
{
    if (_onText != onText) {
        _onText = onText;
        
        _onLabel.text = onText;
    }
}

- (void)setOffText:(NSString *)offText
{
    if (_offText != offText) {
        _offText = offText;
        
        _offLabel.text = offText;
    }
}

- (void)setOnTintColor:(UIColor *)onTintColor
{
    if (_onTintColor != onTintColor) {
        _onTintColor = onTintColor;
        
        _onContentView.backgroundColor = onTintColor;
    }
}

- (void)setTintColor:(UIColor *)tintColor
{
    if (_tintColor != tintColor) {
        _tintColor = tintColor;
        
        _offContentView.backgroundColor = tintColor;
    }
}

- (void)setThumbTintColor:(UIColor *)thumbTintColor
{
    if (_thumbTintColor != thumbTintColor) {
        _thumbTintColor = thumbTintColor;
        
        _knobView.backgroundColor = _thumbTintColor;
    }
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    
    self.containerView.frame = self.bounds;
    
    CGFloat r = CGRectGetHeight(self.containerView.bounds) / 2.0;
    
    self.containerView.layer.cornerRadius = r;
    self.containerView.layer.masksToBounds = YES;
    
    CGFloat margin = (CGRectGetHeight(self.bounds) - self.ballSize) / 2.0;
    
    
 
    if (!on) {
        // frame of off status
        self.onContentView.frame = CGRectMake(-1 * CGRectGetWidth(self.containerView.bounds),
                                              0,
                                              CGRectGetWidth(self.containerView.bounds),
                                              CGRectGetHeight(self.containerView.bounds));
        
        self.offContentView.frame = CGRectMake(0,
                                               0,
                                               CGRectGetWidth(self.containerView.bounds),
                                               CGRectGetHeight(self.containerView.bounds));
        
        self.knobView.frame = CGRectMake(margin,
                                         margin,
                                         self.ballSize,
                                         self.ballSize);
    } else {
        // frame of on status
        self.onContentView.frame = CGRectMake(0,
                                              0,
                                              CGRectGetWidth(self.containerView.bounds),
                                              CGRectGetHeight(self.containerView.bounds));
        
        self.offContentView.frame = CGRectMake(0,
                                               CGRectGetWidth(self.containerView.bounds),
                                               CGRectGetWidth(self.containerView.bounds),
                                               CGRectGetHeight(self.containerView.bounds));
        
        self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - self.ballSize,
                                         margin,
                                         self.ballSize,
                                         self.ballSize);
    }
    
    CGFloat lHeight = 20.0f;
    CGFloat lMargin = r - (sqrtf(powf(r, 2) - powf(lHeight / 2.0, 2))) + margin;
    
    self.onLabel.frame = CGRectMake(lMargin,
                                    r - lHeight / 2.0,
                                    CGRectGetWidth(self.onContentView.bounds) - lMargin - self.ballSize - 2 * margin,
                                    lHeight);
    
    self.offLabel.frame = CGRectMake(self.ballSize + 2 * margin,
                                     r - lHeight / 2.0,
                                     CGRectGetWidth(self.onContentView.bounds) - lMargin - self.ballSize - 2 * margin,
                                     lHeight);
    
     _on = on;
}
- (void)setOn:(BOOL)turnOn
{
    [self setOn:turnOn animated:NO];
}
- (void)setOn:(BOOL)turnOn animated:(BOOL)animated{
    
    on = turnOn;
 
    CGFloat margin = (CGRectGetHeight(self.bounds) - self.ballSize) / 2.0;
    if (!animated) {
        if (!on) {
            // frame of off status
            self.onContentView.frame = CGRectMake(-1 * CGRectGetWidth(self.containerView.bounds),
                                                  0,
                                                  CGRectGetWidth(self.containerView.bounds),
                                                  CGRectGetHeight(self.containerView.bounds));
            
            self.offContentView.frame = CGRectMake(0,
                                                   0,
                                                   CGRectGetWidth(self.containerView.bounds),
                                                   CGRectGetHeight(self.containerView.bounds));
            
            self.knobView.frame = CGRectMake(margin,
                                             margin,
                                             self.ballSize,
                                             self.ballSize);
        } else {
            // frame of on status
            self.onContentView.frame = CGRectMake(0,
                                                  0,
                                                  CGRectGetWidth(self.containerView.bounds),
                                                  CGRectGetHeight(self.containerView.bounds));
            
            self.offContentView.frame = CGRectMake(0,
                                                   CGRectGetWidth(self.containerView.bounds),
                                                   CGRectGetWidth(self.containerView.bounds),
                                                   CGRectGetHeight(self.containerView.bounds));
            
            self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - self.ballSize,
                                             margin,
                                             self.ballSize,
                                             self.ballSize);
        }
    } else {
        if (on) {
            [UIView animateWithDuration:0.25
                             animations:^{
                                 self.knobView.frame = CGRectMake(CGRectGetWidth(self.containerView.bounds) - margin - self.ballSize,
                                                                  margin,
                                                                  self.ballSize,
                                                                  self.ballSize);
                             }
                             completion:^(BOOL finished){
                                 self.onContentView.frame = CGRectMake(0,
                                                                       0,
                                                                       CGRectGetWidth(self.containerView.bounds),
                                                                       CGRectGetHeight(self.containerView.bounds));
                                 
                                 self.offContentView.frame = CGRectMake(0,
                                                                        CGRectGetWidth(self.containerView.bounds),
                                                                        CGRectGetWidth(self.containerView.bounds),
                                                                        CGRectGetHeight(self.containerView.bounds));
                             }];
        } else {
            [UIView animateWithDuration:0.25
                             animations:^{
                                 self.knobView.frame = CGRectMake(margin,
                                                                  margin,
                                                                  self.ballSize,
                                                                  self.ballSize);
                             }
                             completion:^(BOOL finished){
                                 self.onContentView.frame = CGRectMake(-1 * CGRectGetWidth(self.containerView.bounds),
                                                                       0,
                                                                       CGRectGetWidth(self.containerView.bounds),
                                                                       CGRectGetHeight(self.containerView.bounds));
                                 
                                 self.offContentView.frame = CGRectMake(0,
                                                                        0,
                                                                        CGRectGetWidth(self.containerView.bounds),
                                                                        CGRectGetHeight(self.containerView.bounds));
                             }];
        }
    }

       _on = on;
}
#pragma mark - Private API

- (void)commonInit
{
    self.backgroundColor = [UIColor clearColor];
    
    _onTintColor = self.onColor;
    _tintColor = self.offColor;
    if ([_knobBgViewStr isEqualToString:@""] || _knobBgViewStr == nil) {
        _thumbTintColor = [UIColor colorWithWhite:1 alpha:1];
    } else{
    _thumbTintColor = [UIColor clearColor];
    }
    
    _textFont = self.font;
    _textColor = [UIColor whiteColor];
    
    _containerView = [[UIView alloc] initWithFrame:self.bounds];
    _containerView.backgroundColor = [UIColor clearColor];
    [self addSubview:_containerView];
    
    _onContentView = [[UIView alloc] initWithFrame:self.bounds];
    _onContentView.backgroundColor = _onTintColor;
    [_containerView addSubview:_onContentView];
    
    _onContentBgView =[[UIImageView alloc]init];
    _onContentBgView.image =[UIImage imageNamed:self.onContentBgViewStr];
    _onContentBgView.frame = _onContentView.bounds;
    _onContentBgView.contentMode = UIViewContentModeScaleAspectFit;
    [_onContentView addSubview:_onContentBgView];
    
    _offContentView = [[UIView alloc] initWithFrame:self.bounds];
    _offContentView.backgroundColor = _tintColor;
    [_containerView addSubview:_offContentView];
    
    _offContentBgView =[[UIImageView alloc]init];
    _offContentBgView.image =[UIImage imageNamed:self.offContentBgViewStr];
    _offContentBgView.frame = _offContentView.bounds;
    _offContentBgView.contentMode = UIViewContentModeScaleAspectFit;
    [_offContentView addSubview:_offContentBgView];
    
    _knobView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.ballSize, self.ballSize)];
    _knobView.backgroundColor = _thumbTintColor;
    _knobView.layer.cornerRadius = self.ballSize / 2.0;
   [_containerView addSubview:_knobView];
    
    _knobBgView =[[UIImageView alloc]init];
    _knobBgView.image =[UIImage imageNamed:self.knobBgViewStr];
    _knobBgView.frame = _knobView.bounds;
    _knobBgView.contentMode = UIViewContentModeScaleAspectFit;
    [_knobView addSubview:_knobBgView];
   
    _onLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    _onLabel.backgroundColor = [UIColor clearColor];
    _onLabel.textAlignment = NSTextAlignmentCenter;
    _onLabel.textColor = _textColor;
    _onLabel.font = _font;
    _onLabel.text = _onText;
    [_onContentView addSubview:_onLabel];
    
    _offLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    _offLabel.backgroundColor = [UIColor clearColor];
    _offLabel.textAlignment = NSTextAlignmentCenter;
    _offLabel.textColor = _textColor;
    _offLabel.font = _font;
    _offLabel.text = _offText;
    [_offContentView addSubview:_offLabel];

}

- (CGRect)roundRect:(CGRect)frameOrBounds
{
    CGRect newRect = frameOrBounds;
    
    if (newRect.size.height > ZHSwitchMaxHeight) {
        newRect.size.height = ZHSwitchMaxHeight;
    }
    
    if (newRect.size.height < ZHSwitchMinHeight) {
        newRect.size.height = ZHSwitchMinHeight;
    }
    
    if (newRect.size.width < ZHSwitchMinWidth) {
        newRect.size.width = ZHSwitchMinWidth;
    }
    
    return newRect;
}
- (void)endTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event
{
    
    
    [super endTrackingWithTouch:touch withEvent:event];
   
    m_touchedSelf = YES;
    
    [self setOn:on animated:YES];
}
- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event
{
    
    [super touchesBegan:touches withEvent:event];
    
    m_touchedSelf = NO;
    on = !on;
}
- (void)touchesEnded:(NSSet*)touches withEvent:(UIEvent*)event
{
    
    [super touchesEnded:touches withEvent:event];

    
    if (!m_touchedSelf)
    {
        [self setOn:on animated:YES];
        [self sendActionsForControlEvents:UIControlEventValueChanged];
    }
}
@end




ZH_CQ_iOS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ios Objective-c 自定义UISwitch
qq_41586150的博客
01-11 1012
自定义UISwitch 1.定义两个UILable和一个UISwitch @property (strong, nonatomic) UISwitch *costom; @property (strong, nonatomic) UILabel *label; @property (strong, nonatomic) UILabel *offLabel; self.label = ...
IOS自定义UISwitch
Leo的专栏
01-05 4506
简单易理解的自定义UISwitch
iOS自定义的UISwitch按钮
移动开发记录
12-22 329
因为项目需要在UISwitch按钮上写文字，系统自带的UISwitch是这样的： 既不能写字，也不能改颜色，于是在网上找到了这么一个自定义的Switch按钮，具体出处找不见了。记录一下，怕以后找不见了。 先看下效果图： 按钮的样式很多，可以文字，可以写多行，文字大小和颜色都可以设置。 看下它的源码： #import &lt;Foundation/Foundation.h&gt; @in...
iphone/ipad实现自定义的开关UISwitch（continuous，clipsToBounds，userInteractionEnabled属性）
任海丽(3G/移动开发)
08-16 2448
@property(nonatomic,getter=isContinuous) BOOL continuous; // if set, value change events are generated any time the value changes due to dragging. default = YES 这个是UISlider当中的一个属性，作用是，当你拖动轨迹按钮的时候，如果这个属性是yes，那么它就会处发sliderValueChanged方法，设为no就拖动的时候不会处
iphone 自定义UISwitch
weixin_33937913的博客
10-28 87
修改UISwitch的标题，实现自定义UISwitch方法有两种： 1.使用类别扩展UISwitch。 如下： 下面是UISwitch.h文件： #import <UIKit/UIKit.h> @interface UISwitch (tagged) + (UISwitch *) switchWithLeftText: (NSString *) tag...
iOS游戏应用源代码——domesticcatsoftware-DCControls-722bb9c.zip
07-02
此库包含了各种自定义的UI元素，如滑块（UISlider）、开关（UISwitch）、按钮（UIButton）等，这些控件都具有可定制的外观和行为。 1. 自定义控件设计：在源代码中，我们可以看到每个控件类都继承自UIKit的基础控件...
IOS应用源码——控件的使用.zip
10-14
此“IOS应用源码——控件的使用.zip”压缩包很可能包含了一系列示例代码，用于展示如何在iOS项目中有效地利用各种控件。以下是关于iOS控件使用的一些关键知识点： 1. **UIKit框架**：iOS中的所有UI控件都属于UIKit...
IOS源码——自定义UITableViewCell。实现各种样式的表格输入界面.zip
10-09
这个压缩包“IOS源码——自定义UITableViewCell。实现各种样式的表格输入界面.zip”显然包含了一个示例项目，它演示了如何为UITableView创建自定义的单元格以实现各种输入界面样式。下面我们将深入探讨这一主题。 ...
iOS游戏应用源代码——Hegaka-HGKOptionPanel-6b08ffc.zip
07-02
【iOS游戏应用源代码——Hegaka-HGKOptionPanel-6b08ffc.zip】是一个专注于iOS平台的游戏应用开发的源代码包。这个压缩文件包含了一个名为"Hegaka-HGKOptionPanel"的项目，它很可能是为游戏提供设置或选项面板的组件...
IOS 自定义UISwitch
weixin_33890499的博客
09-26 73
#import <UIKit/UIKit.h>// 该方法时SDK文档中没有的， 添加一个category@interface UISwitch (extended)- (void) setAlternateColors:(BOOL) boolean;@end// 自定义Slider 类@interface _UISwitchSlider : UIView@end...
IOS编写UISwitch的自定义
12-19
IOS编写UISwitch的自定义，有图片自定义，显示动态效果
iOS UISwitch 自定义文字，颜色
baidu_40537062的博客
09-04 1340
我可以仿照iOS14后的UISwitch写一个自定义的控件。
自定义 UISwitch
滴水成川
07-01 1052
- (instancetype)initWithOnImage:(UIImage *)onImage offImage:(UIImage *)offImage frame:(CGRect)frame;
iOS中自定义 Switch 开关
Charlin随笔记录
04-25 2812
这几天在做产品的时候，客户有个需求，开关按钮必须是这样的要用特定的图片来代替官方的原始效果我尝试着去官方文档寻找一下 UISwitch 是否可以自定义图片来实现产品的需求，果不其然官方给出了两个属性。可以通过调用 onImage 或者 offImage 属性来设置开关的图片，但是这两个方法在 iOS 6 之后已经被弃用掉了，所以只能重新自己封装一份代码来实现产品的需求。实现思路：1.设置一张图片，...
UISwitch 及其自定义方法
iOSser的博客
12-03 1007
开关（UISwitch）提供了一个简单的开／关UI元素，类似于传统的物理开关，开关的可配置选项很少，应将其用于处理布尔值。我们使用其Value Changed事件来检测开关切换，并通过属性on或实例方法isOn来获取当前值。     1.UISwitch的初始化 UISwitch *switchView = [[UISwitch alloc] initWithFrame:C
iOS开发--UISwitch用法
热门推荐
xiangnideshen的专栏
08-04 1万+
原文地址为：http://blog.sina.com.cn/s/blog_4cd8dd130100to3x.html 1.UISwitch的初始化   1 UISwitch *switchView = [[UISwitch alloc] initWithFrame:CGRectMake(4.0f, 16.0f, 100.0f, 28.
UISwitch用法-以及-自定义UISwitch控件
iOS界@迷糊小书童
03-24 3772
@UISwitch用法 一、第一种创建UISwitch控件的方法，在代码中动态创建。 1、打开Xcode  4.3.2, 新建项目Switch，选择Single View Application。 2、打开ViewController.m文件在viewDidLoad方法里添加代码： [cpp] view plaincopy - 
OC_UISwitch
weixin_33887443的博客
08-07 311
UISwitch 是一个可以用于二选一选择的控件，它类似于一个开关，可以选择 off/on 。 UISwitch 创建 UISwitch 的创建方式即为继承于 UIView 的 initWithFrame 方法。 - (instancetype)initWithFrame:(CGRect)frame; 复制代码 但是要注意这个方法虽然传入一个 frame 属性，但实际上 UISwitch 的 si...
C# UIswitch
最新发布
07-28
C# 中的 UISwitch 是一个可用于切换开关状态的用户界面控件，通常用于表示二进制选项的开关。您可以使用它来实现一些开关功能，例如启用/禁用某些功能或切换应用程序的特定设置。 要在 C# 中使用 UISwitch，您首先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值