uiswitch样式_可变大小、颜色边框、样式的UISwitch

最新推荐文章于 2022-03-21 11:03:41 发布
最新推荐文章于 2022-03-21 11:03:41 发布
阅读量501 收藏
点赞数
文章标签： uiswitch样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39665060/article/details/111766417
版权

1、CHSwitch.h

//

// 文 件 名:CHSwitch.h

//

// 版权所有:Copyright © 2018 lelight. All rights reserved.

// 创 建 者:lelight

// 创建日期:2018/12/19.

// 文档说明:

// 修 改 人:

// 修改日期:

//

#import

NS_ASSUME_NONNULL_BEGIN

typedef enum {

CHSwitchShapeOval,

CHSwitchShapeRectangle,

CHSwitchShapeRectangleNoCorner

} CHSwitchShape;

@interface CHSwitch : UIControl

/** 开关状态读取与设置 */

@property (nonatomic, getter = isOn) BOOL on;

/** 开关形状枚举值：默认CHSwitchShapeOval */

@property (nonatomic, assign) CHSwitchShape shape;

/** 打开时的颜色 */

@property (nonatomic, strong) UIColor *onTintColor;

/** 关闭时的颜色 */

@property (nonatomic, strong) UIColor *tintColor;

/** 圆点颜色 */

@property (nonatomic, strong) UIColor *thumbTintColor;

/** 是否需要阴影效果 */

@property (nonatomic, assign) BOOL shadow;

/** 关闭时的阴影颜色 */

@property (nonatomic, strong) UIColor *tintBorderColor;

/** 打开时的阴影颜色 */

@property (nonatomic, strong) UIColor *onTintBorderColor;

@end

NS_ASSUME_NONNULL_END

2、CHSwitch.m

//

// 文 件 名:CHSwitch.m

//

// 版权所有:Copyright © 2018 lelight. All rights reserved.

// 创 建 者:lelight

// 创建日期:2018/12/19.

// 文档说明:

// 修 改 人:

// 修改日期:

//

#import "CHSwitch.h"

#import

static const CGFloat kAnimateDuration = 0.3f;

static const CGFloat kHorizontalAdjustment = 3.0f;

static const CGFloat kRectShapeCornerRadius = 4.0f;

static const CGFloat kThumbShadowOpacity = 0.3f;

static const CGFloat kThumbShadowRadius = 0.5f;

static const CGFloat kSwitchBorderWidth = 1.75f;

@interface CHSwitch ()

@property (nonatomic, strong) UIView *onBackgroundView;

@property (nonatomic, strong) UIView *offBackgroundView;

@property (nonatomic, strong) UIView *thumbView;

@end

@implementation CHSwitch

@synthesize onBackgroundView = _onBackgroundView;

@synthesize offBackgroundView = _offBackgroundView;

@synthesize thumbView = _thumbView;

@synthesize on = _on;

@synthesize shape = _shape;

@synthesize onTintColor = _onTintColor;

@synthesize tintColor = _tintColor;

@synthesize thumbTintColor = _thumbTintColor;

@synthesize shadow = _shadow;

@synthesize onTintBorderColor = _onTintBorderColor;

@synthesize tintBorderColor = _tintBorderColor;

#pragma mark - View

- (id)initWithFrame:(CGRect)frame {

self = [super initWithFrame:frame];

if (self) {

[self setupUI];

}

return self;

}

- (void) awakeFromNib {

[super awakeFromNib];

[self setupUI];

}

- (void)setupUI {

self.shape = CHSwitchShapeOval;

[self setBackgroundColor:[UIColor clearColor]];

// Background view for ON

self.onBackgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];

[self.onBackgroundView setBackgroundColor:[UIColor colorWithRed:(19.0f/255.0f) green:(121.0f/255.0f) blue:(208.0f/255.0f) alpha:1.0f]];

[self.onBackgroundView.layer setCornerRadius:self.frame.size.height/2];

[self.onBackgroundView.layer setShouldRasterize:YES];

[self.onBackgroundView.layer setRasterizationScale:[UIScreen mainScreen].scale];

[self addSubview:self.onBackgroundView];

// Background view for OFF

self.offBackgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];

[self.offBackgroundView setBackgroundColor:[UIColor whiteColor]];

[self.offBackgroundView.layer setCornerRadius:self.frame.size.height/2];

[self.offBackgroundView.layer setShouldRasterize:YES];

[self.offBackgroundView.layer setRasterizationScale:[UIScreen mainScreen].scale];

[self addSubview:self.offBackgroundView];

// Round switch view

self.thumbView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.height-kHorizontalAdjustment, self.frame.size.height-kHorizontalAdjustment)];

[self.thumbView setBackgroundColor:[UIColor whiteColor]];

[self.thumbView setUserInteractionEnabled:YES];

[self.thumbView.layer setCornerRadius:(self.frame.size.height-kHorizontalAdjustment)/2];

[self.thumbView.layer setShadowOffset:CGSizeMake(0, 1)];

[self.thumbView.layer setShouldRasterize:YES];

[self.thumbView.layer setShadowOpacity:kThumbShadowOpacity];

[self.thumbView.layer setRasterizationScale:[UIScreen mainScreen].scale];

[self addSubview:self.thumbView];

self.shadow = YES;

// Default to OFF position

[self.thumbView setCenter:CGPointMake(self.thumbView.frame.size.width/2, self.frame.size.height/2)];

// Handle Thumb Tap Gesture

UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self

action:@selector(handleSwitchTap:)];

[tapGestureRecognizer setDelegate:self];

[self.thumbView addGestureRecognizer:tapGestureRecognizer];

// Handle Background Tap Gesture

UITapGestureRecognizer *tapBgGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleBgTap:)];

[tapBgGestureRecognizer setDelegate:self];

[self addGestureRecognizer:tapBgGestureRecognizer];

// Handle Thumb Pan Gesture

UIPanGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePan:)];

[panGestureRecognizer setDelegate:self];

[self.thumbView addGestureRecognizer:panGestureRecognizer];

[self setOn:NO];

}

#pragma mark - Accessor

- (BOOL)isOn {

return _on;

}

- (void)setOn:(BOOL)on {

if (_on != on)

_on = on;

if (_on) {

[self.onBackgroundView setAlpha:1.0];

self.offBackgroundView.transform = CGAffineTransformMakeScale(0.0, 0.0);

self.thumbView.center = CGPointMake(self.onBackgroundView.frame.size.width - (self.thumbView.frame.size.width + kHorizontalAdjustment)/2, self.thumbView.center.y);

}

else {

[self.onBackgroundView setAlpha:0.0];

self.offBackgroundView.transform = CGAffineTransformMakeScale(1.0, 1.0);

self.thumbView.center = CGPointMake((self.thumbView.frame.size.width+kHorizontalAdjustment)/2, self.thumbView.center.y);

}

}

- (void)setOnTintColor:(UIColor *)color

{

if (_onTintColor != color)

_onTintColor = color;

[self.onBackgroundView setBackgroundColor:color];

}

- (void)setOnTintBorderColor:(UIColor *)color

{

if (_onTintBorderColor != color)

_onTintBorderColor = color;

[self.onBackgroundView.layer setBorderColor:color.CGColor];

if (color)

[self.onBackgroundView.layer setBorderWidth:kSwitchBorderWidth];

else

[self.onBackgroundView.layer setBorderWidth:0.0];

}

- (void)setTintColor:(UIColor *)color

{

if (_tintColor != color)

_tintColor = color;

[self.offBackgroundView setBackgroundColor:color];

}

- (void)setTintBorderColor:(UIColor *)color

{

if (_tintBorderColor != color)

_tintBorderColor = color;

[self.offBackgroundView.layer setBorderColor:color.CGColor];

if (color)

[self.offBackgroundView.layer setBorderWidth:kSwitchBorderWidth];

else

[self.offBackgroundView.layer setBorderWidth:0.0];

}

- (void)setThumbTintColor:(UIColor *)color

{

if (_thumbTintColor != color)

_thumbTintColor = color;

[self.thumbView setBackgroundColor:color];

}

- (void)setShape:(CHSwitchShape)newShape

{

if (_shape != newShape)

_shape = newShape;

if (newShape == CHSwitchShapeOval)

{

[self.onBackgroundView.layer setCornerRadius:self.frame.size.height/2];

[self.offBackgroundView.layer setCornerRadius:self.frame.size.height/2];

[self.thumbView.layer setCornerRadius:(self.frame.size.height-kHorizontalAdjustment)/2];

}

else if (newShape == CHSwitchShapeRectangle)

{

[self.onBackgroundView.layer setCornerRadius:kRectShapeCornerRadius];

[self.offBackgroundView.layer setCornerRadius:kRectShapeCornerRadius];

[self.thumbView.layer setCornerRadius:kRectShapeCornerRadius];

}

else if (newShape == CHSwitchShapeRectangleNoCorner)

{

[self.onBackgroundView.layer setCornerRadius:0];

[self.offBackgroundView.layer setCornerRadius:0];

[self.thumbView.layer setCornerRadius:0];

}

}

- (void)setShadow:(BOOL)showShadow

{

if (_shadow != showShadow)

_shadow = showShadow;

if (showShadow)

{

[self.thumbView.layer setShadowOffset:CGSizeMake(0, 1)];

[self.thumbView.layer setShadowRadius:kThumbShadowRadius];

[self.thumbView.layer setShadowOpacity:kThumbShadowOpacity];

}

else

{

[self.thumbView.layer setShadowRadius:0.0];

[self.thumbView.layer setShadowOpacity:0.0];

}

}

#pragma mark - Animation

- (void)animateToDestination:(CGPoint)centerPoint withDuration:(CGFloat)duration switch:(BOOL)on

{

[UIView animateWithDuration:duration

delay:0.0f

options:UIViewAnimationOptionCurveEaseOut

animations:^{

self.thumbView.center = centerPoint;

if (on)

{

[self.onBackgroundView setAlpha:1.0];

}

else

{

[self.onBackgroundView setAlpha:0.0];

}

}

completion:^(BOOL finished) {

if (finished)

{

[self updateSwitch:on];

}

}];

[UIView animateWithDuration:duration

delay:0.075f

options:UIViewAnimationOptionCurveEaseOut

animations:^{

if (on)

{

self.offBackgroundView.transform = CGAffineTransformMakeScale(0.0, 0.0);

}

else

{

self.offBackgroundView.transform = CGAffineTransformMakeScale(1.0, 1.0);

}

}

completion:^(BOOL finished) {

}];

}

#pragma mark - Gesture Recognizers

- (void)handlePan:(UIPanGestureRecognizer *)recognizer

{

CGPoint translation = [recognizer translationInView:self.thumbView];

// Check the new center to see if within the boud

CGPoint newCenter = CGPointMake(recognizer.view.center.x + translation.x,

recognizer.view.center.y);

if (newCenter.x < (recognizer.view.frame.size.width+kHorizontalAdjustment)/2 || newCenter.x > self.onBackgroundView.frame.size.width-(recognizer.view.frame.size.width+kHorizontalAdjustment)/2)

{

// New center is Out of bound. Animate to left or right position

if(recognizer.state == UIGestureRecognizerStateBegan ||

recognizer.state == UIGestureRecognizerStateChanged)

{

CGPoint velocity = [recognizer velocityInView:self.thumbView];

if (velocity.x >= 0)

{

// Animate move to right

[self animateToDestination:CGPointMake(self.onBackgroundView.frame.size.width - (self.thumbView.frame.size.width+kHorizontalAdjustment)/2, recognizer.view.center.y) withDuration:kAnimateDuration switch:YES];

}

else

{

// Animate move to left

[self animateToDestination:CGPointMake((self.thumbView.frame.size.width+kHorizontalAdjustment)/2, recognizer.view.center.y) withDuration:kAnimateDuration switch:NO];

}

}

return;

}

// Only allow vertical pan

recognizer.view.center = CGPointMake(recognizer.view.center.x + translation.x,

recognizer.view.center.y);

[recognizer setTranslation:CGPointMake(0, 0) inView:self.thumbView];

CGPoint velocity = [recognizer velocityInView:self.thumbView];

if(recognizer.state == UIGestureRecognizerStateEnded)

{

if (velocity.x >= 0)

{

if (recognizer.view.center.x < self.onBackgroundView.frame.size.width - (self.thumbView.frame.size.width+kHorizontalAdjustment)/2)

{

// Animate move to right

[self animateToDestination:CGPointMake(self.onBackgroundView.frame.size.width - (self.thumbView.frame.size.width+kHorizontalAdjustment)/2, recognizer.view.center.y) withDuration:kAnimateDuration switch:YES];

}

}

else

{

// Animate move to left

[self animateToDestination:CGPointMake((self.thumbView.frame.size.width+kHorizontalAdjustment)/2, recognizer.view.center.y) withDuration:kAnimateDuration switch:NO];

}

}

}

- (void)handleSwitchTap:(UIPanGestureRecognizer *)recognizer

{

if (recognizer.state == UIGestureRecognizerStateEnded)

{

if (self.isOn)

{

// Animate move to left

[self animateToDestination:CGPointMake((self.thumbView.frame.size.width+kHorizontalAdjustment)/2, recognizer.view.center.y) withDuration:kAnimateDuration switch:NO];

}

else

{

// Animate move to right

[self animateToDestination:CGPointMake(self.onBackgroundView.frame.size.width - (self.thumbView.frame.size.width+kHorizontalAdjustment)/2, recognizer.view.center.y) withDuration:kAnimateDuration switch:YES];

}

}

}

- (void)handleBgTap:(UIPanGestureRecognizer *)recognizer

{

if (recognizer.state == UIGestureRecognizerStateEnded)

{

if (self.isOn)

{

// Animate move to left

[self animateToDestination:CGPointMake((self.thumbView.frame.size.width+kHorizontalAdjustment)/2, self.thumbView.center.y) withDuration:kAnimateDuration switch:NO];

}

else

{

// Animate move to right

[self animateToDestination:CGPointMake(self.onBackgroundView.frame.size.width - (self.thumbView.frame.size.width+kHorizontalAdjustment)/2, self.thumbView.center.y) withDuration:kAnimateDuration switch:YES];

}

}

}

#pragma mark -

- (void)updateSwitch:(BOOL)on

{

if (_on != on)

_on = on;

[self sendActionsForControlEvents:UIControlEventValueChanged];

}

@end

weixin_39665060
关注
uiswitch样式_Swift - 表格UITableView的plain、grouped两种样式详解（附分组头悬停）
weixin_39973271的博客
12-21 817
在表格 tableview初始化的时候我们可以指定需要使用的 UITableViewStyle样式，可用的样式一共有两种：.plain和 .grouped。下面分别对它们做介绍。一、plain模式1，默认样式在 plain模式下，如果 tableview有多个 section(分区、分组)，组与组之间默认是没有间距的。同时组头或组尾会有 sticky效果(粘性效果、悬停效果),即表格滚动时组头与组...
uiswitch样式_iOS - UISwitch 、UISegmentedControl
weixin_39617252的博客
12-21 158
#pragma mark----目录----1、UISwitch开关2、UISegmentedControl分段选择控制器3、UISlider滑杆4、UIProgressView进度条5、UIActivityIndicatorView等待视图#pragma mark----UISwitch---*UISwitch开关的大小是固定的*on这个属性设置开关开启关闭也可以读取开关的状态*注意属性onIm...
可变大小、颜色边框、样式的UISwitch
diaochuanzhi7826的博客
12-20 179
1、CHSwitch.h // // 文 件 名:CHSwitch.h // // 版权所有:Copyright © 2018 lelight. All rights reserved. // 创 建 者:lelight // 创建日期:2018/12/19. // 文档说明: // 修 改 人: // 修改日期: // #import <UIKit/UIKit.h> N...
UISwitch控件修改大小。设置颜色
ihoudf
02-29 7194
// 显示的颜色    _switch0.onTintColor= [UIColorcolorWithRed:0.984green:0.478blue:0.224alpha:1.000];    // 控件大小，不能设置frame，只能用缩放比例    _switch0.transform= CGAffineTransformMakeScale(0.75,0.75);
UISwitch控件修改大小。
热门推荐
06-13 1万+
// 修改控件的大小，不能设置frame，只能用缩放比例 _switch0.transform = CGAffineTransformMakeScale(0.75, 0.75);
Android进阶之自定义View实战(一)仿iOS UISwitch控件实现
kakaxicm的博客
05-19 2964
一.引言个人觉得，自定义View一直是Android开发最变换莫测、最难掌握、也是最具吸引力的地方。因为它涉及到的知识点比较多，想在实际应用中驾轻就熟，由浅入深，你需要掌握以下知识点: 1. View的绘制机制以及Canvas、Paint、Rect等的常用方法; 2. View的测量及布局机制:熟悉View的测量模式以及对实际宽高的影响;熟悉对view位置的影响因素，如：layout/onL
使用UIAppearance定制全局界面样式
在iOS开发中，UIAppearance是一种能够批量修改界面元素样式的机制。通过UIAppearance，我们可以统一定制界面元素的外观，从而实现全局的一致性效果。 ## 1.2 UIAppearance的作用和优势 UIAppearance的作用在于简化...
IOS应用源码之多种风格的RoundSwitch .rar
07-08
5. 定义属性来控制开关的状态和外观，如颜色、大小、边框宽度等，这些属性可以通过KVC（Key-Value Coding）绑定到界面元素。 在源代码中，你可能还会看到对Auto Layout的使用，以确保RoundSwitch在不同尺寸的屏幕上...
ios-LLSwitch一个有趣的开关.zip
07-11
1. **高度可定制**：你可以自由调整开关的背景色、滑块颜色、文字颜色等，以适应各种UI设计需求。 2. **动画效果**：LLSwitch支持自定义开关切换时的动画，例如平滑过渡、渐变颜色变化等，提升用户体验。 3. **文字...
素材：滑动按钮素材图片
最新发布
08-02
设计时，考虑颜色搭配、尺寸比例、边框样式等因素，以确保按钮与整体界面风格的一致性，并符合用户的认知习惯。 滑动按钮有多种类型，例如开关按钮、滑块、滚动条等。开关按钮是最常见的形式，用户通过滑动指示器在...
如何更改工程内最少的代码修改系统UISwitch的大小和样式 的示例代码
11-26
这篇博客http://blog.csdn.net/qq_15509071/article/details/78639187 ”如何更改工程内最少的代码修改系统UISwitch的大小和样式 “的示例代码
iOS开发中UISwitch按钮的使用方法简介
09-03
主要介绍了iOS开发中UISwitch按钮的使用方法,代码基于传统的Objective-C,需要的朋友可以参考下
UISwitch
趁着年轻，多学学
12-11 381
#pragma mark - 加载视图 - (void)viewDidLoad { [super viewDidLoad]; CGRect frame = CGRectMake(20, 20, 0, 0); self.mySwitch = [[UISwitch alloc] initWithFrame:frame]; //设置当前的状态是开启的 [self.
uiswitch样式_iOS基本UI控件介绍-Swift版
weixin_39639514的博客
12-30 292
iOS基本UI控件总结iOS基础控件包括以下几类:1、继承自NSObject:(暂列为控件)UIColor //颜色UIImage //图像2、继承自UIView:只能相应手势UIGestureRecognizer事件,如果本身不响应会将事件action向superview传递UILabel 　 //文本展示UIImageView ...
UISwitch控件的样式设置
zzyeeaa的博客
04-12 1132
//可滑动的圆点颜色 switch.thumbTintColor //边框颜色 switch.tintColor
如何更改工程内最少的代码修改系统UISwitch的大小和样式
qq_15509071的博客
11-26 1577
网上搜了一下，基本都是讲的如何自定义UISwitch控件。我今天来写一篇如何不更改（或最少的更改）原有工程里各个类关于UISwitch的声明、设置、调用代码，平滑的将系统UISwitch样式大小更改为客户需要求展示的样式。 看一下系统的UISwitch的展示效果 系统的UISwitch的提供的属性和方法： 方法很少，能让开发者修改的地方
在网页上制作一个UISwitch
BerenCamlost的博客
02-20 277
作者：BerenCamlost 文章目录作者：BerenCamlost绪论1 利用JavaScript制作UISwitch1.1 盒模型1.2 CSS样式1.3 js代码2 利用jQuery制作UISwitch2.1 HTML和CSS代码再次粘贴在这里：2.2 jQuery代码 绪论 苹果的开关按钮UISwitch（如下图所示）是一个非常棒的UI设计，很适合用于各种开关的场合。 下面我将演式如...
UISwitch的大小
iOS15011015的博客
03-21 1505
iOS系统为UISwitch指定的大小是{51, 31}，设置UISwitch的宽高是无效的。 - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. UISwitch *aSwitch = [[UISwitch alloc] init]; [self.view addSubview:aSwitch]; UISwitc
UISwitch详解
走向大师的菜鸟
12-30 505
上代码 UISwitch * Switch = [[UISwitch alloc] initWithFrame:CGRectMake(100, 100, 100, 30)]; Switch.tag = 12; // Switch.onTintColor = [UIColor redColor];//开端的颜色 左端 // Switch.tintColor = [UIColor b
objective-C中，如何修改UISwitch按钮的大小跟颜色
07-15
在Objective-C中，要修改UISwitch按钮的大小和颜色，可以通过设置UISwitch的属性来实现。 1. 修改大小： 可以通过设置UISwitch的transform属性来修改按钮的大小。例如，将UISwitch的大小设置为原来的两倍，可以使用以下代码： ```objective-c mySwitch.transform = CGAffineTransformMakeScale(2.0, 2.0); ``` 这将使UISwitch的宽度和高度都变为原来的两倍。 2. 修改颜色： 可以通过设置UISwitch的onTintColor属性来修改按钮的颜色。例如，将UISwitch的选中状态下的颜色修改为红色，可以使用以下代码： ```objective-c mySwitch.onTintColor = [UIColor redColor]; ``` 这将使UISwitch在选中状态下的背景颜色变为红色。 如果你想同时修改按钮的颜色和大小，可以结合上述两种方法来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值