utm_source=tuicool&utm_medium=referral 例如配置1.plist类型的文件,让他在浏览器中直接打开,而不是下载。...方法一: 修改mime.types,添加plist扩展名为text/plain类型,直接显示文本。...在文件中添加如下内容 text/plain plist; 修改好mime.types类型后,直接重启nginx即可。这个方法修改后影响所有nginx网站的配置。...方法二: 单独打开某个网站的配置文件,在server中修改,例如我让某个网站ios目录下的plist文件显示为text/plain格式。 location ~ .....*\.plist$ { add_header Content-Type text/plain;} 让某个目录下的文件都显示为text/plain格式。
△ 具有基准值的 MDC 字体样式属性 Material 组件使用这些字体样式属性来为组件的文本元素设置样式,这些组件通常继承自 TextView 或组合了一个或多个 TextView。...其对应的属性是 MDC 的新增内容,使您能够根据不同主题变换不同文字样式。 选择字体样式 厘清应该选择使用何种字体样式以及其中的属性值也许是设计师的责任,也许它们源自您的品牌。...textAppearanceOverline 样式也应用于小号文本,但是它具有大写英文字母和更大的字符间距,因此更适合于小标题和 Label,例如日期选择器的标题 字体样式工具 Material...Android Studio 内置了向导以帮助您开始使用可下载字体,包括配置必要的证书和清单元数据。...中实现起来相对简单,您可以通过如下方式声明样式属性: <!
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 版本的反馈。我们致力于更新并且整合您的重要贡献。
打印日志时使用 MDC 在日志上添加一个 traceId,那这个 traceId 如何跨系统传递呢?..." 1 背景 同样是新项目开发的笔记,因为使用的是分布式架构,涉及到各个系统之间的交互 这时候就会遇到一个很常见的问题: 单个系统是集群部署,日志分布在多台服务器上; 多个系统的日志在多台机器,...如何使用 MDC 在 log4j2-spring.xml 的日志格式中添加 %X{traceId} 配置。....xml 文件的 pattern 中 3 扩展 统一日志采集 虽然有了 traceId 可以进行全链路追踪查询日志,但是毕竟也是在多台服务器上,为了提高查询效率,可以考虑将日志汇总到一起。...,输出到 Elasticsearch 使用 Kinbana 或者自己开发的可视化工具从 Elasticsearch 查询日志 结束语 本文主要记录近期开发过程中的遇到的一点问题,希望对小伙伴也有所帮助
每添加一个按钮、图片或一行文本都会使界面变得更加复杂,可以通过以下方式简化你的应用: 清晰可见的元素 足够的对比度和尺寸 明确的重要性级别 使主要信息一目了然 健全的 使你的应用能适应各种用户。...用户可能只有短暂的注意力,对你的产品不熟悉,或使用纯文本屏幕阅读器(使用语音合成器朗读文本或使用盲文显示器产生触觉)。...启用焦点导航 使用焦点控制导航 屏幕阅读器 屏幕阅读器为用户提供了多种屏幕导航的方法,包括: 屏幕阅读器的触摸界面允许用户在屏幕上移动手指,以听到手指正下方的内容。这使用户能快速了解整个界面。...书写 清晰且有帮助的无障碍文本是使 UI 更易访问的主要方法之一。视力低下或没有视力的用户会从清晰易懂的文字描述中受益。...避免在文本中包含控件类型和状态 屏幕阅读器会通过声音、或通过在无障碍文本前后说出控件名称,来自动声明控件的类型和状态。 搜索 正确示例 使用简短的说明。 搜索字段 错误示例 不要写控件类型。
在上面的示例中,按钮发生了变化、文本和图标的颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...下面我们通过一些常见的迁移方案来了解一下这些问题 文字栏位改变 在 MDC 中,文字字段默认样式发生了改变。改进版本是经过用户调查研究的。 ? 我们建议您使用这个版本,来提高可用性和可配置项性。...要恢复为旧的文本字段可以在布局中添加样式 <com.google.android.material.textfield.TextInputLayout ... + style="@style... 或者你也可以<em>在</em>主题中给所有的<em>文本</em>设置默认样式 <style name="Theme.App...MDC小部件使用这些属性来设置文本样式。要知道哪些窗口小部件使用哪种类型板式,需要检查源代码中的默认窗口小部件样式。
随着日志文件的不断增大,可能面临在服务器上不能直接打开的尴尬。 文本搜索太慢、无法多维度查询等 面临这些问题,我们需要集中化的日志管理,将所有服务器节点上的日志统一收集,管理,访问。...但是FileBeat收集的文件可能包含跨越多行文本的消息。...如果是,那么就需要用到Logstash过滤器,它能够解析各个事件,识别已命名的字段以构建结构,并将它们转换成通用格式。 那么,这时候就要先看我们在项目中,配置了日志以何种格式输出。...但是JSON解析器并不太适用,因为我们打印的日志中msg字段本身可能就是JSON数据格式。...简而言之,我们使用了MDC.PUT(key,value) ,那么Logback就可以在日志中自动打印这个value。
attr/colorControlHighlight 设置给高亮控制界面的颜色 (如: ripples,列表选择器); ?...TextAppearance Material 定义了缩放类型,它是在整个应用中使用的一组由文本样式组成的离散集合,集合中的每个值都是一个主题背景属性,可以被设置为 textApperance。...请点击 Material type scale generator 获得更多关于生成不同字体缩放的帮助。 ?...MDC 提供了主题背景属性,您可以使用它们给 MaterialButton 设置样式: ?...您可以参考 Google I/O 应用,它实现了在两个界面中显示主题演讲的列表: 这两个界面大部分看起来比较相似,除了左边界面有个显示时间的功能而右边是没有的。
2.2 项目中traceId生成、传递、销毁 2.2.1 traceId生成、销毁 2.2.1.1 客户端请求等触发(外部) 外部类请求触发情况,使用拦截器处理。...请求过来之后,生成traceId,并写入org.slf4j.MDC。 请求完成之后,将traceId从org.slf4j.MDC中移除。...Constants.TRACE_ID); } } 2.2.1.2 定时任务等触发(内部) (略...) 2.2.1 traceId传递 2.2.1.1 WEB类传递 简单的接口返回类,增加traceId字段...借助Dubbo的过滤器来实现,traceId在Dubbo服务间的读取、写入和清除。...) { return result; } } 另,需要在resources/META-INF/dubbo/文件夹下,创建com.alibaba.dubbo.rpc.Filter文本文件
标签文本不应占用多行 如果你需要在字段的上下文中提供其他信息,请考虑使用帮助文本。 4. 占位符/输入文本 占位符是用户在与字段交互之前看到的文本。输入文本是用户在文本字段中输入的文本。...聚焦状态 你需要使用视觉效果突出显示活动字段。 当字段处于活动状态时,始终显示光标。光标应指示当前用户在该字段中的位置。它可以防止用户进行不必要的操作。 ?...'清晰'的关闭图标 显示此图标可帮助用户在一次点击中删除字段中的文本。 ? 注意容器右侧的“交叉”图标。...当用户提供不正确的信息时,你还可以显示错误消息。应在容器下方显示错误消息。在修复错误之前,用户应该可以看到错误消息。...帮助文本/错误文本 帮助文本充当辅助元素 - 它提供有关输入字段的其他信息,例如: 如何使用用户提供的信息 信息要求(即密码设置指南) 在某些情况下,帮助文本可以与引导用户的错误文本交换(即用户在提供错误输入时看到的错误消息
导航栏标题 在导航栏中显示当前视图的标题。在多数情况下,标题可以帮助人们了解他们在看什么。但是如果添加导航栏显得多余,则可以将标题留为空白。...如果导航栏包含多个文本按钮,需要通过在按钮之间插入固定的空格项目来增加分隔。以此来避免按钮文本同时显示造成按钮无法区分的问题。 考虑在导航栏中使用分段控件,使APP的层次结构更加扁平。...并确保在较低的级别选择准确的返回按钮标题。 ? 二、搜索栏(Search Bars) 搜索栏允许人们通过在字段中键入文本来搜索大量值。搜索栏可以单独显示,也可以显示在导航栏或内容视图中。...考虑在搜索栏下方提供有用的快捷方式和其他内容。使用搜索栏下方的区域可帮助人们更快地获取内容。例如,Safari会在您点击搜索字段后立即显示您的书签。选择一个即可直接进入,而无需输入任何搜索词。...状态栏的文本和指示器的视觉样式可以是浅色或深色,可以针对APP进行全局设置,也可以针对不同的屏幕单独设置。 深色状态栏的效果在浅色内容至少效果很好,而浅色状态栏的效果在深色内容上效果很好。
用户在“设置”中启用自定义键盘后,他们可以将其用于任何应用程序中的文本输入,但编辑安全文本字段和电话号码字段时除外。人们可以启用多个自定义键盘,并可以随时在它们之间进行切换。 ?...通过在您的应用中(而不是在键盘本身中)提供使用说明,使入门过程更容易。告诉人们如何启用键盘,在输入文本时将其激活,使用它,然后切换回标准键盘。...一些应用程序实现了一个额外的自定义输入附件视图,该视图显示在键盘上方。在数字中,输入附件视图可帮助人们输入标准或自定义计算。 ?...使用描述性图像名称或提供替代文本标签。尽管它们在屏幕上不可见,但是图像名称和其他文本标签使VoiceOver可以听得见地描述贴纸,从而使视力障碍者的导航更加轻松。 通过动画增加活力。...透明性允许将贴纸有意义地放置在消息,照片和其他贴纸上。 贴纸尺寸 消息支持三种不干胶标签大小,它们显示在基于网格的浏览器中。选择最适合您的内容的尺寸,并准备该尺寸的所有贴纸。 ? 适当缩放贴纸。
这篇文章将帮助你了解有关无障碍设计的主要知识,让你的产品在设计上“准备就绪”,使你的产品在设计上满足Section508和Web Content Accessibility Guidelines2.0中的最低标准...使用颜色突出显示或补充显示那些已经很明显的东西。 在下面的例子中,页面以灰度显示,你可以说出有哪些字段是处在错误状态的? ? 大多数人一眼能看出“验证码”字段(最后一行“Code”)处在错误状态。...小练习: 尝试设计一下这个注册表单页面(记住颜色不是表明错误字段的唯一视觉手段)。 3. 确保文本与其背景保持足够的对比 根据WCAG,文本和文本背景之间的对比度至少保持在4.5:1。...上图为#767676的文本在白色背景上 有一些工具可以帮助设计师找到合适的无障碍设计色板。比如,Color Safe和WebAIM颜色对比度检查器。...用户输入内容,基于输入内容的一系列结果将显示在下方。然后,用户通过鼠标或者键盘来从列表中选择内容。 下面的例子则是一个容易让人产生识别障碍的模式。
在路径分析中,“DIRECTIONA”字段有着重要作用。接下来通过该字段筛选出图层中的单向街道,并设置适当的箭头样式,以显示该街道的交通方向。...点击【图层】面板上方的【打开图层样式面板】按钮,【图层样式】面板显示在地图窗口右侧,从下拉列表框中选择【基于规则】渲染器。 点击【+】按钮,为单向道路设置过滤条件,并为其创建新样式。...在【编辑规则】面板中,点击【Ɛ】按钮,打开【表达式字符串构建器】对话框。...在【表达式字符串构建器】对话框中,展开中间面板内的【字段和值】节点,选中“DIRECTIONA ”字段,点击右侧面板的【全部唯一】按钮,下方的文本框列出了该字段4种可能取值,可为构建表达式提供取值参考,...在表达式文本框中输入下面的表达式,点击【OK】按钮。
它具有许多好处,例如通过简化开发,测试和调试步骤来改进模块化并使开发人员的工作变得轻松。它在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帮助编写集成测试。
: 文本改进 字体边距 我们在问题跟踪器中定位到了 得票最高的问题之一,并通过将 includeFontPadding 设置为自定义参数来解决它。...文本放大镜 Android 文本提供了放大镜组件,通过放大镜可以更轻松地选择文本。Compose 现已支持文本放大镜。 拖动选择图标时会显示放大镜,以便于您查看指尖下方的内容。...Compose 1.1.0 已支持在所选择的文本字段中使用放大镜,Compose 1.2.0 在文本字段和 SelectionContainer 中都支持放大镜。...△ Layout Inspector 显示重组计数和重组高亮指示器 Compose 从根本上改变了您编写界面的方式,您可以遵循我们发布的最佳实践来确保应用的高性能。...您可以在 问题跟踪器 中提出您开发中遇到的问题,也可以在 KotlinLang Slack 群组中提问。
启用后,除了编辑安全文本字段和电话号码字段时,键盘在任何应用程序的文本输入过程中均可用。 人们可以启用多个自定义键盘,并随时在它们之间切换。 ?...·请勿复制系统键盘提供的功能 在iPhone X上,即使使用自定义键盘时,Emoji / Globe键和Dictation键也会自动出现在键盘下方。...通过在您的app中,而不是在键盘本身中提供使用说明,能让学习过程更轻松。告诉人们如何使用键盘,如何在文本输入过程中将其触发,如何使用它,和如何切换回标准键盘。...·必要时提供 input accessory view 某些app采用了键盘上方显示的其他自定义input accessory view。...在Numbers中,input accessory view可帮助用户输入标准或自定义算式。 ?
它通常用于代码编辑器或终端界面,用来显示任务的进度或加载的状态。...该插件通常会在编辑器中为 CSV 文件中的每一列分配不同的颜色,从而使用户更容易地区分和识别每个字段。...此外,Rainbow CSV 还可以根据数据类型自动识别字段,并进行颜色标记,例如,数字字段、日期字段、字符串字段等。...主要功能包括: 翻译字符串: 在编辑器中选中文本或者字符串,通过 Translation 插件可以直接将其翻译成其他语言,便于开发者理解或者进行多语言支持。...增强用户体验: Material Theme UI 的目标是提供一种清晰、现代的用户界面,从而增强用户的使用体验,使编辑器更加舒适和易用。
但是,该代码不会编译,因为SwiftUI想知道文本字段中的文本存储位置。 请记住,视图是其状态的函数——文本输入框只能在反映存储在程序中的值时显示某些内容。...SwiftUI需要的是结构中的一个字符串属性,它可以显示在文本输入框中,还将存储用户在文本输入框中键入的任何内容。...但是,该代码仍然无法工作,因为Swift需要能够更新name属性以匹配用户在文本字段中键入的任何内容,因此您可以使用`@State``,如下所示: @State private var name = "...问题是Swift区分了“在此处显示此属性的值”和“在此处显示此属性的值,但将任何更改写回该属性” 在Swift中,我们用一个特殊的符号来标记这些双向绑定,这样它们就很显眼:我们在它们前面写一个美元符号$...在继续之前,让我们修改文本视图,使其在文本字段的正下方显示用户名: Text("Your name is \(name)") 注意它是如何使用name而不是$name?
懒加载列表: 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 频道中参与讨论或在下方留言区和我们分享。
领取专属 10元无门槛券
手把手带您无忧上云