UI: 自定义 UISegmentedControl

问题:

已在 UI 界面中放置了一个或者两个分段控件,现在你希望对分段控件进行定制,以与你的 UI 风格一致。

tintColor属性,通过该属性,可以修改分段控件的tint color

self.segmentedControl.tintColor = [UIColor redColor]; }

你还可以通过下面的方法来定制分段控件中不同 UI 组件的图片:

setBackgroundImage:forState:barMetrics:这个方法用来设置分段控件的背景图片。

　　forState 参数指定了在哪种状态下图片背景是什么。这里有两种状态:selected(当用户按下某一项时)和 unselected(初始状态,当用户没有选中时也是这个状态)。传递 UIControlStateNormal 可以修改为 unselected 状态,而 UIControlStateSelected 则为选中状态。

setDividerImage:forLeftSegmentState:rightSegmentState:barMetrics:

这个方法用来设置分段控件中两项之间的分割图片。在这里需要提供 3 个图片来进行分割:

　　　　在两个 unselected 的分段项之间　　　　

　　　　在 selected(左边)和 unselected(右边)项之间

　　　　在 unselected(左边)和 selected(右边)项之间

转载于:https://www.cnblogs.com/safiri/p/4015798.html

UI: 自定义 UISegmentedControl相关推荐

phpcmsV9留言板 - 提交后提示页UI自定义效果
自定义留言板提交之后的提示页面 phpcmsV9自定义提示页面对应修改的文件为: phpcms/templates/default/content/message.html 首先,我们看一下自定义前 ...
小红书图片剪裁框架+微信图片选择器+超高清大图预览+图片自定义比例剪裁，支持 UI 自定义、支持跨进程回调
YImagePicker 项目地址:yangpeixing/YImagePicker 简介: 小红书图片剪裁框架+微信图片选择器+超高清大图预览+图片自定义比例剪裁,支持 UI 自定义.支持跨进程回调 ...
Element UI 自定义日历
Element UI 自定义日历代码示例 HTML部分 <template><el-calendar ref="calendar"><templat ...
从一个实际的例子出发，谈谈SAP Commerce Cloud电商云的UI自定义开发
昨天 Jerry 读到了 SAP天天事公众号上发布的一篇文章:多家知名企业选择 SAP Commerce Cloud 为客户提供卓越购物体验. SAP 日前宣布,锦江国际旗下的全球酒店供应链平台锦江 ...
UI 自定义视图 ,视图管理器
一>自定义label - textField 视图自定义视图:系统标准UI之外,自己组合而出的新的视图 iOS 提供了很多UI组件 ,借助它们,我们可以做各种程序尽管如此,实际开发中,我们还 ...
Element UI 自定义动态换肤（主题）
需求背景:项目需要支持动态换主题,主题色可以随意选择(即用户想用什么颜色的主题就用什么颜色的主题):而element官网给的自定义主题只能是项目里写死,无法实现用户动态切换: 方式一:调接口加载C ...
Element UI 自定义穿梭框的数据项
文章目录需求官网说明实现效果具体步骤附加需求:调节穿梭框高宽度需求穿梭框中显示的内容是包含多个字段的数据(把表格的几个字段在穿梭框中展示)以及修改相应的样式,查看 Element UI ...
UI自定义UITableView的右侧索引
// 右边索引的标题数组 - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView { NSMutableArray * ...
饿了么ui自定义el-select小三角图标
如下图: 需求需要自定义el-select小三角图标. 解决方案: /deep/.el-select__caret::before {content: '';background: url(../.. ...

UI: 自定义 UISegmentedControl

UI: 自定义 UISegmentedControl相关推荐

最新文章

热门文章