NGUI制作Word图文混排效果

最新推荐文章于 2020-11-20 10:21:23 发布
置顶 最新推荐文章于 2020-11-20 10:21:23 发布
阅读量878 收藏
点赞数
分类专栏： NGUI 文章标签： ui ngui 图文混排
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Free_Queen/article/details/46827271
版权
这篇博客介绍了如何使用NGUI v3.8.2制作Word式的图文混排效果。通过创建scroll view、UITable，结合UILabel与UITexture组件，调整参数设置如Overflow和Pivot，实现文字与图片的同步滚动。博主分享了具体步骤和关键代码，适合初学者参考。
摘要由CSDN通过智能技术生成

先上个自己做的例子，第一次写博客，先写个简单的例子吧，都是自己做的小demo，希望大家不要喷呐！


这个效果还是很简单滴，关键在于用两个UILabel来显示文字内容，其中一个UILabel与图片放于同一高度上。下面来说一下UI制作过程，本次使用的是NGUI v3.8.2：

  1. 绘制基本组件：创建一个scroll view和scroll bar做出滚动视图的区域；在scroll view内添加一个UITable，用来存放图片和文字，位置调到scroll view的左上角合适的位置，其中Columns为1。
  3. 添加图片级文字组件：在UITable下创建一个空物体，这里取名为Top，并在此下面添加一个UITexture和一个UILabel，UILabel取名为Label1，两个的高度要等同，处于同一高度上；添加第二个U
最低0.47元/天 解锁文章
Free_Queen
关注
专栏目录
NGUI图文混排
smallrainf的专栏
03-07 3891
目录 目录 原理 完整代码 步骤 图文混排：就是将文字与图片混合排列，文字可在图片的四周、嵌入图片下面、浮于图片上方等。 原理由于ngui本身的图文混排是依据bitmap来实现的，不支持dynamic font，因此需要使用动态生成Sprite的方式来实现图文混排。其中采用特殊字符#作为标识；又因为ngui的uilabel本身带有分割行操作，因此需要自身实现逐字符分析来实现换行，避免出现标识无法
Word图文混排案例一则
07-11
分享一个Word图文混排实例，希望对初学者有帮助。
word图文混排案例
12-17
适合课堂上课使用的案例，随着办公自动化的发展，利用计算机排版技术编辑制作手抄报、简报也很普及了。这里我们就来练习如何利用Word来制作手抄报，例如，制作一个主要内容关于NBA的手抄报。
NGUI的图文混排
zhutaorun的博客
10-31 2341
怎么在NGUI里实现图文的混排的研究和小结
NGUI图文混排demo
12-22
NGUI图文混排的实现是其核心特性之一，它允许开发者在界面上灵活地组合文字和图像，创造出各种复杂的布局效果。下面将详细探讨NGUI图文混排的相关知识点。 1. **NGUI概述**： NGUI（Natural GUI）是由Tasharen ...
Unity NGUI 图文混排 动态图集解决方案
11-11
通过调整这些组件的位置、大小、对齐方式和层级关系，可以实现复杂的图文混排效果。例如，可以将图片作为背景，然后在上面叠加文字，或者在图片的特定位置插入文字，甚至让文字跟随图片形状自适应排列。 动态图集是...
Unity NGUI实现图文混排
01-27 1194
为什么要自己写图文混排？  NGUI的UIlabel本身支持图文混排，只不过只支持位图字体，局限性很强，所以在具体项目中很难满足需求。 自己写的话，有什么想法？ 图文混排的基础功能无非：图片或纹理和文字的混合排列，点击行为、超链接、动态支持字号，字色，描边等功能。 之前倒是接触过前辈们写的自定义插件，虽说基本够用但也存在各种问题，结构复杂，排序算法纯属逻辑堆积，维护复杂。 结构设计？
unity实现图文混排功能.zip
04-17
实现在Text文本中添加图片表情功能
Word 2010之简单图文混排
weixin_34199405的博客
11-07 546
所谓图文混排，就是指将图片与文本内容进行一定规律的排列，以让文档更加漂亮。 下面的示范是一个简单的将两副照片混排到文字当中的（图片与文本内容无关，仅供演示）。 1. 打开Word，输入文本内容； 2. 将图片插入到文档中，可以采用直接拖放的方式，就是在Windows资源管理器选择照片，直接拖放到Word中； 拖放进去后，需要调整一下图片的大小，以适合文档。 3. 接着拖放下一张照片，...
Unity3D NGUI图文混排聊天表情
脱莫柔
09-27 5646
原创文章如需转载请注明：转载自 脱莫柔Unity3D学习之旅 Unity3D引擎技术交流QQ群：【119706192】本文链接地址: Unity3D NGUI图文混排的聊天表情 历时1年开发的mmorpg游戏终于进入收尾阶段，最后还差些需要提升表现力的小功能没做。比如图文混排聊天表情。 网上找了插件对接半天发现插件各种bug，修复实在困难，焦躁之下最终决定自己写！ 最为一个cv战士，生存
<NGUI>Unity插件之NGUI学习（5）—— 创建Label图文混排及文字点击
朵朵码爸爸的专栏
10-10 4720
创建一个新的Scene，并按 Unity插件之NGUI学习（2）创建UI Root。 准备工作，制作Font，现在Project窗口创建一个Font文件夹，然后从系统自带字体文件夹中选择自己需要的字体，我选择了黑体，然后拖到Font文件夹中去。选择刚导入的字体。 Font Size默认是16，不过网上看到过size16在IOS上显示太小，所以设置为30。 在菜单中选择NGUI
Unity3D之Text文本图文混排Unity3D——Unity2018自带插件
居安思危，游戏人生。
05-30 4836
最近Unity2018发布了，在这个版本里Unity做了很多插件让开发更容易，这些插件不是依赖工程的，也就是说不用再往项目里导入package包了。而是通过unity本身的PackageManager导入。在Project面板是看不到任何文件或者文件夹的（某些可以看到一部分文件或者文件夹）。还可以在工程的根目录（也就是Assets同级目录下的Package文件夹下的json文件写入不同的插件）。今...
unity NGUI图文混排
linxinfa的专栏
07-24 5312
游戏中需要制作聊天功能，很可能会使用到图文混排，这里介绍一下基于NGUI的一种做法。 步骤1：工程中得先导入一个中文字体库，ttf格式，如果是ttc格式的，强行改成ttf格式即可。如果你已经导入过了，忽略此步： 步骤2：打开NGUI的Font Maker，制作一个字体库 Source选择刚刚导入的simhei字体，Characters选择Custom，然后在右边的大框
[Unity3D学习]NGUI UILabel 图文混排扩展
YangDan_的专栏
11-17 4102
之前发过一个图文混排的文章《[Unity3D学习]NGUI UILabel 图文混排》、一直感觉那样比较消耗。又由于公司项目也需要做图文混排，就想了另一种图文混排思路，从性能来说比之前的思路要好很多，不过也有弊端，现在这种解决方案，做动态表情不太适应。不过我想的是，手机游戏对聊天功能其实已经比较弱化了，所以个人认为聊天不需要做得太复杂，一切从简就好。 说说这个版本的图文混排的思路吧：
word排版案例报告_Word操作技巧：图文混排，就是这么简单
weixin_39537977的博客
11-20 1898
昨天的文章中，我给大家分享了在Word中进行文字排版时的2个技能：制表位与表格。Word操作技巧：文本排版，制表位与表格才是制胜法宝我相信，大家只要稍加练习，就能够熟练掌握这两个技能。但是，与简单的文字排版相比，图文混排的难度更大，也更容易出现操作问题。今天，我来跟大家分享2个解决图文混排问题的的高级使用技巧：1、单图排版布局2、表格排版法轻松实现图文混排，显著提高我们的工作效率！技巧1：单图排版...
Unity UGUI实现图文混排
热门推荐
神码编程
03-28 3万+
目前在unity实现图文混排的好像都是通过自定义字体然后在文本获取字符的位置，用图片替换掉图片标签，这样对于支持英文来说，并没有什么影响。然后对于中文来说就是一个相当麻烦的事了，毕竟图文混排多用于游戏聊天，这样就需要将中文的所有常用汉字都添加进去，想想都不怎么科学 于是我就想在ugui自带的Te
unity 聊天图文混排 源码
最新发布
06-05
Unity 聊天图文混排源码是指开发者使用 Unity 引擎编写的一个可以实现聊天功能的程序。该程序具备聊天室的基本功能，包括用户登录、发送消息、接收消息等。其中，最重要的功能就是聊天图文混排，即可以同时向聊天室...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值