UISegmentedControl如何设置背景图片

前言

开始之前，请允许我发个牢骚。设置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;即可。这行代码就是重点了。注意，这行代码必须放在该方法的最后面哦。

结尾

如果你有更好的解决方法，不妨在下面留言分享一下哦，大家共勉之。另外如果你对这篇文章存在什么疑问，也可以给我留言哦！