Unity UGUI实现图文混排

目前在unity实现图文混排的好像都是通过自定义字体然后在文本获取字符的位置,用图片替换掉图片标签,这样对于支持英文来说,并没有什么影响。然后对于中文来说就是一个相当麻烦的事了,毕竟图文混排多用于游戏聊天,这样就需要将中文的所有常用汉字都添加进去,想想都不怎么科学

于是我就想在ugui自带的Text组件的基础上,实现图文混排,花了一点时间,也算有点成果了

整理一下,实现图文混排的步骤:

准备了一些图片,并制作了一个asset文件,将所有图片的信息保存进去,方便调用

写了一个SpriteGraphic,用来渲染图片,放在Text组件下

写了一个管理类,主要用来识别标签,通过标签获取到图片信息,并将所有图片信息用CanvasRenderer.SetMesh绘制在SpriteGraphic上,这样就避免了在Text组件下出现多张图片。图片标签定义的为,这里1就是导进来的图片在asset文件中的ID

这里看一下,输入时候的文本

这是运行后的效果

我在网上又找了一个字体,测试一下

运行前:

运行后:

其实应该还有一些可以扩展的功能,比如说图片大小可自定义,表情可以是动画等等。。。

Unity UGUI图文混排源码(一):http://blog.csdn.net/qq992817263/article/details/51112304

Unity UGUI图文混排源码(二):http://blog.csdn.net/qq992817263/article/details/51112311

Unity UGUI图文混排源码(三)--动态表情:http://blog.csdn.net/qq992817263/article/details/52613219

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,926评论 25 709
  • 在此特此声明:一下所有链接均来自互联网,在此记录下我的查阅学习历程,感谢各位原创作者的无私奉献 ! 技术一点一点积...
    远航的移动开发历程阅读 11,318评论 12 197
  • 在六道口附近的北京768创意园,梦想赋能班北京班的小伙伴在攀岩馆进行了第一次团建。班级组织委员超超为了这一次活动精...
    森和阅读 353评论 0 1
  • 01 正月初六这天是何政南大喜的日子,看着破旧的小院贴满了红红的喜,进进出出来道喜的人,他高兴到无以言表。 何政南...
    温而泽润阅读 639评论 0 6
  • 内向者和外向者看起来也许并没有什么不同,但如果你观察他们处理生活的大大小小的事情的方式,你可能会发现不同之处。 上...
    Lilimagic阅读 451评论 5 7