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

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

服务器之家 - 编程语言 - IOS - iOS App开发中的UISegmentedControl分段组件用法总结

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

2021-01-20 16:17刘伟 IOS

UISegmentedControl主要被用来制作分页按钮或添加跳转到不同位置的标签,这里我们就来看一下iOS App开发中的UISegmentedControl分段组件用法总结,需要的朋友可以参考下

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关于iOS自适应cell行高的那些事儿

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

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

    daisy6092021-05-17
  • IOSIOS开发之字典转字符串的实例详解

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

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

    苦练内功5832021-04-01
  • IOS解析iOS开发中的FirstResponder第一响应对象

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

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

    一片枫叶4662020-12-25
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

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

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

    xiari5772021-06-01
  • IOSiOS布局渲染之UIView方法的调用时机详解

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

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

    windtersharp7642021-05-04
  • IOSiOS通过逆向理解Block的内存模型

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

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

    Swiftyper12832021-03-03
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

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

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

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

    iOS 雷达效果实例详解

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

    SimpleWorld11022021-01-28