原标题:[专栏作家]UGUI中CustomFont字体使用与制作

前言:

如何在UGUI中使用自定义的数字图片。在开发过程中,美术同学会给出类似艺术数字图片如下图:

那在UGUI系统中如何使用呢?

UGUI中我们使用Text来显示内容。Text中支持使用ttf字体,那数字图片文字如何使用呢?unity已经给我们提供了解决方案,即Custom Font字体。下面给出如何制作Custom Font字体及在UGUI中使用。

解决方案

一、 CustomFont字体制作

1:在unity中资源目录下右键create->Custom Font

2:创建材质,shader选择GUI/TextShader将图片指定为我们前面说到的数字图片

3:设置CustomFont参数,如下图所示

主要说明CharacterRects内参数:

Size: 即字体要包含多少个符号

Element 0:第一个符号参数说明

Index:符号对应的ASSII码数值

备注:width:单个字符宽度 height:单个字符高度

Uv

x:(width/图宽)*(该字符在图片中的列数-1)

y: height/图高)*(该字符在图片中的行数-1)

w=(width/图宽)

h=(height/图高)

Vert

x=offsetX

y=offsetY

w=width

h=height

Advance:width

Flipped:是否翻转

二、 CustomFont在UGUI中的使用

1:在unity中新建一个Text;如下图所示,将制作好的字体文件托给Font。

看一下显示效果:

出现问题了!

1:字体是倒的。

2:字体颜色不对。

解决字体倒置问题:

1:将图片进行垂直翻转,保存;

翻转后图片如下图所示

2:unity中可以正常显示:如下图

解决字体颜色问题:

1:将Text中的color属性进行修改;

2:修改后,可正常显示图片原始颜色;

以上问题解决,但使用过程中发现个问题,图片文字无法换行!如下图所示

解决图片数字无法换行:

1:找到我们制作的字体文件,将Line Spacing属性值修改成我们的图片中单个数字字符的高度,保存一下。

2:回到界面,这时数字显示就可以换行了!

这个问题有点鸡肋了!一般情况下,使用数字显示的时候好像没有什么地方要换行使用的。返回搜狐,查看更多

责任编辑:

unity怎么在文本中修改字体_[专栏作家]UGUI中CustomFont字体使用与制作相关推荐

  1. android ui设计最新字体,ui用什么字体_安卓ui设计用什么字体

    1 ui用什么字体 UI中字体使用的关键因素. 1.可读性. ui用什么字体_安卓ui设计用什么字体,可读性是UI中字体所需考虑的首要因素.字母字形必须清晰可辨,作为UI元素,其中不同的字母必须可以被 ...

  2. idea修改回默认字体_设置 IntelliJ IDEA 主题和字体的方法

    1 前言 在博文「IntelliJ IDEA 之 HelloWorld 项目创建及相关配置文件介绍」中,我们已经用 IntelliJ IDEA 创建了第一个 Java 项目 HelloWorld,如下 ...

  3. android 更改字体_如何在Android中更改字体

    android 更改字体 Ben Stockton 本·斯托克顿 Android offers plenty of options to customize the appearance of you ...

  4. webpack 处理字体_如何在webpack中更优雅的处理字体图标

    作者:牟金涛 字体图标是目前前端中最常见的一种静态资源,目前大部分的框架或者网站都会将一些简单的图标合并生成一个字体文件而不是合并成雪碧图.其优点显而易见,字体图标能够更加方便的控制图标的大小和颜色, ...

  5. 范数在机器学习中的作用_设计在机器学习中的作用

    范数在机器学习中的作用 Today, machine learning (ML) is a component of practically all new software products. Fo ...

  6. 统计信息在数据库中的作用_统计在行业中的作用

    统计信息在数据库中的作用 数据科学与机器学习 (DATA SCIENCE AND MACHINE LEARNING) Statistics are everywhere, and most indus ...

  7. web字体设置成平方字体_如何托管自己的Web字体

    web字体设置成平方字体 字体通常是许多计算机用户的谜. 例如,您是否设计了一个精美的传单,并且将文件放在某个地方进行打印时,发现Arial中呈现的所有标题是因为打印机没有您在设计中使用的精美字体? ...

  8. python3提取字符串中的数字_如何在Python中从字符串中提取数字?

    14 回复 | 直到 1 年前 1 430 3 年前 如果只想提取正整数,请尝试以下操作: >>> str = "h3110 23 cat 444.4 rabbit 11 ...

  9. 符号在excel中的引用_如何在Excel中添加项目符号

    &符号在excel中的引用 There's no built-in feature for bullets in Excel, like there is in a Word document ...

最新文章

  1. vue渲染大量数据如何优化_Vue3 Compiler 优化细节,如何手写高性能渲染函数
  2. ES6类的使用和定义.Json.Promise对象的使用
  3. CSS3 Media Query:移动 Web 的完美开端
  4. abc大神的官改最新版本固件下载
  5. 组策略设置计算机计划任务,组策略 运行计划任务 Powershell
  6. radon变换(c++、OpenCV实现)
  7. 架构-大数据架构-阿里
  8. 香农公式说明了什么_香农公式理解
  9. 基于TQ2440的SPI驱动学习(OLED)
  10. 领域模型的概念:失血 贫血 充血 胀血
  11. BM25算法——(他人写)
  12. javaSE探赜索隐之三<类与对象的爱恨情仇中>
  13. 冒险岛2无限服务器断开,冒险岛2无限龙无限命版
  14. 罗杨美慧 20190912-1 每周例行报告
  15. 《运营力——微信公众号 设计 策划 客服 管理 一册通》一一1.2 团队岗位介绍...
  16. 网络工程师枕边书:精选30本图书抢先读
  17. 从词嵌入到文档距离论文笔记(From Word Embeddings To Document Distances)
  18. 计量经济学及Stata应用 陈强 第九章模型设定与数据问题习题9.4
  19. 中标麒麟卸载安装yum和python
  20. 【测试基础】之03 CSS入门基础

热门文章

  1. Interop type 'jmail.POP3Class' cannot be embedded. Use the applicable interface instead.
  2. postgres的序列(Sequence)的使用
  3. 朝阳工程技术学校计算机应用,超8成高职院校开设“计算机应用技术专业”
  4. eclipse 调试nodejs 发生Failed to connect to standalone V8 VM错误的解决方案
  5. WORD Application.Documents.Open函数返回null的一种解决方法
  6. [Linux] 解决virtualbox共享文件夹没有访问权限的问题
  7. Mycat分布式数据库架构解决方案--搭建MySQL读写分离环境--一主多从
  8. MapperException: 无法获取实体类xxxxx对应的表名! 三种解决方法,总有一款适合你。
  9. mysql数据库表字段使用DESC等关键字报错及解决方法
  10. PostgreSQL Json字段作为查询条件的解决方案