请选择 进入手机版 | 继续访问电脑版

【3D技术宅公社】XR数字艺术论坛  XR技术讨论 XR互动电影 定格动画

 找回密码
 立即注册

QQ登录

只需一步,快速开始

调查问卷
论坛即将给大家带来全新的技术服务,面向三围图形学、游戏、动画的全新服务论坛升级为UTF8版本后,中文用户名和用户密码中有中文的都无法登陆,请发邮件到324007255(at)QQ.com联系手动修改密码

3D技术论坛将以计算机图形学为核心,面向教育 推出国内的三维教育引擎该项目在持续研发当中,感谢大家的关注。

查看: 5001|回复: 0

[NGUI插件] NGUI官网示例12 –Chat Window(聊天对话框,中文输入和显示)

[复制链接]
发表于 2013-11-22 15:29:43 | 显示全部楼层 |阅读模式
聊天对话框是网络游戏中经常会用到的GUI之一,它可以通过用户的键盘输入来获取输入信息并发送到其他的游戏客户端中。当然,聊天对话框的用途还有很多。



在NGUI中,也为我们创建聊天对话框提供了方便,如图所示:







首先先创建一个窗口层次结构,这里不再赘述,请看前面的教程。在里面的Label中,我使用了中文的字体为3698Font包3698font.unitypackage ,如图所示







为该窗口创建一个Input元件,该元件用于接收用户的输入,其参数如下







创建一个TextList,用于显示用户输入信息之后显示信息。新建一个空的游戏对象,并命名为TextList,并成为Window的子物体,同时reset一下;一个TextList

组件(Component-> NGUI->UI->Text List),并设置该组件中的Style属性设置成Chat,如图所示







为该TextList对象添加一个Label和一个SlicedSprite,注意SlicedSprite和Label之间的深度关系,Label的深度值应该比SlicedSprite大,如Label为2,那么

SlicedSprite为2,如图所示







选择Input对象,为其添加一个Chat Input组件(Component->NGUI->Interal->chat Input),并把TextList对象赋值给TextList属性,如图所示







点击播放,ok!你在输入框中输入中文和英文都可以正常显示!如图所示







如果你输入多行,你会发现,其TextList中的文字不会自动往上,现在选择TextList中的Label,然后把其他的Pivot设置成BottomLeft,这样便可以使得随着文字

的显示的增加而不断往上升了。如图所示







选择Input对象,并把Fill with Dummy Data选项打开,点击播放,这个时候可以通过这个选项来控制是否显示测试文字,如图所示







可以看出文字都跑外面去了,选择TextList,在UITextList组件中,设置其MaxWidth和MaxHeight,这个可以设置其显示文本的最大高度和最大宽度。如图所示







OK!搞定。中文输入不知道在移动设备中能否支持,希望各位朋友提提意见!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|3D数字艺术论坛 ( 沪ICP备14023054号 )

GMT+8, 2024-3-29 02:44

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表