Human Interface Guidelines — Segmented Controls

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Segmented Controls

Human Interface Guidelines链接:Segmented Controls

Segmented Control

Segmented Control是由两个或更多segments组成的线性集合,每个segments都是互斥的按钮。

 在控件内,所有 segments 的宽度相等。 像 buttons 一样,segments 可以包含文本或图像。 Segmented controls 通常用于展示不同的views。 例如,在地图中,segmented control可让您在地图,传输和卫星视图之间进行切换。

使用时注意

·限制segments的数量以提高可用性

 更宽的 segments 更容易点击。 在iPhone上,segmented control的 segments 应该少于等于5个。

·尽量保持 segment 中内容大小一致

由于所有 segment 都具有相同的宽度,因此如果内容填充了某些 segments 而不填充其他 segments ,则看起来效果并不好。

·避免在 segmented control 中混用文本和图像

 尽管单个 segment 可以包含文本或图像,但将包含文本和包含图像的 segment 混合在一个控件中可能会导致一个断开和令人迷惑的界面。

·将内容恰当的放置在自定义segmented control中

如果您更改 segmented control 的背景,请确保内容看起来没问题并且不会出现错位的情况。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小狼的世界

Robots.txt和Robots META

robots.txt是一套指示搜索引擎(蜘蛛)如何抓取你的网页内容的一张地图,他告诉蜘蛛哪些需要抓取,哪些不要抓取(当然,这只是针对那些遵守这个协定的搜索引擎)...

622
来自专栏ionic3+

【组件篇】ionic3图像手指缩放滑动预览

我在一篇文章【组件篇】ionic3开源组件提到过图像预览组件,可以看里面的源码,也可以看下面内容。

473
来自专栏xingoo, 一个梦想做发明家的程序员

【插件开发】—— 13 GEF双击模型事件

前文回顾: 1 插件学习篇 2 简单的建立插件工程以及模型文件分析 3 利用扩展点,开发透视图 4 SWT编程须知 5 SWT简单控件的使用与...

1908
来自专栏炉边夜话

VC++ MFC 常用技巧 (一)

 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

611
来自专栏我分享我快乐

响应式图片解决方案

来源:学生做的网站,方便大家学习交流设计与技术 http://www.uidask.com/index.php 网站的平均加载已经到了近 2MB 并在不断地...

39015
来自专栏AndroidTv

借鉴Glide思想二次封装Fresco背景二次封装使用示例Github 地址

Fresco 图片库很强大,我们项目中就是使用的 Fresco,但有一点就是,不怎么好使用,略麻烦。不同项目中,多多少少都需要对 Fresco 进行一层封装才能...

732
来自专栏Deep Learning 笔记

和MNSIT打个招呼

作为深度学习的入门数据集,MNIST是个很好的选择,我们可以在官网 http://yann.lecun.com/exdb/mnist/下载。

762
来自专栏程序你好

JavaScript异步图像上传

692
来自专栏yw的数据分析

bam文件softclip , hardclip ,markduplicate的探究

  测序产生的bam文件,有一些reads在cigar值里显示存在softclip,有一些存在hardclip,究竟softclip和hardclip是怎么判断...

4269
来自专栏算法修养

Lucene.net(4.8.0) 学习问题记录二: 分词器Analyzer中的TokenStream和AttributeSource

前言:目前自己在做使用Lucene.net和PanGu分词实现全文检索的工作,不过自己是把别人做好的项目进行迁移。因为项目整体要迁移到ASP.NET Core ...

3077

扫码关注云+社区