当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS App开发中的UISegmentedControl分段组件用法总结

iOS App开发中的UISegmentedControl分段组件用法总结

2019年07月24日  | 移动技术网IT编程  | 我要评论

引咎自杀的意思,菊花香香,新型饲料添加剂

uisegmentedcontrol分段控件代替了桌面os上的单选按钮。不过它的选项个数非常有限,因为你的ios设备屏幕有限。当我们需要使用选项非常少的单选按钮时它很合适。
一、创建

复制代码 代码如下:

uisegmentedcontrol* mysegmentedcontrol = [[uisegmentedcontrol alloc]initwithitems:nil];


是不是很奇怪没有指定位置和大小呢?没错,我确实在他的类声明里只找到 initwithitems 而未找到 initwithframe ,所以他不需要指定,不过我看到了另一个方法,这个方法可以设置item的宽度:
复制代码 代码如下:

mysegmentedcontrol setwidth:100 forsegmentatindex:0];//设置item的宽度 

二、属性
复制代码 代码如下:

mysegmentedcontrol.segmentedcontrolstyle = uisegmentedcontrolstylebar;//风格 

可以视使用的场合,有三种风格选择,如下:
复制代码 代码如下:

typedef enum { 
    uisegmentedcontrolstyleplain,     // large plain 有灰边的大白按钮,适合偏好设置单元 
    uisegmentedcontrolstylebordered,  // large bordered 黑边的大白按钮,适用于表格单元 
    uisegmentedcontrolstylebar,       // small button/nav bar style. tintable 小按钮,适合导航栏 
    uisegmentedcontrolstylebezeled,   // large bezeled style. tintable 
} uisegmentedcontrolstyle; 

如果你使用的是 uisegmentedcontrolstylebar 风格,还可以用空间的 tintcolor 属性为整个控件设置渲染色彩:
复制代码 代码如下:

uicolor *mytint = [[ uicolor alloc]initwithred:0.66 green:1.0 blue:0.77 alpha:1.0]; 
mysegmentedcontrol.tintcolor = mytint; 

三、添加、删除片段
每个分段控件的片段都是一个按钮,其中包含一个标签或图片。你需要在你的控件中为每个控件创建一个片段。只要屏幕放得下,就可以有许多片段,但用户同一时刻只能选择一个片段。
复制代码 代码如下:

[mysegmentedcontrol insertsegmentwithtitle:@"first" atindex:0 animated:yes]; 
[mysegmentedcontrol insertsegmentwithtitle:@"second" atindex:2 animated:yes];

每个
按钮都被赋予一个索引,用这个索排序以及标识。
你也可以添加一个含有图像的片段,用insersegmentwithimage
复制代码 代码如下:

[mysegmentedcontrol insertsegmentwithimage:[uiimage imagenamed:@"pic"]  atindex:3 animated:yes];

删除片段
复制代码 代码如下:

[mysegmentedcontrol removesegmentatindex:0 animated:yes];//删除一个片段 
[mysegmentedcontrol removeallsegments];//删除所有片段

四、片段标题
复制代码 代码如下:

[mysegmentedcontrol settitle:@"zero" forsegmentatindex:0];//设置标题 
nsstring* mytitle = [mysegmentedcontrol titleforsegmentatindex:1];//读取标题 

五、图像
每个分段也可以设置图像:
复制代码 代码如下:

[mysegmentedcontrol setimage:[uiimage imagenamed:@"pic"] forsegmentatindex:1];//设置 
uiimage* myimage = [mysegmentedcontrol imageforsegmentatindex:2];//读取 

注意:图像不会自动调整大小,图片多大就会原生地显示多大,所以你要通知做图的美工大小要精确。

六、选中分段
分段控件的默认行为是,一旦按钮被选中就一直保持,直到另外一个按钮被选中为止。你可以改变这种默认的行为,变成按钮按下后很快就自动释放。将控件的momentary属性设为yes:

复制代码 代码如下:

mysegmentedcontrol.momentary = yes; 

注意:开启这个功能后点触片段不会更新 selectedsegmentedindex,因此也就无法通过这个属性得到当前选取的片段。
初始化默认片段
默认情况下,除非你指定,否则不会有任何片段被选中。要设置 selectedsegmentedindex 属性:
复制代码 代码如下:

mysegmentedcontrol.selectedsegmentedindex = 0; 

七、显示控件
复制代码 代码如下:

[parentview addsubview:mysegmentedcontrol];//添加到父视图 

或 
复制代码 代码如下:

self.navigationitem.titleview = mysegmentedcontrol;//添加到导航栏 

八、读取控件
通过 selectedsegmentedindex 属性,可以读取当前选中分段的值,这个值就是选中片段的索引号。
复制代码 代码如下:

int x = mysegmentedcontrol. selectedsegmentedindex; 

九、通知
要接收片段选取的通知,可以用uicontrol类的 addtarget 方法,为 uicontroleventvaluechanged 事件添加一个动作:
复制代码 代码如下:

[mysegmentedcontrol addtarget:self action:@selector(selected:) forcontrolevents:uicontroleventvaluechanged]; 

只要选中了一个片段,你的动作方法就会被调用:
复制代码 代码如下:

-(void)selected:(id)sender{ 
    uisegmentedcontrol* control = (uisegmentedcontrol*)sender; 
    switch (control.selectedsegmentindex) { 
        case 0: 
            // 
            break; 
        case 1: 
            // 
            break; 
        case 2: 
            // 
            break; 
             
        default: 
            break; 
    } 


十、设置圆角以及设置选中颜色为空
复制代码 代码如下:

uisegmentedcontrol *seg = [[uisegmentedcontrol alloc]initwithitems:[nsarray arraywithobjects:@"设置",@"知道了", nil]];

seg.frame = cgrectmake(10,0, cgrectgetwidth(self.view.frame) - 20, 35);

seg.center = isbluetoothoffalerview.center;

seg.layer.bordercolor = [uicolor whitecolor].cgcolor;

seg.layer.borderwidth = 2;

seg.tintcolor = [uicolor whitecolor];

seg.backgroundcolor = [uicolor clearcolor];

nsdictionary *dic = [nsdictionary dictionarywithobjectsandkeys:[uicolor whitecolor], nsforegroundcolorattributename,[uifont systemfontofsize:24],nsfontattributename,nil];

[seg settitletextattributes:dic forstate:uicontrolstatenormal];

seg.layer.cornerradius = 15;

seg.layer.maskstobounds = yes;

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网