Question

我有一个应用程序，我想使用Instagram中的按钮自定义分段控件。我这样做了

 [[UISegmentedControl appearanceWhenContainedIn:[UISearchBar class], nil] setSegmentedControlStyle:UISegmentedControlStyleBar];
 [[UISegmentedControl appearanceWhenContainedIn:[UISearchBar class], nil] setTintColor:[UIColor clearColor]];

 [[UISegmentedControl appearance] setBackgroundImage:[UIImage imageNamed:@"back_bg.png"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
 [[UISegmentedControl appearance] setBackgroundImage:[UIImage imageNamed:@"white_btn.png"]

                   forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];

 [[UISegmentedControl appearance] setDividerImage:[UIImage imageNamed:@"segcontrol_uns-sel.png"]
                                     forLeftSegmentState:UIControlStateNormal
                                       rightSegmentState:UIControlStateSelected
                                              barMetrics:UIBarMetricsDefault];
 [[UISegmentedControl appearance] setDividerImage:[UIImage imageNamed:@"segcontrol_sel-uns.png"]
                                     forLeftSegmentState:UIControlStateSelected
                                       rightSegmentState:UIControlStateNormal
                                              barMetrics:UIBarMetricsDefault];

但是当我选择按钮时，它除了分割图像外突出显示。所以看起来有线。有人可以帮我吗？

Answer 1

试试这个：

UIImage *defaultBgImage,*selectedBgImage,*segcontrol_uns,*segcontrol_sel;

if ([UIImage instancesRespondToSelector:@selector(imageWithRenderingMode:)]) 
{
    defaultBgImage = [[UIImage imageNamed:@"back_bg.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    selectedBgImage = [[UIImage imageNamed:@"white_btn.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    segcontrol_uns = [[UIImage imageNamed:@"segcontrol_uns-sel.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    segcontrol_sel = [[UIImage imageNamed:@"segcontrol_sel-uns.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
}
else
{
    defaultBgImage = [UIImage imageNamed:@"back_bg.png"];
    selectedBgImage = [UIImage imageNamed:@"white_btn.png"];
    segcontrol_uns = [UIImage imageNamed:@"segcontrol_uns-sel.png"];
    segcontrol_sel = [UIImage imageNamed:@"segcontrol_sel-uns.png"];
}

[[UISegmentedControl appearance] setBackgroundImage:defaultBgImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

[[UISegmentedControl appearance] setBackgroundImage:selectedBgImage
forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];

 [[UISegmentedControl appearance] setDividerImage:segcontrol_uns forLeftSegmentState:UIControlStateNormal rightSegmentState:UIControlStateSelected
  barMetrics:UIBarMetricsDefault];

 [[UISegmentedControl appearance] setDividerImage:segcontrol_sel forLeftSegmentState: UIControlStateSelected rightSegmentState:UIControlStateNormal
  barMetrics:UIBarMetricsDefault];

Answer 2

你需要做＆＃34; setBackgroundImage ＆＃34;四个不同的州。

UIControlStateNormal
UIControlStateSelected
UIControlStateHighlighted
UIControlStateSelected | UIControlStateHighlighted（按下已选择的段时）

并且＆＃34; setDividerImage ＆＃34;七个不同的州。

forLeftSegmentState：的 UIControlStateNormal rightSegmentState：的 UIControlStateSelected

forLeftSegmentState： UIControlStateSelected rightSegmentState： UIControlStateNormal

forLeftSegmentState： UIControlStateHighlighted rightSegmentState： UIControlStateSelected

forLeftSegmentState： UIControlStateSelected rightSegmentState： UIControlStateHighlighted

forLeftSegmentState： UIControlStateSelected | UIControlStateHighlighted rightSegmentState： UIControlStateNormal

forLeftSegmentState： UIControlStateNormal rightSegmentState： UIControlStateSelected | UIControlStateHighlighted

forLeftSegmentState： UIControlStateNormal rightSegmentState： UIControlStateNormal

Answer 3

三段需要以下图像 1.段bg被选中 2.段bg未选中 3.中段，左选，右选未选 4.中段，左未选，右选分段中间，左侧和左侧正确选择分段中间，左侧和左侧未经选择的

我已经为3段控件编写了这段代码。但是，您可以根据自己的需要进行调整。

/* Unselected background */
UIImage *unselectedBackgroundImage = [[UIImage imageNamed:@"segment_background_unselected"] resizableImageWithCapInsets:UIEdgeInsetsMake(10, 10, 10, 10)];
[[UISegmentedControl appearance] setBackgroundImage:unselectedBackgroundImage
                                       forState:UIControlStateNormal
                                     barMetrics:UIBarMetricsDefault];

/* Selected background */
UIImage *selectedBackgroundImage = [[UIImage imageNamed:@"segment_background_selected"] resizableImageWithCapInsets:UIEdgeInsetsMake(10, 10, 10, 10)];
[[UISegmentedControl appearance] setBackgroundImage:selectedBackgroundImage
                                       forState:UIControlStateSelected
                                     barMetrics:UIBarMetricsDefault];

/* Image between two unselected segments */
UIImage *bothUnselectedImage = [[UIImage imageNamed:@"segment_middle_unselected"] resizableImageWithCapInsets:UIEdgeInsetsMake(15, 0, 15, 0)];
[[UISegmentedControl appearance] setDividerImage:bothUnselectedImage
                         forLeftSegmentState:UIControlStateNormal
                           rightSegmentState:UIControlStateNormal
                                  barMetrics:UIBarMetricsDefault];

/* Image between segment selected on the left and unselected on the right */
UIImage *leftSelectedImage = [[UIImage imageNamed:@"segment_middle_left_selected"] resizableImageWithCapInsets:UIEdgeInsetsMake(15, 0, 15, 0)];
[[UISegmentedControl appearance] setDividerImage:leftSelectedImage
                         forLeftSegmentState:UIControlStateSelected
                           rightSegmentState:UIControlStateNormal
                                  barMetrics:UIBarMetricsDefault];

/* Image between segment selected on the right and unselected on the left */
UIImage *rightSelectedImage = [[UIImage imageNamed:@"segment_middle_right_selected"] resizableImageWithCapInsets:UIEdgeInsetsMake(15, 0, 15, 0)];
[[UISegmentedControl appearance] setDividerImage:rightSelectedImage
                         forLeftSegmentState:UIControlStateNormal
                           rightSegmentState:UIControlStateSelected
                                  barMetrics:UIBarMetricsDefault];

Answer 4

以下代码为我修好了：

[[UISegmentedControl appearanceWhenContainedIn:[InboxViewController class], nil]  setBackgroundImage:[UIImage imageNamed:@"btn-gray"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
[[UISegmentedControl appearanceWhenContainedIn:[InboxViewController class], nil]  setBackgroundImage:[UIImage imageNamed:@"btn-gray"] forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];
[[UISegmentedControl appearanceWhenContainedIn:[InboxViewController class], nil]  setBackgroundImage:[UIImage imageNamed:@"btn-gray"] forState:UIControlStateSelected | UIControlStateHighlighted barMetrics:UIBarMetricsDefault];
[[UISegmentedControl appearanceWhenContainedIn:[InboxViewController class], nil]  setBackgroundImage:[UIImage imageNamed:@"btn-gray"] forState:UIControlStateHighlighted barMetrics:UIBarMetricsDefault];

UISegmentedControl图像突出显示iOS中的错误？

4 个答案: