Unity UGUI TextMeshPro实现输入中文和表情包(Emoji)表情

这篇具有很好参考价值的文章主要介绍了Unity UGUI TextMeshPro实现输入中文和表情包(Emoji)表情。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

实现中文显示

准备工作

1、打开Window——TextMeshPro——FontAssetCreator

2、把字体文件放入SourceFont中

3、把CharacterSet改为Characters from File

4、把字体库文件放入Characters File

5、设置好参数点击Generate Font Atlas等待完成后保存

6、把生成后保存的字体文件退拽到Font Asset即可

效果演示

实现Emoji表情显示

准备工作

制作Emoji图集

1、打开TexturePackerGUI

直接将我们的图集文件夹拖拽进来 

然后设置如下

全选emoji点击精灵设置

然后把预定义改为左下方

点击发布精灵表,路径自定义

导出文件应为一个json一个png:

制作TextMeshPro素材资源

把导出的文件导入unity工程

先把图片的MaxSize修改为图片分辨率大小(很重要!!!在这个坑里爬了很久,不设置的话最后Emoji对应的位置不对)

打开Sprite Importer窗口(Window——TextMeshPro——Sprite Importer)

把文件分别拖拽到指定位置(把Use filenames as Unicode勾选上)

点击生成之后保存文件,然后将保存的文件拖拽到TextMeshPro组件的Sprite Asset

效果展示


实现中文显示

准备工作

①、准备好需要制作的字体文件,例如阿里妈妈的AlimamaDongFangDaKai-Regular字体

②、准备好中文字体库(这里准备了两个地址可供下载Github 常用3500汉字库 | 7000字符集)

③、unity导入TextMeshPro插件,我这里用的是Version 3.2.0-pre.3这个版本的,这里可以下载其他版本

1、打开Window——TextMeshPro——FontAssetCreator

ugui中文输入,unity,游戏引擎

2、把字体文件放入SourceFont中
3、把CharacterSet改为Characters from File
4、把字体库文件放入Characters File
5、设置好参数点击Generate Font Atlas等待完成后保存

ugui中文输入,unity,游戏引擎

6、把生成后保存的字体文件退拽到Font Asset即可
效果演示

ugui中文输入,unity,游戏引擎

实现Emoji表情显示

准备工作

①、准备好Emoji表情图集,注意需要是 unicode.png 格式命名的    github上面有这些图Emoji图集链接

②、下载安装 TexturePackerGUI 软件

③、unity导入TextMeshPro插件,我这里用的是Version 3.2.0-pre.3这个版本的,这里可以下载其他版本

 

制作Emoji图集

1、打开TexturePackerGUI

ugui中文输入,unity,游戏引擎

ugui中文输入,unity,游戏引擎

直接将我们的图集文件夹拖拽进来 
然后设置如下

ugui中文输入,unity,游戏引擎ugui中文输入,unity,游戏引擎

全选emoji点击精灵设置

ugui中文输入,unity,游戏引擎

然后把预定义改为左下方

ugui中文输入,unity,游戏引擎

 

点击发布精灵表,路径自定义

 ugui中文输入,unity,游戏引擎

导出文件应为一个json一个png:

ugui中文输入,unity,游戏引擎

制作TextMeshPro素材资源
把导出的文件导入unity工程
先把图片的MaxSize修改为图片分辨率大小(很重要!!!在这个坑里爬了很久,不设置的话最后Emoji对应的位置不对)

ugui中文输入,unity,游戏引擎

打开Sprite Importer窗口(Window——TextMeshPro——Sprite Importer)

ugui中文输入,unity,游戏引擎

把文件分别拖拽到指定位置(把Use filenames as Unicode勾选上)

ugui中文输入,unity,游戏引擎

点击生成之后保存文件,然后将保存的文件拖拽到TextMeshPro组件的Sprite Asset

ugui中文输入,unity,游戏引擎

效果展示

ugui中文输入,unity,游戏引擎文章来源地址https://www.toymoban.com/news/detail-801993.html

到了这里,关于Unity UGUI TextMeshPro实现输入中文和表情包(Emoji)表情的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【UGUI】如何在脚本中获取Unity中的Input Field-TextMeshPro

            首先,确保你的项目中已经安装了TextMeshPro。如果没有安装,请打开Unity编辑器,转到\\\"Window\\\"(窗口)菜单 - \\\"Package Manager\\\"(包管理器),然后搜索并安装TextMeshPro。当然,创建TMPUI元素时系统也会提示进行安装。         在场景中创建一个UI元素(InputField(TMP))

    2024年02月13日
    浏览(24)
  • Unity UGUI事件输入,点击UI无反应

    之前被一个特别低级的UI点击问题卡了好久,记录一下,避免之后再犯同样的错误。 UI事件输入未接受到的原因无非就几个,一一排查总能找到原因。 1、若是直接使用的unity组件中的按钮,但是点击按钮没有反应。         1)查找是否被其他UI遮挡         2)查找是否接收

    2024年04月13日
    浏览(36)
  • Unity UGUI的InputField(输入框)组件的介绍及使用

    UGUI的InputField组件是Unity中的一个用户界面组件,用于接收用户的输入。它可以用于创建文本输入框、密码输入框等功能。 UGUI的InputField组件通过监听用户的输入事件,用户将输入的内容保存在一个字符串中,并将该字符串显示在输入框中。用户可以通过键盘输入、鼠标点击等

    2024年02月12日
    浏览(35)
  • Unity UGUI的TouchInputModule (触摸输入模块)组件的介绍及使用

    TouchInputModule是Unity中的一个UGUI组件,用于处理触摸输入事件。它可以让你的游戏在移动设备上实现触摸操作,如点击、滑动、缩放等。 TouchInputModule组件通过监听移动设备上的触摸事件,并将其转化为Unity中的事件系统所需的输入事件。它会根据触摸的位置和动作来触发相应

    2024年02月15日
    浏览(33)
  • 【Unity-UGUI控件全面解析】| InputField 输入框组件详解

    🎬 博客主页:https://xia

    2024年02月06日
    浏览(33)
  • Unity UGUI实现点击事件穿透

     代码很简单如下 将此代码挂载到上层节点上即可 使用此方案遇到的一些问题以及处理方法 1.下层Button没响应问题 如果只传递一层的情况 Button的Text文本 或者Button下面有遮挡物 并且Raycast Target是true的情况它会传递给Text或者 其他遮挡物 而Button 不会收到点击消息 所以如果想

    2024年04月09日
    浏览(54)
  • Unity UGUI 边缘泛光 描边 的简单实现

    先看效果  该效果是RawImage组件下实现。单纯Shader实现,不用c#辅助,当然,肯定也有缺点,在一些场合下或许不适用,我也希望能最大化适用,奈何技术有限。网上看过一些实现有些只适合3D,并且不适合棱角的,有些适用UI,效果也不错,但是为了泛光范围加大,性能指数

    2024年02月12日
    浏览(34)
  • Unity实现一个可扩展的UGUI无限滑动列表控件

    12月20日新增 增加一个可收缩的滑动列表,适用于游戏中的任务系统,成就等 使用说明 创建时需要两个模板slot,一个是button,另一个则是btn下显示的cell 配置如下图添加 ExpandableView 脚本,新增的IsDefaultExpand用来控制是否展开 11月28日新增 增加可调节的顶部间隙和左侧间隙 采

    2024年01月19日
    浏览(29)
  • Unity中UGUI在Mask剪裁粒子特效的实现

    在Unity使用Mask是剪裁不了粒子特效的,之前有想过RenderTexture来实现,不过使用RenderTexture不适合用于很多个特效,因为RenderTexture依赖Camera的照射,如果在背包中每种道具都有不同的特效,那使用RenderTexture则需要不同特效都用一个Camera。明显是不合适的。 先看下剪裁不了的显

    2024年01月24日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包