Unity UI -- (2) 给场景加一个标题

news2024/10/5 16:24:52

添加Text并将其放到正中位置

        我们来增加项目的第一个UI元素:标题。

        1. 在Hierarchy中,点击右键,选择UI > Text - TextMeshPro。如果弹出了一个TextMeshPro Importer窗口,选择Import TMP Essentials。TextMeshPro(TMP)是一个健壮的(robust)、易于使用的文字编辑工具,也被优化来用于在不同屏幕上清晰显示文字。

            当完成上面步骤后,在游戏视图中会出现“New Text”的文字,这些文字较小。如果你没有在一样的位置上看到这些文字,或者文字大小不同,这是正常现象。

        2. 保持Hierarchy中的Text游戏对象处于选中状态,在Rect Transform组件中找到Pos X和Pos Y属性。Rect Transform组件控制着2D矩形框的位置和缩放。

        3. 将Pos X和Pos Y设置为0,让文字显示到屏幕中心。如果你的文字正好在另一个游戏物体之上,不容易看清楚,则适当调整一下文字位置即可。

        4. 在Hierarchy中,重命名Text(TMP)游戏物体为“Title text”。

            我们会注意到,在创建text物体时,还自动增加了Canvas和EventSystem游戏物体。Canvas是任何UI元素所必需的父物体;EventSystem管理UI交互,比如按钮点击等。

 自定义标题

        1. Hierarchy中选中Text游戏物体,找到TextMeshPro - Text(UI)组件。我们使用这个组件来的自定义文字的外观。

        2. 在Text Input域段,输入一个标题名。这个标题名可以根据自己想写的任意来。如果它太长了,则文字可能会自动换行。

        3. 将Wrapping属性修改为Disabled,让标题显示到一行。

        4. 定制文字的外观和位置。

            在TextMeshPro组件中,使用FontAsset,Font Style,Font Size, Vertex Color,Spacing和其他属性自定义标题文字的外观。

        使用Rect Transform组件里的Pos X和Pos Y属性调整一下文字的位置。

        如果你想要在标题文字中某个地方换行,直接在Text Input域中修改文字内容即可。

确保文本可用性(accessibility)

什么是文本可用性(text accessibility)?

        可用性是指不同身体条件的用户如何能够成功地与你的应用程序交互。对于文本来说,它和文字的视觉可用性关系最为密切。

        下面是一些需要考虑的事情:

        文字大小:文字要足够大以便阅读起来舒适。

        文字对比度:文字要和背景有明显的对比,能够轻易看到,不和背景融为一体。

        文字字体/类型:字体要清晰易读。

        文字内容:内容使用经常使用的、熟悉的文字,读者能够通过屏幕能轻松阅读(特殊情况除外)。

评估可用性

        来看下图的例子,试着评估一下其文本可用性。

        以下信息仅供参考:

        在上面的例子中,标题文字太小,对比度不够(主要是和火焰重叠的部分),使用了较难阅读的字体,拼写Best的S时用了美元符号。

        这个例子比较极端,但很多时候即使是一些细微的修改,对与用户是否能成功与你的应用交互都会有很大的影响。

        对于文本可用性的更多细节,可以参考以下链接:        

text sizehttps://accessibility.digital.gov/visual-design/typography/

typefaces / fontshttps://webaim.org/techniques/fonts/

contrasthttps://webaim.org/articles/contrast/ contenthttps://www.w3.org/WAI/tips/writing/        我们现在对文本可用性有了一定了解,花一点时间来调整一下标题吧。

探索:下载并导入新字体

        在TextMeshPro组件中,我们会看到有一个Font Asset属性。使用物体选择器(圆形)我们可以选择项目中提供的一些字体。

        如果要让TMP使用新的字体,我们需要使用TMP的Font Asset Creator Tool。它会生成“font atlas”,这个font atlas被TMP用来显示文本。

        1. 我们可以在网上搜索一些免费可用的开源字体。可以参考这个链接:

【干货】最全免费可商用字体大集合(附字体包) - 知乎作为设计师,我们在作图时要使用大量的字体来达到我们想要的效果,但是字体都是有版权的,据说前几年暴风、保洁被方正告,赔了几百上千万(我的天呐,吓死宝宝了) 最近,在群里看到了又有人收到律师函,去年底我…https://zhuanlan.zhihu.com/p/34098456?from_voters_page=true

        2. 下载我们喜欢的字体,字体文件格式为.otf或.ttf,然后将它们导入到我们的工程中。

        3. 在Unity的主菜单中,选择 Window > TextMeshPro > Font Asset Creator。

        4. 在Font Asset Creator窗口中,将我们下载的字体作为Source Font File,选择Generate Font Atlas,然后选择Save。

             最后我们将Font Asset属性修改为这个新建的字体资源即可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/537546.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

优雅地处理参数传递:Spring Boot中的技巧

目录 一:四种传参方式 1.1:在 URL 中传递参数 1.2:PathVariable 传递参数(Restful 风格) 1.3:在请求体中传递参数 1.4:在请求头中传递参数 二:文件上传接口测试 2.1 : test.jav…

5_推荐系统算法详解

推荐系统算法详解 主要内容常用推荐算法分类(重点)基于人口统计学的推荐算法用户画像 基于内容的推荐算法相似度计算 基于内容推荐系统的高层次结构特征工程数值型特征处理 类别型特征处理时间型特征处理统计型特征处理推荐系统常见反馈数据基于 UGC 的推…

【c语言】组件化打包—动态链接库dll

创作不易&#xff0c;本篇文章如果帮助到了你&#xff0c;还请点赞 关注支持一下♡>&#x16966;<)!! 主页专栏有更多知识&#xff0c;如有疑问欢迎大家指正讨论&#xff0c;共同进步&#xff01; &#x1f525;c语言系列专栏&#xff1a;c语言之路重点知识整合 &#x…

Qt创建多线程的两种方法

Qt创建多线程的两种方法 [1] Qt创建多线程的两种方法1.摘要2.Qt多线程方法1 继承QThread2.1写一个继承于QThread的线程2.2 QThread的几个函数quit、exit、terminate函数2.3 正确的终止一个线程2.4 如何正确启动一个线程2.5 继承QThread的一些总结 Qt使用多线程的一些心得——2.…

什么是边缘计算盒子?边缘计算盒子可以做什么?一文带你了解边缘计算云服务器 ECS

上文&#xff0c;我们已经为大家介绍了什么是边缘计算、边缘计算的诞生、以及边缘计算与CDN之间的关系&#xff0c;感兴趣的小伙伴欢迎阅读以往文章&#xff1a; 边缘计算节点是啥&#xff1f;边缘计算与CDN有什么关系&#xff1f;一文带你了解边缘计算节点BEC&#xff08;1&am…

在线PS软件有哪些不错的推荐

许多新的UI设计合作伙伴非常关心在线ps工具的选择。现在市场上有各种各样的ps网页替代工具&#xff0c;数量众多&#xff0c;令人眼花缭乱。本文简要介绍了10个在线PS工具&#xff0c;我相信一定有一个适合你&#xff01; 1.即时设计 即时设计是一款在线 UI 设计工具&#xf…

渗透测试--5.1.Crunch创建密码字典

目录 1.crunch简介 2.常用命令 3.使用实例 &#xff08;1&#xff09;.生成字母组合 &#xff08;2&#xff09;. 生成缺位的手机号码 &#xff08;3&#xff09;.生成pass01-pass99所有组合 &#xff08;4&#xff09;.生成六位密码&#xff0c;其中前四位为pass&#xf…

docker-compose部署开发环境

docker-compose部署开发环境 部署nginx欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题&#xff0c;有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义…

Java内部类与匿名类

内部类 定义&#xff1a; 一个类的内部又完整的嵌套了另一个类结构&#xff0c;被嵌套的类就被我们称为内部类&#xff0c;嵌套内部类的类被我们称为外部类 //外部类 class Outer {//内部类class Inner{} }package Innerclass;//外部其他类 public class c1 { }class Outer {/…

数据结构--线段树--洛谷模板线段树1-2

写在前面&#xff1a; 学习之前需要知道以下内容&#xff1a; 1. 递归 2. 二叉树 文章目录 线段树介绍用途建树修改单点修改区间修改 查询 代码实现。建树更新lazy传递查询优化一下 练习洛谷 P3372 【模板】线段树 1题目描述题解 【模板】线段树 2题目描述题解 线段树 介绍 …

生产流程图怎么制作?思路提供

生产流程图是一种图表&#xff0c;用来展示生产流程中的各个环节及其顺序。这种图表可以帮助企业管理者更好地了解生产过程中的各个环节&#xff0c;从而更好地进行管理和优化。生产流程图通常包括各个生产环节的名称、所需时间、参与人员、设备和工具等信息。 在制作生产流程图…

虚拟机 03 补充 redis的命令

Redis的操作命令&#xff1a; Redis的启动命令&#xff1a;redis-server redis.conf 进入redis的客户端操作命令&#xff1a;redis-cli -p 6379 退出redis客户端的操作命令&#xff1a;exit或者ctrlc 关闭redis的命令&#xff1a;redis-cli -p 6379 shutdown Redis数据操作命令…

免费优质的网页设计素材网站推荐

找到一个免费优质的网页设计素材网站并不容易。 有些网站要么需要网站的会员&#xff0c;要么设计素材质量差。本文整理总结了10个免费的网页设计材料网站&#xff0c;希望给大家带来一些帮助。 即时设计资源社区 即时设计资源社区是由在线协同设计软件即时设计推出的设计社…

2023乡村振兴三点:粮食安全,数字乡村,特色产业

2023乡村振兴三条&#xff1a;粮食安全&#xff0c;数字乡村&#xff0c;特色产业 人工智能总趋势在减少就业 乡村生活综合服务领域&#xff5e; 可能是以后吸纳劳动力的重要领域 农业现代化最后在实现中… 趣讲大白话&#xff1a;人没事干&#xff0c;咋办 【趣讲信息科技168期…

基于 debian 发行版本的密码设置策略

密码过期时间设置 修改 /etc/login.defs 中的选项 PASS_MAX_DAYS 99999 代表不过期 我们将该值改为 90 密码复杂度设置 需要安装 pam 扩展包 libpam-pwquality 或 libpam-cracklib 。 这里选择安装 libpam-cracklib sudo apt updatesudo apt install libpam-cracklib查看…

虚拟机 03 redis安装和启动服务

redis在linux上的安装&#xff1a; 01.先找到redis的压缩文件 这里的是gz格式的。 02.在linux系统中&#xff0c;先去切换到根目录先 使用命令 cd / 再切换到usr/local/src中 直接把压缩文件拖入到linux系统的命令行中 src文件中会出现redis-5.0.4.tar.gz的文件 03.对这个文…

arm作业

用for循环实现1~100之间的和13BA for(i1;i<100;i) { sum sumi; }

面试7轮,结果对接的HR离职了……

面试鹅厂总共进行了7轮&#xff0c;还没有结果。先是面了三轮&#xff0c;然后hr告诉她没hc了&#xff0c;然后又推荐了另外一个岗位&#xff0c;又面了四轮。然后追问HR后续的进展&#xff0c;她告诉我已经离职了&#xff0c;让我联系另外一个同事。 这么说吧&#xff0c;大厂…

密码学A5算法VHDL设计及仿真验证

A5算法是一种用于GSM(Global System for Mobile Communications)移动通信标准的加密算法。它是一种对称密钥算法,使用一个64位密钥和一个22位帧号作为输入,生成一个228位的伪随机序列,该序列被用于加密语音和数据通信。 A5算法由三个线性反馈移位寄存器(LFSR)组成,每个…

创建一个Go项目

创建一个Go项目 1.创建项目 package mainfunc main() {println("你好啊&#xff0c;简单点了&#xff01;") }如果是本地的话可以采用go run 项目名的方式。 可以采用go run --work 项目名的方式&#xff0c;此时可以展示日志信息。 如果是只编译的话 go build 项…