macOS SwiftUI 选择器组件规范之 01 分段控件


什么是分段控件(Segmented Controls)

分段控件是两个或多个分段的水平集合,每个分段都充当一个按钮-通常是一个切换按钮。分段控件提供了影响对象,状态或视图的紧密相关的选择。像按钮一样,句段可以包含文本或字形。

分段控件可以启用一个或多个选择。例如,在Keynote中,用户只能在对齐选项控件中选择一个片段来对齐或对齐选定的文本。相比之下,人们可以在字体属性控件中选择多个段以启用粗体,斜体和下划线的组合。Keynote窗口的工具栏还使用分段控件,使人们可以显示和隐藏主窗口区域内的各种编辑窗格。


使用技巧

1、通常,保持段大小一致

当所有段的宽度相等时,分段控件感觉平衡。尽可能使字形和标题宽度也保持一致。


2、考虑使用标签来增加清晰度

例如,单个标签可以引入分段控件并阐明其目的。当各个段包含字形时,标签可以出现在这些段下方以阐明字形的含义。如果您的应用程序包含帮助标签,请为分段控件中的每个细分提供帮助标签。

macOS SwiftUI 选择器组件规范之 01 分段控件Segmented Controls相关推荐

  1. macOS SwiftUI 指示器组件规范之 01 液位指示器Level Indicators

    macOS SwiftUI 指示器组件规范之 01 液位指示器Level Indicators 指示器以图形方式表示数值范围内的特定值.它的用途类似于滑块(请参见Sliders),但更直观,并且不包含 ...

  2. macOS SwiftUI 指示器组件规范之 02 评级指标 Rating Indicators

    评级指标 Rating Indicators 等级指示器使用一系列水平排列的图形符号来传达等级.默认符号是星号.例如,在iTunes中,可以为单个歌曲和播客片段分配星级.可以出于搜索,排序和创建智能播 ...

  3. macOS SwiftUI 封装组件之分段组件NSSegmentedControl (教程含源码)

    实战需求 macOS SwiftUI 封装组件之分段组件NSSegmentedControl 本文价值与收获 看完本文后,您将能够作出下面的界面 基础知识 什么是分段控件(Segmented Cont ...

  4. macOS SwiftUI 进度指示器组件规范之 01 进度指标是什么 Progress Indicators

    macOS SwiftUI 进度指示器组件规范之 01 进度指示器是什么 Progress Indicators 进度指示器是什么 不要让人们坐在静态屏幕旁等待您的应用加载内容或执行冗长的数据处理操作 ...

  5. android标签循环,iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分.今天要介绍的两个控件,经常容易混淆以至于用错.请各位读者仔细阅读,防止以后用错. Material Design Guidelines ...

  6. java+tableseg,多种功能集成,带Refresh刷新的tableV,Seg分段控件

    支持 IOS7+  详见Demo TestSegmentAndRefreshTableViewDemo 多种功能集成,带Refresh刷新的tableV,Seg分段控件,加载提示toast ##使用到 ...

  7. React 组件封装之 Tree 树形控件

    React 组件封装之 Tree 树形控件 一.Tree 树形结构 二.使用案例 三.API 使用指南 四.源代码 五.总结 一.Tree 树形结构 组件说明: 实现树形控件,适用于组织架构.文章列表 ...

  8. 状态控件ios 中滑块、开关、分段控件、操作表和警告的常用函数

    PS:今天上午,非常郁闷,有很多简单基础的问题搞得我有些迷茫,哎,代码几天不写就忘.目前又不当COO,还是得用心记代码哦! 对于SLider通过value属性可以到得以后滑块的值 UISlider * ...

  9. php搜索选择列表控件,jQuery_JQuery里面的几种选择器 查找满足条件的元素$(#控件ID),样式:$(function (){ $(要选择的 - phpStudy...

    JQuery里面的几种选择器 查找满足条件的元素$("#控件ID") 样式:$(function (){ $("要选择的标签").click(function ...

最新文章

  1. 【深度学习】(7) 交叉验证、正则化,自定义网络案例:图片分类,附python完整代码
  2. Silverlight入门:第三部分 - 数据访问
  3. 解决 org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type的问题...
  4. Shiro安全框架的使用
  5. putty上传文件到linux_基于windows安装部署putty小工具及相关功能介绍
  6. Js取float型小数点后两位数的方法
  7. Hadoop之资源调度器与任务推测执行
  8. 【图像超分辨率】Learning Texture Transformer Network for Image Super-Resolution
  9. GL ERROR - after deleteUnusedTextures() glError (0x502)
  10. 【独家】孙茂松:从机器翻译到古诗生成
  11. lucene简单实例
  12. 基于JAVA+SpringMVC+Mybatis+MYSQL的仓库管理系统
  13. spring boot 拦截器 或 Spring AOP 方式记录请求日志
  14. java学生健康体检档案管理系统ssm313hf
  15. Moss到底算不算叛逃?
  16. 野外探路手机必备地图神器
  17. python3图片文字识别
  18. Jmeter录制手机app脚本
  19. 刘天栋:开源是打破内卷的最好方式
  20. 程序员的开发工具:Java语言开发人员常用软件

热门文章

  1. 凌晨学院-iapp基础教程如何更换软件图标
  2. [生存志] 第69节 孙武吴宫授兵法
  3. vue-element-admin项目如何获取并且成功安装依赖
  4. MatalbSimulink Control Tutorials笔记3-PID控制器设计
  5. DeepLab V3学习笔记
  6. 微软Win10 KB5011543(19044.1618)补丁发布
  7. php地图封装,封装thinkphp5 map类库,调用百度地图接口
  8. 熊猫保险科技斩获“中国FinTech50强”
  9. 学生中遇到的问题(三)
  10. 【visum工作笔记】之三