前言
开始之前，请允许我发个牢骚。设置UISegmentedControl的背景图片，真是把我折腾的够呛的。无论怎么设置都是无法达到要求。在网查查来查去都是一堆一样的回答，真心感到绝望。后来自己倒腾出了一种做法，看下面。
效果图
公司UI给我的素材有两张，分别如下：
seg_leftSelected@3x.png
seg_rightSelected@3x.png
公司要求达到的效果，如下图
左边选中效果图.png
可我设置完之后的界面是酱紫的，如下图
左边选中实际图.png
我勒个乖乖，就是这个问题，我估摸着研究这玩意的时间全部加加在一起应该有24小时了吧。我当时的关键代码如下，大家随便看看就好。
//viewDidLoad方法里面的代码
// 设置中间分隔线的颜色，这还不是很重点
_segmentedControl.tintColor = RGB_COLOR(@"#1A9FF7");
// 监听segment值改变，这也不是重点，只是跟下面有点关联
[_segmentedControl addTarget:self action:@selector(segmentAction:) forControlEvents:UIControlEventValueChanged];
//================================================================
// segmentAction:方法里面的代码。
// 重点来了
- (void)segmentAction:(UISegmentedControl *)segmentControl {
// 这里写其他需要业务代码
if (segmentControl.selectedSegmentIndex == 0) {
[_segmentedControl setBackgroundImage:[UIImage imageNamed:@"seg_leftSelected"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
}else {
[_segmentedControl setBackgroundImage:[UIImage imageNamed:@"seg_rightSelected"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
}
}
几经波折，后来我的代码的酱紫的，如下：
// viewDidLoad方法里面的代码没变，略。
// segmentAction:方法里面的代码
- (void)segmentAction:(UISegmentedControl *)segmentControl {
// 这里写其他需要业务代码
if (segmentControl.selectedSegmentIndex == 0) {
[_segmentedControl setBackgroundImage:[UIImage imageNamed:@"seg_leftSelected"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
}else {
[_segmentedControl setBackgroundImage:[UIImage imageNamed:@"seg_rightSelected"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
}
// 意思就是不选中UISegmentedControl的任何一个segment
segmentControl.selectedSegmentIndex = -1;
}
运行之后效果如下图
运行之后的效果.png
怎么样，是不是跟效果图一模一样，大功告成了。
总结：其实就是在segmentAction:方法里面的最后面加上一行代码segmentControl.selectedSegmentIndex = -1;即可。这行代码就是重点了。注意，这行代码必须放在该方法的最后面哦。
结尾
如果你有更好的解决方法，不妨在下面留言分享一下哦，大家共勉之。另外如果你对这篇文章存在什么疑问，也可以给我留言哦！
