首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

简单了解下无障碍设计模式

错误示例 这些文本没有遵循合颜色对比度建议,在它们的背景色中很难进行阅读。 图标或其他关键元素也应使用上述推荐的对比度。 正确示例 这些图标遵循颜色对比度建议,和它们的背景色之间有清晰的对比。...当使用屏幕阅读器( “TalkBack” ),并通过触摸板导航时,在用户指尖触摸到 UI 元素时,会大声读出标签上的文本。...视觉反馈(标签、颜色和图标)和触摸反馈向用户显示了可用的 UI。 导航应该具有清晰的任务流程,和最少的步骤。在频繁使用的任务上,应该实现聚焦控制、或控制键盘和读取焦点的功能。...标记搜索图标 2. 标记麦克风图标 1. 标记编辑图标 2. 标记聊天图标 帮助文档 任何具有特殊无障碍功能的功能都应包含在帮助文档中。确保帮助文档的相关性、可访问性和可发现性。...错误示例 朗读时,文本 “侧面抽屉” 无法指明会发生什么操作。 状态可以变化的元素 对于可以在值和状态之间切换的图标,根据向用户呈现内容来确定使用什么类型的图标

4.7K40

【软件开发规范七】《Android UI设计规范》

编辑 tab文字要显示完整,字号保持一致,不能折行,文字与图标不能混用。 ​编辑 文本字段(Text fields) ​编辑 文本框可以让用户输入文本。...除了输入,文本框可以进行其他任务操作,文本选择(剪切,复制,粘贴)以及数据的自动查找功能。 ​...编辑编辑 通栏输入框也可以有字数统计,单行的字数统计显示在同一行右侧 ​编辑 错误提示显示在输入框的左下方。默认提示文本可以转换为错误提示。 ​...编辑编辑 字数限制与错误提示都会使点击区域增高。 ​编辑 同时有多个输入框错误时,顶部要有一个全局的错误提示 ​编辑 输入框尽量带有自动补全功能。 ​...编辑编辑 工具提示(Tooltips) ​编辑 提示只用在小图标上,文字不需要提示。鼠标悬停、获得焦点、手指长按都可以触发提示。 ​

4.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

Android Studio 新特性详解

Android 设备支持 : Arctic Fox 包含大量针对 Android 设备的功能, Wear OS 上的心率传感器,以及支持 Google TV 的新版 Android TV 模拟器等功能...在示例项目启动后,您也许会注意到,当相机处于活动状态时,Android Studio 会给出如何在相机虚拟场景中进行导航的提示。...在前文中,您已经看到如何在 Design 界面中播放动画。如下图所示,您也可以在 Design 界面中旋转屏幕。这样就可以在编辑动画的同时测试动画。...顺便一提,在 Canary 版本中,预览注解旁会有一个配置图标,您可以通过该图标打开配置选取器,从而轻松地更改和配置预览。...而如果我保存该文件,会暂时解除轻量模式的限制,这样您就可以获得所需的基本验证。 我们正在优化 Android Studio 中的各项功能,以便在您处于轻量模式时适当地帮您减少工作量。

2.7K20

AutoJs6 – v6.2.0 – 安卓 JavaScript 自动化工具 (Auto.js 二次开发)

软件简介: Android 平台支持无障碍服务的 JavaScript 自动化工具 需要 Android 7.0 (API 24) 及以上 克隆 (clone) 自 hyb1996/Auto.js...默认值智能提示等功能 新增 文件管理器支持任意目录的上一级跳转 (直至 “ 内部存储 ” 目录) 新增 文件管理器支持将任意目录快捷设置为工作路径 新增 版本更新忽略及管理已忽略更新功能 新增 文本编辑器支持双指缩放调节字体大小...工具对话框的问题 修复 Root 权限显示指针位置在初次使用时提示无权限的问题 修复 图标选择页面的图标元素排版异常 修复 文本编辑器启动时可能因夜间模式设置导致闪屏的问题 (试修) 修复 文本编辑器设置字体大小时可用最大值受限的问题...优化 主题色增加更多 Material Design Color (材料设计颜色) 选项 优化 文件管理器 / 任务面板等列表项图标适当轻量化并适配主题色 优化 主页搜索框的提示文本颜色适配夜间模式...优化 任务面板列表项按相对路径简化显示任务的名称及路径 优化 文本编辑器按钮文本适当缩写避免文本内容溢出 优化 文本编辑器设置字体大小支持恢复默认值 优化 提升悬浮窗点击响应速度 优化 点击悬浮窗布局分析按钮直接进行布局范围分析

4.1K20

Android开发笔记(一百八十六)管理SQLite的利器——应用检查器App Inspection

然后依次选择菜单“View”→“Tool Windows”→“App Inspection”,Android Studio界面下方会弹出“App Inspection”窗口,在该窗口选择设备名称,以及设备上的调试应用名称...选中待调试的应用名称之后(确保调试应用的活动页面已经打开数据库写连接),稍等片刻,App Inspection窗口会在左边列出已连接的数据库名称(user.db),以及该数据库保存的表名(user_info...单击表名左侧的箭头图标,表名下方会展开表结构的各字段信息;双击表名,窗口右边会列出该表保存的的记录详情,如下图所示。...注意窗口左边的第二个图标,也就是刷新图标右边的寻找表格图标(鼠标移到该图标上会提示“Open New Query Tab”,意思是打开新的查询页面),单击该图标,窗口右边会增加一个“New Query”...的选项卡,也就是SQL语句的编辑页面,如下图所示。

1.8K10

【Flutter】评级对话框组件

之所以命名为“等级”对话框,是因为该库将识别您在颤动的星形图标上做出的手势以提供等级。 评级对话框的一些属性: **message:**此属性用于对话框的消息/描述文本。...=true android.useAndroidX=true android.enableJetifier=true 在libs目录下创建 「demo_screen.dart」 文件 Container...当我们运行应用程序时,我们应该获得屏幕的输出,屏幕下方的截图所示。...在此对话框中,我们将添加」ratingColor」表示评级栏(星形图标和发光效果)的颜色,「标题」,「消息」表示对话框的消息/描述文本,「图像」,「submitButton」表示提交按钮的标签/文本,「...当我们运行应用程序时,我们应该获得屏幕的输出,屏幕下方的截图所示。 在此对话框中,您将看到我们将添加图像,标题,描述,星级,评论的textField和最后一个提交按钮。

4K50

Android训练课程(Android Training) - 构建你的第一个应用

5.在接下来的屏幕可以帮助你创建一个启动图标。 你可以使用多种方式自定义一个图标,和使用工具创建一个适合多种屏幕密度的图标。...这是一个编辑器,可以帮你以所见即所得的工具构建布局。在这节课,你将使用XML直接工作,这样,点击屏幕下方的fragment_main.xml 标签卡来打开一个XML编辑器。...添加一个文本框 为了创建一个用户可编辑文本区,在 .下添加一个 元素。...下面演示了 你如何在 元素内定义它: EditText android:id="@+id/edit_message" android:layout_width="wrap_content...在sendMessage() 方法内部,使用 findViewById() 去获得 EditText 元素,并且添加它的文本的值到intent里。

2.1K00

关于Flutter 2.5稳定版你知道多少?

同时,加入了一些新的功能,包括对 Android 的全屏支持、 对 Material You (也称 v3) 的更多支持、对文本编辑的更新以支持切换键盘快捷键、在 Widget Inspector 中查看...widget 详情、在 Visual Studio Code 项目中添加依赖关系的新支持、从 IntelliJ / Android Studio 的测试运行中获得测试覆盖率信息的新支持,以及一个更贴近...我们修复了关于 Android 全屏模式的一系列相关问题,该 Issue 获得了上百个点赞,全屏选项包括向后倾斜、沉浸模式、粘性沉浸模式和边到边四种。...在 Flutter 2.0 及其新文本编辑功能的基础上,我们在这个版本中添加了如文本选择器、拦截覆写任何键盘事件,以及覆写文本编辑的键盘快捷方式的能力 (#85381)。...要启用图标预览,你需要告诉该插件你正在使用哪些 package。在插件的设置 / 偏好页面有一个新的文本字段。 注意,这对定义为类中静态常量的图标有效,屏幕截图中的示例代码所示。

3.6K20

使用 Android Studio 进行 Flutter 开发

本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。 创建项目 你可以通过多种方式来创建新项目。 ?...IntelliJ editing assists Quick Fixes 快速修复功能也是类似的,当一段代码存在错误时, 它会出现并帮助纠正错误。它使用红色灯泡表示。...---- 在 Android Studio 中编辑 Android 代码,并获得完整 IDE 支持 打开 Flutter 项目的根目录,并不会在 IDE 中显示所有的 Android 文件。...在 IntelliJ IDEA 中编辑 Android 代码 要在 IntelliJ IDEA 中编辑 Android 代码,你需要配置 Android SDK 的位置: 在 Preferences >...确保选择和 Flutter 使用相匹配的 Android SDK( flutter doctor 中所示)。 点击 OK。

6K30

【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )

) : 但是 约束布局 更加灵活 , 并且 ConstraintLayout 能在 Android Studio 布局编辑器中进行编辑 ; 5.可视化操作 : 在 布局编辑器 工具中 , 可以设置所有的属性...( 0 , 0 ) 坐标 ( 即 左上角 ) 处显示 ; 3.没有添加约束示例 ( 官网示例 ) : 如下图 , 没有为 C 组件设置 垂直约束 , 在布局编辑器中 其 在 A 组件的下方显示..., 但是 在设备上运行时 , C 组件 左右 与 A 组件对齐 , 但是其显示在 屏幕的 最顶端 , 因为 C 组件没有垂直方向的约束 ; 4.约束错误信息 : 尽管 组件 缺少一个约束 , 不会引起编译错误..., 但是 布局编辑器中 会在工具栏中 显示 “missing constraints” 错误 , 点击 红色感叹号 图标 , 会在下方的 Message 对话框中显示出具体错误信息 ; ----...基线约束 ( 1 ) 基线约束 ( app:layout_constraintBaseline_toBaselineOf ) 基线约束 : 1.作用 : 用于 文本对齐 , 如果 两个视图中有 文字 ,

3K41

Android界面组件基本用法

1.文本框(TextView)和编辑框(EditText) 文本框(TextView)不允许用户编辑文本内容,而编辑框(EditText)允许用户编辑文本内容 2.按钮(Button)和图片按钮...其实,src才是设置图标,而background只是设置背景。...(AutoCompleteTextView) 比普通文本框多了一个功能:当用户输入一定字符后,自动完成文本框会显示一个下拉菜单,供用户从中选择,当用户选择某个菜单后,组件会按用户选择自动填写该文本框...不断跳跃、旋转画面的小进度条 ProgressBar提供如下方法来操作进度 setProgress(int) 设置进度的完成百分比 incrementProgressBy(int) 设置进度条的增加或减少...直接使用ListView进行创建 让Activity继承ListActivity(继承了ListActivity的类无需调用setContentView()来显示页面,可以直接设置适配器) 一旦获得

1.6K20

【新!超详细】Figma组件属性完全指南

文本属性 text 属性允许您从属性面板编辑文本层。您无需单击组件内的文本层即可更改文本。选择组件时,您可以直接从属性面板编辑文本。 何时使用文本属性? 设置组件变体时,无需单击文本图层即可更改文本。...您可以在批量操作中更改文本:假设您在五个按钮中输入了一个错误,并希望为所有五个按钮修复此错误。您可以选择所有五个并在属性面板中编辑文本。只需键入一次,所有文本图层都会更改。...例如,创建一个具有不同状态(启用、悬停和禁用)的按钮。 还有一件事,如果你想使用交互式组件,你必须使用变体。 如何在 Figma 中添加属性? 第一步,您需要创建一个组件。...文本属性 要设置文本属性,请选择一个文本图层,然后在右侧菜单的内容部分中,单击图标。...如何在 Figma 中编辑属性? 整理属性 您可以通过选择组件集并从右侧菜单中拖放列表中的项目来对属性列表进行排序。 更改属性名称 有两种方法可以更改属性名称: 1.

10.4K22

Flutter完整开发实战详解(二十、 Android PlatformView 和键盘问题)

这意味着默认情况下 Flutter UI 永远不会包含 Android Native 的控件,也就是说无法在 Flutter 中集成 WebView 或 MapView 这些常用的控件。...所以这样的好处就是:需要在“iOS平台”视图下方呈现的Flutter UI,最终会被绘制到其下方的纹理上;而需要在“平台”上方呈现的Flutter UI,最终会被绘制在其上方的纹理。...如果强行以这种方式在 Android 上使用,最终将产生很多 AndroidView 与 Flutter UI 不同步的问题。...而 InputConnections(如何在 Android 中 输入文本)在 unfocused 的 View 中通常是会被丢弃。...2.2.1、解决方法 Flutter 重写了 checkInputConnectionProxy 方法,这样 Android 会认为 Flutter View 是作为 AndroidView 和输入法编辑

13.3K20

Android Studio3.3你了解多少?

作为 JetBrains 的重要平台更新,IntelliJ 2018.2.2 带来了不少出色的新特性和功能优化,: 新的代码编辑器预览功能、图标更新、MacBook 触控条支持、控制集成优化等。...与 Studio 中用于检查 Java 和 Kotlin 代码的 lint 工具相似,Clang-Tidy 可以检测包含 C ++ 代码的 Android 应用中是否存在常见编码问题和错误。...这个功能很好用,直接节约了很多的空间 IDE 用户反馈 Android Studio 新添加了心情图标,帮助快速收集用户反馈,并用于改善产品质量。...(对于“如何通过分析过程提升应用性能表现”之后会有推出相关文章,敬请关注简书、公共号获取最新文章) 网络分析器的格式化文本支持 在默认设置下,Android Studio 3.3 中的网络分析器会对网络负载中的常见文本类型进行格式化操作...预告 为接下来的文章立个Flag,尽请关注简书、微信公共账号已获得最新的文章。

1.7K20

最新iOS设计规范十|5大拓展程序(Extensions)

用户在“设置”中启用自定义键盘后,他们可以将其用于任何应用程序中的文本输入,但编辑安全文本字段和电话号码字段时除外。人们可以启用多个自定义键盘,并可以随时在它们之间进行切换。 ?...考虑人们可能想要共享哪些信息,以及他们如何在活跃对话的背景下与您的应用进行交互。 插入内容以避免裁切。应用程序的内容以带有圆角的消息气泡形式显示,因此请不要将重要信息放在拐角处。...只允许在扩展视图中进行文本编辑。紧凑的视图与键盘的高度大致相同。为确保用户可以看到他们正在编辑的内容,仅允许在扩展视图中输入文本。...力求获得具有广泛国际吸引力的贴纸。 使用描述性图像名称或提供替代文本标签。尽管它们在屏幕上不可见,但是图像名称和其他文本标签使VoiceOver可以听得见地描述贴纸,从而使视力障碍者的导航更加轻松。...使用您的应用程序图标作为照片编辑扩展程序图标。这使您确信该扩展程序实际上是由您的应用程序提供的。

3.1K10

iOS 9人机界面指南(一)下篇:UI设计基础 - 腾讯ISUX

为了突出某些文字或者为了在内容块之间建立视觉关联,你可以依赖由Dynamic Type支持的语义化样式,标题、正文,你也可以指定字体权重,细体或者半粗。...例如,当用户选择具备更大易用性的文本尺寸时,邮件将会以更大的尺寸显示邮件的主题和内容,而对于那些没那么重要的信息——时间和收件人——则采用较小的尺寸。 ?...除了准确描述你的应用、强调应用的品质与亮点以外,你还需要: 修正所有的拼写、语法与标点符号错误。这些小错误也许不会影响用户正常使用,但是可能会让他们对应用的整体品质产生负面印象。...想要了解如何在你的应用中提供这个功能,请参阅Quick Look....在这种场景下,比较好的做法是提供“编辑”按钮,点击后进入编辑状态,同时编辑按钮变成“保存”和“取消”按钮,这种变化可以提示用户当前处于编辑模式。“保存”可以保留修改内容,“取消”则退出编辑模式。

1.7K21

新手系列 I 如何使用 TDesign 轻松开发项目,秘诀都在这里

:对话框 Dialog 组件支持统一配置 点击蒙层是否触发探矿关闭表单 Form 组件支持统一配置 是否显示必填符号(*) 和 常用校验未通过的校验文本。...点击查看校验文本配置 FormErrorMessage表格 Table 组件支持统一配置 排序图标、过滤图标 等(注意:组件内部的图标配置作用范围仅为当前组件,而全局的图标配置是全量组件)这些都可以通过全局配置一次性统一设置...全局语言配置以组件维度进行拆分,不同的组件有不同的语言配置文本。...除 Table 之外,目前已经支持单组件图标配置的组件还有:Tree 组件的目录图标、Tag 组件的关闭图标、Steps 组件的错误图标等。...,有的甚至需要全部替换现有组件图标,再加上不同的组件可能会使用相同的图标:展开图标错误图标、清除图标等。

2.3K40

Android开发笔记(一百一十九)工具栏ToolBar

3、把project.properties中的target改为23(注意库工程和app工程都要改),不然会出现如下错误: Error:Error retrieving parent for item:...:theme属性值改为第一步定义的风格,android:theme="@style/AppBaseTheme" 3、页面布局文件的根节点改为LinearLayout,且为vertical垂直方向;然后增加一个...副标题在标题下方。 setSubtitleTextAppearance : 设置副标题的文字风格。 setSubtitleTextColor : 设置副标题的文字颜色。...setNavigationIcon : 设置导航图标。导航图标在工具栏图标左边。 setNavigationOnClickListener : 设置导航图标的点击监听器。...SearchAutoComplete控件,该控件在旧SearchView中是隐藏的,在新SearchView中是开放的,所以我们可随意修改v7编辑框的显示风格。

1.8K30
领券