欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-12-05 15:37:40
uisegmentedcontrol分段控件代替了桌面os上的单选按钮。不过它的选项个数非常有限,因为你的ios设备屏幕有限。当我们需要使用选项非常少的单选按钮时它很合适。...

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;