服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - 详解iOS App中UISwitch开关组件的基本创建及使用方法

详解iOS App中UISwitch开关组件的基本创建及使用方法

2021-01-19 15:33ly渐行渐远 IOS

UISwitch组件就是我们平时在iOS设置菜单中开到的那种左右滑动的开关按钮,当然我们在开发时可以进行更多的自定义,这里我们就来详解iOS App中UISwitch开关组件的基本创建及使用方法

一、第一种创建uiswitch组件的方法,在代码中动态创建。

1、打开xcode, 新建项目switch,选择single view application。

2、打开viewcontroller.m文件在viewdidload方法里添加代码:

复制代码 代码如下:


(void)viewdidload 

    [super viewdidload]; 
    uiswitch *switchbutton = [[uiswitch alloc] initwithframe:cgrectmake(50, 100, 20, 10)]; 
    [switchbutton seton:yes]; 
    [switchbutton addtarget:self action:@selector(switchaction:) forcontrolevents:uicontroleventvaluechanged]; 
    [self.view addsubview:switchbutton]; 

 

    // do any additional setup after loading the view, typically from a nib. 

[switchbutton addtarget:selfaction:@selector(switchaction:)forcontrolevents:uicontroleventvaluechanged];


代码中selector中的switchaction:需要我们自己实现,就是按下时接收到的事件。

 

记得把switchbutton加到当前view,调用[self.viewaddsubview:switchbutton];

3、监听uiswitch按下事件

实现代码如下:

复制代码 代码如下:

(void)switchaction:(id)sender 

    uiswitch *switchbutton = (uiswitch*)sender; 
    bool isbuttonon = [switchbutton ison]; 
    if (isbuttonon) { 
        showswitchvalue.text = @"是"; 
    }else { 
        showswitchvalue.text = @"否"; 
    } 
}


showswitchvalue是我通过拖拽控件方法放到界面上的label,方便显示效果

 

运行,效果:

详解iOS App中UISwitch开关组件的基本创建及使用方法

 

二、通过拖拽方法使用uiswitch

1、往xib文件上拖拽一个uiswitch控件。

详解iOS App中UISwitch开关组件的基本创建及使用方法

2、按alt+command + return键开启assistant editor模式,选中uiswitch控件,按住control键,往viewcontroller.h拖拽

详解iOS App中UISwitch开关组件的基本创建及使用方法

3、选action方式

详解iOS App中UISwitch开关组件的基本创建及使用方法

4、.m文件中实现switchaction 。刚才动态创建的时候也用到这个方法名称,可以先注释掉刚才的。

复制代码 代码如下:

(ibaction)switchaction:(id)sender { 
    uiswitch *switchbutton = (uiswitch*)sender; 
    bool isbuttonon = [switchbutton ison]; 
    if (isbuttonon) { 
        showswitchvalue.text = @"是"; 
    }else { 
        showswitchvalue.text = @"否"; 
    } 

 

三、自定义uiswitch

1.使用类别扩展uiswitch。
如下:
 下面是uiswitch.h文件:

复制代码 代码如下:


#import

 

@interface uiswitch (tagged)
+ (uiswitch *) switchwithlefttext: (nsstring *) tag1 andright: (nsstring *) tag2;
@property (nonatomic, readonly) uilabel *label1;
@property (nonatomic, readonly) uilabel *label2;
@end


uiswitch.m文件:

复制代码 代码如下:


#import "uiswitch-extended.h"

 

#define tag_offset 900

@implementation uiswitch (tagged)
- (void) spelunkandtag: (uiview *) aview withcount:(int *) count
{
 for (uiview *subview in [aview subviews])
 {
 if ([subview iskindofclass:[uilabel class]])
 {
 *count += 1;
 [subview settag:(tag_offset + *count)];
 }
 else
 [self spelunkandtag:subview withcount:count];
 }
}

- (uilabel *) label1
{
 return (uilabel *) [self viewwithtag:tag_offset + 1];
}

- (uilabel *) label2
{
return (uilabel *) [self viewwithtag:tag_offset + 2];
}

+ (uiswitch *) switchwithlefttext: (nsstring *) tag1 andright: (nsstring *) tag2
{
 uiswitch *switchview = [[uiswitch alloc] initwithframe:cgrectzero];

int labelcount = 0;
[switchview spelunkandtag:switchview withcount:&labelcount];

if (labelcount == 2)
{
[switchview.label1 settext:tag1];
[switchview.label2 settext:tag2];
}

return [switchview autorelease];
}

@end


2.还有一种方法,这种方法比较简单,但比较难懂,我不甚理解。

复制代码 代码如下:


uiswitch *isfooorbar=[[uiswitch alloc] init];

 

((uilabel )[[[[[[isfooorbar subviews] lastobject] subviews] objectatindex:2] subviews]objectatindex:0]).text = @"foo";
((uilabel *)[[[[[[isfooorbar subviews] lastobject] subviews] objectatindex:2] subviews]objectatindex:1]).text = @"bar";*


四、一些常用方法
获得开关状态

复制代码 代码如下:

bool setting =  switchview.ison;
nslog(@"%d",setting);


设置开关状态 no关闭状态,yes打开状态

复制代码 代码如下:

[switchview seton:setting animated:yes];


设置开光的切换

复制代码 代码如下:

switchview.ontintcolor = [uicolor orangecolor];


设置按钮的颜色

复制代码 代码如下:

switchview.thumbtintcolor = [uicolor redcolor];


开关控件边框的颜色

复制代码 代码如下:

switchview.tintcolor = [uicolor purplecolor];


添加触发事件

复制代码 代码如下:

[switchview addtarget:self action:@selector(switchaction:) forcontrolevents:uicontroleventvaluechanged];

延伸 · 阅读

精彩推荐
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01