ios switch外观_iOS--写一个可以自定义图片的SwitchView

川长思鸟来 2022-11-06 04:49 159阅读 0赞

![6788fbfcfa47][]

好久不写UI、正好项目里遇到一个需要自定义图片的SwitchView。

写了写封装了一下、感觉挺有意思干脆贴出来好了、没准对谁有用。

效果图如下、有需要可以自取。

![6788fbfcfa47][]

主要写了以下的几个功能

可以设置X秒内不允许点击。

可以设置X秒后无新动作再的捕获回调。

自定义文字颜色、大小

自定义背景色

自定义图片

.h文件如下

//

// KTSwitchView.h

// BaiSongInternational

//

// Created by 刘嵩野 on 2018/4/3.

// Copyright © 2018年 maqihan. All rights reserved.

//

\#import

@class KTSwitchView;

typedef NS\_OPTIONS(NSUInteger, KTSwitchViewStyle) \{

//选中状态

KTSwitchViewStyle\_Selected = 1 << 0,

//普通状态

KTSwitchViewStyle\_Default = 1 << 1,

\};

@protocol KTSwitchViewDelegate

/\*\*

\* selected属性改变的时候调用

\*/

\- (void)KTSwichViewDidChange:(KTSwitchView \*)swichView;

/\*\*

\* selected一定时间后没有再改变时调用 默认0s、也就是不走这个回调

\*/

\- (void)KTSwichViewDidDelayChange:(KTSwitchView \*)swichView;

@end

@interface KTSwitchView : UIView

@property (nonatomic, weak) id delegate;

/\* 延迟多久可以再次点击 \*/

@property (nonatomic, assign) NSTimeInterval eventInterval;

/\* 延迟多久回调 BSSwichViewDidDelayChange 默认0s\*/

@property (nonatomic, assign) NSTimeInterval delayTime;

@property (nonatomic) UIFont \* font;

@property (nonatomic) BOOL selected;

/\*\*

\* 可以KTSwitchViewStyle\_Default|KTSwitchViewStyle\_Selected同时设定两种状态

\*/

\- (void)setContentText:(NSString \*)contentText style:(KTSwitchViewStyle)style;

\- (void)setTextColor:(UIColor \*)textColor style:(KTSwitchViewStyle)style;

\- (void)setImage:(UIImage \*)img style:(KTSwitchViewStyle)style;

\- (void)setImageBgColor:(UIColor \*)color style:(KTSwitchViewStyle)style;

\- (void)setBgcolor:(UIColor \*)bgcolor style:(KTSwitchViewStyle)style;

@end

需要注意的是

布局使用的是Masonry、需要项目支持。

延迟回调用的是NSOperation队列、每次点击废弃队列中的旧操作。

其实也可以(或者说从场景上更适合)用定时器、但是个人情感上不太喜欢不断的开关某个定时器。

[6788fbfcfa47]: /images/20221023/f908243bff9b4312ba6c0e8786b1a741.png

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS 自定义 UICollectionView汇总

文章目录引言 I 、iOS上传图片视图的封装【支持删除和添加】 1.1 demo源码下载： 1.2 计算cell的高度 II

骑猪看日落/ 2022年11月11日 05:18/ 0 赞/ 142 阅读

相关 ios switch外观_iOS--写一个可以自定义图片的SwitchView

![6788fbfcfa47][] 好久不写UI、正好项目里遇到一个需要自定义图片的SwitchView。写了写封装了一下、感觉挺有意思干脆贴出来好了、没准对谁有用。

川长思鸟来/ 2022年11月06日 04:49/ 0 赞/ 160 阅读

相关 iOS开发-ios7 UIAlertView自定义

之前一个项目适配ios7之后，发现原先的UIAlertView无法正常显示。后来发现ios7里面原生态的UIAlertView不支持自定义了。然后就去github上找了

- 日理万妓/ 2022年09月20日 12:45/ 0 赞/ 136 阅读

相关 iOS开发-自定义后台显示图片(iOS7-Background Fetch的应用)

之前在用电池医生的时候, 发现它有这样一个功能:当应用进入后台的时候, 会显示另外一张图片覆盖App Switcher显示的界面。效果如下: ![Center][]变成-

- 日理万妓/ 2022年08月27日 05:37/ 0 赞/ 173 阅读

相关 iOS开发- UITabBarItem自定义图片(去除灰色)

在项目中使用UITabBarController的时候, 每个UITabBarItem都可以展示对应的图片。 UITabBarItem有两种状态, 即选中/ 非选中状态。

川长思鸟来/ 2022年08月12日 06:29/ 0 赞/ 155 阅读

相关 iOS心得7 按钮的图片和文字自定义位置

今天给大家看一下按钮的自定义效果通常我们的需要效果如果有图有字的话，我们基本上都是使用uibutton这个控件。但是系统自带的效果是左图右字。如果你需要上图下字或者上字下图

ゝ一纸荒年。/ 2022年08月09日 13:55/ 0 赞/ 119 阅读

相关 ios自定义年月UIDatePicker

由于系统的UIDatePicker，只有年月日，没有年月，才进行自定义使用 UIPickerView 进行封装效果图： ![Image 1][] 有关Data

雨点打透心脏的1/2处/ 2022年06月08日 23:36/ 0 赞/ 362 阅读

相关 iOS 自定义键盘

> 代码地址如下： > [http://www.demodashi.com/demo/11611.html][http_www.demodashi.com_demo_116

末蓝、/ 2022年05月30日 07:48/ 0 赞/ 196 阅读

相关 iOS 简单封装一个可以自定义内容的AlertView的界面

// // BTBaseAlertView.h // Test // // Created by liuyinghui on 20

落日映苍穹つ/ 2022年05月15日 00:21/ 0 赞/ 364 阅读

相关 iOS 自定义进度条

1. 创建MTProcessView, 并继承自UIButton MTProcessView.h import <UIKit/UIKit.h>

爱被打了一巴掌/ 2022年02月13日 06:17/ 0 赞/ 285 阅读