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

打造 Material 字体样式主题 | 实现篇

△ 具有基准值的 MDC 字体样式属性 Material 组件使用这些字体样式属性来为组件的文本元素设置样式,这些组件通常继承自 TextView 或组合了一个或多个 TextView。...其对应的属性是 MDC 的新增内容,使您能够根据不同主题变换不同文字样式。 选择字体样式 厘清应该选择使用何种字体样式以及其中的属性值也许是设计师的责任,也许它们源自您的品牌。...textAppearanceOverline 样式也应用于小号文本,但是它具有大写英文字母和更大的字符间距,因此更适合于小标题和 Label,例如日期选择的标题 字体样式工具 Material...Android Studio 内置了向导以帮助您开始使用可下载字体,包括配置必要的证书和清单元数据。...中实现起来相对简单,您可以通过如下方式声明样式属性: <!

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

Material Design Compoents 1.1.0

MDC 1.1.0 您的 Android 应用中启用 Material Theming 。...例如,文字有新的默认的 appearance MDC 1.1.0 中提供的一些新组件和更新组件包括: 扩展 FAB 日期选择 切换按钮 底部应用栏 黑色主题支持 Android 10 中引入了系统范围的深色主题支持...默认情况下 colorSurface android:colorBackground 使用深灰而不是黑色来减轻眼睛疲劳,使高程度更明显,并确保与文本和其他元素形成适当的对比度。...Primary 和 Surface 颜色切换:MDC 组件遵循指南,减少深色主题中使用 Primary 色。...例如,TextInputLayout现在按正确的顺序读取其提示,输入以及帮助程序或错误文本MDC的下一步计划 我们已经收到了您关于 MDC 版本的反馈。我们致力于更新并且整合您的重要贡献。

1.1K10

几行代码轻松实现跨系统传递 traceId,再也不用担心对不上日志了!

打印日志时使用 MDC 日志上添加一个 traceId,那这个 traceId 如何跨系统传递呢?..." 1 背景 同样是新项目开发的笔记,因为使用的是分布式架构,涉及到各个系统之间的交互 这时候就会遇到一个很常见的问题: 单个系统是集群部署,日志分布多台服务上; 多个系统的日志在多台机器,...如何使用 MDC log4j2-spring.xml 的日志格式中添加 %X{traceId} 配置。....xml 文件的 pattern 中 3 扩展 统一日志采集 虽然有了 traceId 可以进行全链路追踪查询日志,但是毕竟也是多台服务上,为了提高查询效率,可以考虑将日志汇总到一起。...,输出到 Elasticsearch 使用 Kinbana 或者自己开发的可视化工具从 Elasticsearch 查询日志 结束语 本文主要记录近期开发过程中的遇到的一点问题,希望对小伙伴也有所帮助

4.5K10

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

每添加一个按钮、图片或一行文本都会使界面变得更加复杂,可以通过以下方式简化你的应用: 清晰可见的元素 足够的对比度和尺寸 明确的重要性级别 使主要信息一目了然 健全的 使你的应用能适应各种用户。...用户可能只有短暂的注意力,对你的产品不熟悉,或使用纯文本屏幕阅读(使用语音合成器朗读文本或使用盲文显示产生触觉)。...启用焦点导航 使用焦点控制导航 屏幕阅读 屏幕阅读为用户提供了多种屏幕导航的方法,包括: 屏幕阅读的触摸界面允许用户屏幕上移动手指,以听到手指正下方的内容。这使用户能快速了解整个界面。...书写 清晰且有帮助的无障碍文本使 UI 更易访问的主要方法之一。视力低下或没有视力的用户会从清晰易懂的文字描述中受益。...避免文本中包含控件类型和状态 屏幕阅读会通过声音、或通过无障碍文本前后说出控件名称,来自动声明控件的类型和状态。 搜索 正确示例 使用简短的说明。 搜索字段 错误示例 不要写控件类型。

4.7K40

再不迁移到Material Design Components 就out啦

在上面的示例中,按钮发生了变化、文本和图标的颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...下面我们通过一些常见的迁移方案来了解一下这些问题 文字栏位改变 MDC 中,文字字段默认样式发生了改变。改进版本是经过用户调查研究的。 ? 我们建议您使用这个版本,来提高可用性和可配置项性。...要恢复为旧的文本字段可以布局中添加样式 <com.google.android.material.textfield.TextInputLayout ... + style="@style... 或者你也可以<em>在</em>主题中给所有的<em>文本</em>设置默认样式 <style name="Theme.App...MDC小部件使用这些属性来设置文本样式。要知道哪些窗口小部件使用哪种类型板式,需要检查源代码中的默认窗口小部件样式。

3.1K30

SpringBoot+Dubbo集成ELK实战

随着日志文件的不断增大,可能面临服务上不能直接打开的尴尬。 文本搜索太慢、无法多维度查询等 面临这些问题,我们需要集中化的日志管理,将所有服务节点上的日志统一收集,管理,访问。...但是FileBeat收集的文件可能包含跨越多行文本的消息。...如果是,那么就需要用到Logstash过滤器,它能够解析各个事件,识别已命名的字段以构建结构,并将它们转换成通用格式。 那么,这时候就要先看我们项目中,配置了日志以何种格式输出。...但是JSON解析并不太适用,因为我们打印的日志中msg字段本身可能就是JSON数据格式。...简而言之,我们使用了MDC.PUT(key,value) ,那么Logback就可以日志中自动打印这个value。

61620

2019年最全的UI设计之输入字段剖析

标签文本不应占用多行 如果你需要在字段的上下文中提供其他信息,请考虑使用帮助文本。 4. 占位符/输入文本 占位符是用户字段交互之前看到的文本。输入文本是用户文本字段中输入的文本。...聚焦状态 你需要使用视觉效果突出显示活动字段。 当字段处于活动状态时,始终显示光标。光标应指示当前用户字段中的位置。它可以防止用户进行不必要的操作。 ?...'清晰'的关闭图标 显示此图标可帮助用户一次点击中删除字段中的文本。 ? 注意容器右侧的“交叉”图标。...当用户提供不正确的信息时,你还可以显示错误消息。应在容器下方显示错误消息。修复错误之前,用户应该可以看到错误消息。...帮助文本/错误文本 帮助文本充当辅助元素 - 它提供有关输入字段的其他信息,例如: 如何使用用户提供的信息 信息要求(即密码设置指南) 某些情况下,帮助文本可以与引导用户的错误文本交换(即用户提供错误输入时看到的错误消息

2.4K20

最新iOS设计规范三|3大界面要素:栏(Bars)

导航栏标题 导航栏中显示当前视图的标题。多数情况下,标题可以帮助人们了解他们在看什么。但是如果添加导航栏显得多余,则可以将标题留为空白。...如果导航栏包含多个文本按钮,需要通过在按钮之间插入固定的空格项目来增加分隔。以此来避免按钮文本同时显示造成按钮无法区分的问题。 考虑导航栏中使用分段控件,使APP的层次结构更加扁平。...并确保较低的级别选择准确的返回按钮标题。 ? 二、搜索栏(Search Bars) 搜索栏允许人们通过字段中键入文本来搜索大量值。搜索栏可以单独显示,也可以显示导航栏或内容视图中。...考虑搜索栏下方提供有用的快捷方式和其他内容。使用搜索栏下方的区域可帮助人们更快地获取内容。例如,Safari会在您点击搜索字段后立即显示您的书签。选择一个即可直接进入,而无需输入任何搜索词。...状态栏的文本和指示的视觉样式可以是浅色或深色,可以针对APP进行全局设置,也可以针对不同的屏幕单独设置。 深色状态栏的效果在浅色内容至少效果很好,而浅色状态栏的效果在深色内容上效果很好。

9.8K10

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

用户“设置”中启用自定义键盘后,他们可以将其用于任何应用程序中的文本输入,但编辑安全文本字段和电话号码字段时除外。人们可以启用多个自定义键盘,并可以随时它们之间进行切换。 ?...通过您的应用中(而不是键盘本身中)提供使用说明,使入门过程更容易。告诉人们如何启用键盘,输入文本时将其激活,使用它,然后切换回标准键盘。...一些应用程序实现了一个额外的自定义输入附件视图,该视图显示键盘上方。在数字中,输入附件视图可帮助人们输入标准或自定义计算。 ?...使用描述性图像名称或提供替代文本标签。尽管它们屏幕上不可见,但是图像名称和其他文本标签使VoiceOver可以听得见地描述贴纸,从而使视力障碍者的导航更加轻松。 通过动画增加活力。...透明性允许将贴纸有意义地放置消息,照片和其他贴纸上。 贴纸尺寸 消息支持三种不干胶标签大小,它们显示基于网格的浏览中。选择最适合您的内容的尺寸,并准备该尺寸的所有贴纸。 ? 适当缩放贴纸。

3.1K10

关于无障碍设计的七件事

这篇文章将帮助你了解有关无障碍设计的主要知识,让你的产品设计上“准备就绪”,使你的产品设计上满足Section508和Web Content Accessibility Guidelines2.0中的最低标准...使用颜色突出显示或补充显示那些已经很明显的东西。 在下面的例子中,页面以灰度显示,你可以说出有哪些字段是处在错误状态的? ? 大多数人一眼能看出“验证码”字段(最后一行“Code”)处在错误状态。...小练习: 尝试设计一下这个注册表单页面(记住颜色不是表明错误字段的唯一视觉手段)。 3. 确保文本与其背景保持足够的对比 根据WCAG,文本文本背景之间的对比度至少保持4.5:1。...上图为#767676的文本白色背景上 有一些工具可以帮助设计师找到合适的无障碍设计色板。比如,Color Safe和WebAIM颜色对比度检查。...用户输入内容,基于输入内容的一系列结果将显示下方。然后,用户通过鼠标或者键盘来从列表中选择内容。 下面的例子则是一个容易让人产生识别障碍的模式。

3K30

QGIS 3.10 路径分析

路径分析中,“DIRECTIONA”字段有着重要作用。接下来通过该字段筛选出图层中的单向街道,并设置适当的箭头样式,以显示该街道的交通方向。...点击【图层】面板上方的【打开图层样式面板】按钮,【图层样式】面板显示地图窗口右侧,从下拉列表框中选择【基于规则】渲染。 点击【+】按钮,为单向道路设置过滤条件,并为其创建新样式。...【编辑规则】面板中,点击【Ɛ】按钮,打开【表达式字符串构建】对话框。...【表达式字符串构建】对话框中,展开中间面板内的【字段和值】节点,选中“DIRECTIONA ”字段,点击右侧面板的【全部唯一】按钮,下方文本框列出了该字段4种可能取值,可为构建表达式提供取值参考,...表达式文本框中输入下面的表达式,点击【OK】按钮。

2.5K20

聊聊用于构建微服务的工具和技术

它具有许多好处,例如通过简化开发,测试和调试步骤来改进模块化并使开发人员的工作变得轻松。它在CI/CD上也有帮助。...任何开发人员选择的IDE,如Eclipse或IntelliJ,文本编辑,如atom(开源)或sublime text,以及客户端 - 服务模型(svn,perforce)或分布式模型(Git, Visual...MDC(映射诊断上下文)是区分来自不同源的交织日志输出的工具。因为当服务几乎同时处理多个客户端时,日志输出通常是交错的。...Spring Cloud Sleuth是一个基于MDC(Mapped Diagnostic Context)概念的Spring Cloud项目,您可以轻松提取上下文中放置的值并将其显示日志中。...像工具Randoop和JUnit的工具Java中生成单元测试帮助我们编码后编写测试,而rest-assured, Postman, Karate和Zerocode帮助编写集成测试。

1.5K60

一起看 IO | Jetpack Compose 中的新特性

: 文本改进 字体边距 我们问题跟踪中定位到了 得票最高的问题之一,并通过将 includeFontPadding 设置为自定义参数来解决它。...文本放大镜 Android 文本提供了放大镜组件,通过放大镜可以更轻松地选择文本。Compose 现已支持文本放大镜。 拖动选择图标时会显示放大镜,以便于您查看指尖下方的内容。...Compose 1.1.0 已支持在所选择的文本字段中使用放大镜,Compose 1.2.0 文本字段和 SelectionContainer 中都支持放大镜。...△ Layout Inspector 显示重组计数和重组高亮指示 Compose 从根本上改变了您编写界面的方式,您可以遵循我们发布的最佳实践来确保应用的高性能。...您可以 问题跟踪 中提出您开发中遇到的问题,也可以 KotlinLang Slack 群组中提问。

2.2K20

Human Interface Guidelines — Custom Keyboards

启用后,除了编辑安全文本字段和电话号码字段时,键盘在任何应用程序的文本输入过程中均可用。 人们可以启用多个自定义键盘,并随时它们之间切换。 ?...·请勿复制系统键盘提供的功能 iPhone X上,即使使用自定义键盘时,Emoji / Globe键和Dictation键也会自动出现在键盘下方。...通过您的app中,而不是键盘本身中提供使用说明,能让学习过程更轻松。告诉人们如何使用键盘,如何在文本输入过程中将其触发,如何使用它,和如何切换回标准键盘。...·必要时提供 input accessory view  某些app采用了键盘上方显示的其他自定义input accessory view。...Numbers中,input accessory view可帮助用户输入标准或自定义算式。 ?

98130

PyCharm使用指南(个性化设置、开发必备插件、常用快捷键)

它通常用于代码编辑或终端界面,用来显示任务的进度或加载的状态。...该插件通常会在编辑中为 CSV 文件中的每一列分配不同的颜色,从而使用户更容易地区分和识别每个字段。...此外,Rainbow CSV 还可以根据数据类型自动识别字段,并进行颜色标记,例如,数字字段、日期字段、字符串字段等。...主要功能包括: 翻译字符串: 在编辑中选中文本或者字符串,通过 Translation 插件可以直接将其翻译成其他语言,便于开发者理解或者进行多语言支持。...增强用户体验: Material Theme UI 的目标是提供一种清晰、现代的用户界面,从而增强用户的使用体验,使编辑更加舒适和易用。

1.8K30

SwiftU:将状态绑定到UI控件

但是,该代码不会编译,因为SwiftUI想知道文本字段中的文本存储位置。 请记住,视图是其状态的函数——文本输入框只能在反映存储程序中的值时显示某些内容。...SwiftUI需要的是结构中的一个字符串属性,它可以显示文本输入框中,还将存储用户文本输入框中键入的任何内容。...但是,该代码仍然无法工作,因为Swift需要能够更新name属性以匹配用户文本字段中键入的任何内容,因此您可以使用`@State``,如下所示: @State private var name = "...问题是Swift区分了“在此处显示此属性的值”和“在此处显示此属性的值,但将任何更改写回该属性” Swift中,我们用一个特殊的符号来标记这些双向绑定,这样它们就很显眼:我们它们前面写一个美元符号$...继续之前,让我们修改文本视图,使其文本字段的正下方显示用户名: Text("Your name is \(name)") 注意它是如何使用name而不是$name?

2.9K10

Jetpack Compose Beta 版现已发布!

懒加载列表: Jetpack Compose 中新增 RecyclerView 基于 DSL 的 Constraint Layout 修饰符 测试 主题和图形,可轻松支持深色/浅色模式 输入和手势 文本和可编辑文本...) 及设备或模拟上实时更新文字 动画预览: 检查并播放动画 布局检查中的 Compose 支持 交互式预览: 检查并与单独的 Composable 交互 部署预览: 无需完整应用即可在您的设备上部署...您可以 Android 视图中嵌入 Compose UI,并在 Compose 中使用视图。我们 互操作性文档 中提供了多种应用策略。...我们提供与下列组件的集成: Navigation ViewModel LiveData / Rx / Flow Paging Hilt MDC Compose 主题适配器 和 Accompanist 开发库提供了与...我们期待收到您对应用中采用 Compose 的 反馈,您也可以 Kotlin Slack 的 #compose 频道中参与讨论或在下方留言区和我们分享。

5.6K10
领券