Human Interface Guidelines —— Text Views & Web Views

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

Text Views

Human Interface Guidelines链接:Text Views

Text View

Text view显示多行,有样式的文本内容。 

Text view可以是任意高度,并且当内容延伸到view之外时可以滚动。 默认情况下,text view中的内容是左对齐的,并使用黑色的系统字体。 如果text view可编辑,则在点击view内时会出现键盘。

使用时注意

·保持文字清晰

 尽管您可以创造性地使用多种字体,颜色和对齐方式,但依然要保持内容的可读性。 采用动态类型是一个好主意,这样的话即使人们在设备上更改文字大小,依然能看得很清楚。 您还应该使用可能的方式来试验您的内容是否清晰,例如使用粗体文本。

·显示适当的键盘类型

 iOS提供了几种不同的键盘类型,每种类型都被设计为便于不同类型的输入。 为了提高数据输入效率,编辑text view时显示的键盘应适合该字段中的内容类型。 


Web Views

Human Interface Guidelines链接:Web Views

Web view直接在app中加载并显示丰富的Web内容,例如嵌入式HTML和网站。

例如,Mail使用web view在消息中显示HTML内容。

使用时注意

·适当时启用前进和后退导航

Web view支持前进和后退导航,但这样的行为在默认情况下是处于禁用状态的。 如果用户将使用web view访问多个页面,请启用前进和后退导航,并提供相应的控件来启动这些功能。

·避免使用web view来构建web浏览器

使用web view让人们在不离开app目前环境的情况下简单地访问网站是可以的,但Safari才是人们在iOS上浏览网页的主要方式。 试图在app中复制Safari的功能是不必要的,也是不鼓励的。

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏逸鹏说道

前端常用插件

插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 Thea...

6656
来自专栏DeveWork

将你的网站打造成一个iOS Web App

最近在做一个手机主题,据说借用类似 link href="xx.png" rel="nofollow" rel="nofollow" rel="apple-to...

3636
来自专栏跟着阿笨一起玩NET

HTML中显示的文字自动换行

http://www.cnblogs.com/zjxbetter/articles/1323449.html

3.7K1
来自专栏HTML5学堂

网络字体@font-face 如何处理网页中的特殊字体

HTML5学堂:随着网页的发展,网页中出现了越来越多的字体种类,网页自带的微软雅黑、宋体、黑体已经越来越难以满足设计的需要,那么,如何在网站中使用比较特殊的字体...

5255
来自专栏飞雪无情的博客

Android设计应用图标不用愁---Asset Studio Integration来帮你

Android Asset StudioWeb版是一个非常好用的Andrid图标资源设计工具,它是由RomanNurik开发的。现在我们已经在ADT14里支持同...

1155
来自专栏Material Design组件

后台系统设计(上篇:选择)

在单个选项下,存在多组互斥选项,且互斥选项组之间存在一定关系,可以考虑混用分段控件和常规按钮,由于分段控件在视觉上占用更大的面积,故给人在层级上更加置前。

4942
来自专栏DannyHoo的专栏

iOS开发中使用系统中没有的字体-swift

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

1073
来自专栏前端架构与工程

【翻译】浏览器渲染Rendering那些事:repaint、reflow/relayout、restyle

原文链接:http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/ 有没有被标题中的5个“...

2246
来自专栏web编程技术分享

【手把手】制作一个简单的HTML网页

8529
来自专栏抠抠空间

Font Awesome矢量图标框架

一、font awesome简介 目前图标总数共有519个; 不依赖Javascript 矢量图形,无限缩放 免费,可用于商业 CSS...

3126

扫码关注云+社区

领取腾讯云代金券