ios5自定义UISegmentedControl
You need to provide the following images:
segment background selected (this has both left and right caps)
segment background unselected (this has both left and right caps)
segment middle, left selected, right unselected
segment middle, left unselected, right selected
segment middle, both left & right selected
segment middle, both left & right unselected
And then use the following code to set:
/* 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 right */
UIImage *rightSelectedImage = [[UIImage imageNamed:@"segment_middle_right_selected"] resizableImageWithCapInsets:UIEdgeInsetsMake(15, 0, 15, 0)];
[[UISegmentedControl appearance] setDividerImage:rightSelectedImage
forLeftSegmentState:UIControlStateNormal
rightSegmentState:UIControlStateSelected
barMetrics:UIBarMetricsDefault];
Note that you'll have to adjust the cap size in the stretchable images to match your images.
分享到:
相关推荐
这个压缩包"ios-自定义UISegmentedControl.zip"提供了对系统默认`UISegmentedControl`的一个自定义实现,以满足开发者对于界面样式和交互的个性化需求。源代码来源于GitHub项目 `STKitSwift`,作者是STShenZhaoliang...
本教程将深入探讨如何自定义UISegmentedControl,以实现独特的视觉效果和交互体验。 首先,我们要理解UISegmentedControl的基本结构。它由一个或多个段组成,每个段可以包含文本或图像。默认情况下,用户点击某个段...
然而,系统默认的UISegmentedControl样式有时不能满足设计师和开发者的需求,这时就需要自定义UISegmentedControl来实现特定的设计效果。本文将围绕STShenZhaoliang的作品——STKitSwift,详细讲解如何自定义...
然而,系统默认的样式有时无法满足设计师的个性化需求,因此开发者经常需要自定义`UISegmentedControl`来实现特定的视觉效果。本教程将深入探讨如何使用Swift语言创建一个具有滑块Tab效果的自定义`...
首先,我们来看一下如何自定义UISegmentedControl的布局方向。默认情况下,UISegmentedControl是水平排列的,如果想要将其设置为垂直布局,我们需要通过自定义视图和布局约束来实现。可以创建一个新的继承自...
这个压缩包"IOS应用源码——自定义颜色的UISegmentedControl.zip"提供了一个示例,展示了如何自定义UISegmentedControl的颜色,使得UI设计更加个性化。下面我们将详细讨论关于自定义UISegmentedControl颜色的相关...
这个Demo的重点在于如何自定义UISegmentedControl的颜色,这涉及到以下几个方面: 1. **自定义颜色**: 开发者可以通过设置`setTitleTextAttributes:`方法来改变UISegmentedControl的文字颜色,以及通过`...
下面我们将深入探讨这个主题,以及在iOS开发中自定义UISegmentedControl的相关知识点。 首先,我们要了解UISegmentedControl的基本用法。它通常用于展示两个或更多的操作选项,每个选项对应一个段。默认情况下,每...
本资源“IOS应用源码之自定义颜色的UISegmentedControl.zip”提供了关于如何自定义UISegmentedControl颜色的示例代码,这对于那些希望使应用界面更加个性化和吸引用户注意力的开发者来说是十分有价值的。 首先,...
"利用 UISegmentedControl 实现的滑块儿 Tab 效果.zip"这个开源项目就是为了解决这一需求,它通过自定义UISegmentedControl来实现这种滑动切换的效果,整个项目是用Swift编程语言编写的。 首先,让我们深入理解...
本文将深入探讨如何在2018年12月10日的iOS应用源码中自定义`UISegmentedControl`的颜色,以实现独特的视觉效果。 首先,了解`UISegmentedControl`的基本概念。它是`UIKit`框架的一部分,通常用于展示一组相关的开关...
自定义UISegmentedControl涉及到以下几个关键知识点: 1. **初始化与配置**:首先,你需要创建一个UISegmentedControl实例,通过初始化方法如`initWithItems:`传入标题数组来设置各个段的标签。你可以调整其大小、...
这个源码示例"自定义颜色的UISegmentedControl"着重于如何根据开发者的需求,对默认的`UISegmentedControl`外观进行个性化定制,特别是颜色方面。在iOS开发中,自定义UI元素是提升应用视觉效果和用户体验的关键。 `...
要实现与网易新闻类似的segment切换效果,可能需要进一步自定义UISegmentedControl的样式,例如添加边框、圆角、分割线等。可以使用`layer`属性来设置边框和圆角,使用自定义图像来模拟分割线。同时,可以监听`...
自定义颜色的UISegmentedControl.zipIOS应用例子源码下载自定义颜色的UISegmentedControl.zipIOS应用例子源码下载 1.适合学生学习研究参考 2.适合个人学习研究参考 3.适合公司开发项目技术参考
综上所述,实现"ios 连带滚动"涉及到自定义UISegmentedControl,动态计算下划线长度,设计可配置的接口,以及与内容视图的联动滚动逻辑。通过这一系列步骤,我们可以创建一个高效且用户友好的交互组件。
开发者可能通过自定义UISegmentedControl或者使用第三方库如SWRevealViewController,与UIScrollView相结合,实现了滑动手势切换不同内容的视图。 此外,"图文混排"这一标签表明项目可能包含复杂的布局管理,特别是...
5. **自定义外观**:可以使用`appearance` API来自定义所有`UISegmentedControl`的外观,或者针对特定实例使用`setTitleTextAttributes:forState:`来改变文字样式,`setDividerImage:forLeftSegmentState:...
在给定的"UISegmentedControl Demo代码"中,我们可以期待看到如何在实践中创建和自定义`UISegmentedControl`的例子。 首先,`UISegmentedControl`的基本用法包括初始化控件并添加按钮。在Objective-C或Swift中,你...