本文共 1730 字,大约阅读时间需要 5 分钟。
UISegmentedControl 用于管理和实现一组内容的切换逻辑,常用于导航栏的标题视图中
1,打开Xcode,创建名为 UISegmentedControl 的工程
如何创建工程:2,在ViewController.m的viewDidLoad方法中添加如下代码:
- (void)viewDidLoad { [super viewDidLoad]; // 使用带Item参数的构造方法初始化UISegmentedontrol对象,数组决定了按钮数量和标题 UISegmentedControl * seg = [[UISegmentedControl alloc]initWithItems:@[@"one", @"", @"three", @"four"]]; // 设置控制在界面上的位置 seg.frame = CGRectMake(20, 100, 280, 30); // 设置指定按钮图案,从0开始 [seg setImage:[[UIImage imageNamed:@"image"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forSegmentAtIndex:1]; // 设置按钮内容的位置偏移 [seg setContentOffset:CGSizeMake(10, 10) forSegmentAtIndex:0]; // 默认假-切换按钮模式:用户点击一个按钮后,此按钮一直保持选中状态,直到用户切换至另一个按钮 // 设置为真-触发按钮模式:用户手指离开屏幕后,按钮不再保持选中状态 seg.momentary = NO; // 将控件添加到当前视图上 [self.view addSubview:seg];}
图片添加请查看:
中”为UIButton添加背景和内容图片”部分运行程序:
UISegmentedControl控件初始化后,可以进行动态的添加删除和修改操作
// 在指定位置插入一个新的标题按钮// 参数1:设置标题// 参数2:设置插入的位置// 参数3:是否带动画效果// 与此方法对应还有一个插入图片按钮的方法[seg insertSegmentWithTitle:@"new" atIndex:2 animated:YES];// 删除一个指定按钮[seg removeSegmentAtIndex:1 animated:YES];// 重新设置按钮标题// 与此方法对应还有一个重新设置图片的方法[seg setTitle:@"replace" forSegmentAtIndex:1];// 移除所有按钮[seg removeAllSegments]
UISegmentedControl中的按钮宽度默认为平均分配,若按钮标题超长自动截断开发者可以手动对控件中每个按钮的宽度进行设置,便于按钮宽度与文字相适应
//设置指定按钮的宽度[seg setWidth:130 forSegmentAtIndex:3]
但是,这种写法有一个致命的缺点因为,可能开发者并不知道按钮标题文字所占的宽度,使用强制计算很麻烦所以,UISegmentedControl还提供了宽度自适应属性能够让UISegmentedControl自动计算按钮需要的宽度,进行宽度的自适应
// 开启UISegmentedControl按钮宽度的自适应seg.apportionsSegmentWidthsByContent = YES;
UISegmentedControl的触发方法也是通过addTarget方法设置的,与UIPageControl一致
IOS开发实战:UIPageControl分页控制器