【Unity3D】公告栏与开始界面的布置
开始界面是一个游戏最常见的元素，作品或大或少都会有这些东西。下面里面4.6之后Unity3D自带的UGUI，实现一个公告栏和开始界面，以此说明Unity3D中是怎么布置游戏UI的。如下图所示，开始游戏之前，我们会给用户公告比较长，但用户可以通过滑动滑块看完。
具体制作步骤如下：
1、新建一个Canvas，切换到2D界面，不懂的可以参详《【Unity3D】Helloworld》（点击打开链接）里面有具体做法，然后如下图，在Canvas下面布置一个Button按钮，利用矩形工具等移到相应的位置。
2、在右侧的属性面板，将Button设置成红色，然后Button旗下的Text，内容改成“开始游戏”，设置成白色，在竖直和水平方向设置对齐。
3、之后我们要设置一个公告栏，这部分由2个image和，2个text还有一个scoll bar组成的。首先我们先新建一个image拉到相应的位置，并设置颜色是R100 G0 B255 A100。在于Canvas的旗下（非该新建的image下）新建一个text，调到相应的内容，位置，设置水平、竖直对齐再拖到这个image旗下，这样做，text不会随这个image的拉伸而拉伸。以后在image上面放text都这样。
4、接下来再同理，做一个image，颜色为R255 G255 B100 A100，并重命名为plane和较长内容的text，并因为以后设置的需要，将个text重命名成Content，然后拖到plane里面，如图所示。
5、对Plane这个image添加UI->Mask和UI->Scroll Rect组件，并将Scroll Rect下的Horizontial取消，说明我们只需要在垂直状态下滚动。
6、如图所示，在Canvas下新建一个Scrollbar并做相应的调整。
7、如图，再对Plane下的Scroll Rect进行修改，将Content设置成名为Content的Text，将Vertical Scrollbar设置成刚刚创建的Scrollbar，设置的时候，是点⊙进行设置的。这样就能将面板、内容和滚动条绑定起来。
至此，公告栏做完了。整个过程没有一行代码，但这些UI控件设置起来并不简单。理论上，能通过拖控件实现的功能，尽量不要通过写代码来实现，毕竟这项拖控件正因为没有技术含量，所以实现起来非常简单，更重要的是维护起来相当好整，直接用矩形工具拖，总比你代码里面调这个控件在什么坐标好吧？
【Unity3D】公告栏与开始界面的布置相关推荐
- Unity3D 游戏引擎之Unity3D回馈IOS高级界面消息 （十）
Unity3D 游戏引擎之Unity3D回馈IOS高级界面消息 雨松MOMO原创文章如转载,请注明:转载至我的独立域名博客雨松MOMO程序研究院,原文地址:http://www.xuanyusong. ...
- [unity3d]水果忍者-界面搭建
今天开始用Unity3D做一下水果忍者的游戏,Keep study very day! 效果图: 实现步骤: 1.贴图的创建 , 这里的Pixel Inset中X,Y,Width,Height是贴图的 ...
- 【Unity3D编辑器扩展】Unity3D中实现UI界面控制，UI界面的显示和隐藏实现
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群:1040082875 大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有 ...
- Unity3D制作注册登录界面，并实现场景跳转
效果预览图片: 效果预览视频: 一.新建项目工程 1.打开Unity3D,新建一个项目,将其命名为"Login".我这里用的版本是Unity2018.4.2f1,不同版本制作过程中 ...
- 界面设计方法 (2) — 4.界面设计的原则与标准
前面介绍了5种基本的界面形式,如果从构成界面的要素(构件)层面看,实际上所有的界面都是一样的,因为它们都是由同样的控件构成的,只是控件的位置不同而已,因此就有必要对界面的布置进行统一的标准化,建立了界 ...
- 界面设计方法(2) — 2.界面的布局
为了满足客户的需求,软件界面的表达形式千差万别.但与网站的界面形式(电子商务.政府政务.各类网站等)相比,作为企业管理(ERP)类系统的界面形式比较低调,由于需要长时间对着屏幕操作.观看.思考,因此要 ...
- 界面设计方法 (2) — 1. 界面与组件的概念
■ 一个完整的界面设计需要有两个层面:业务功能.应用功能.系列"面设计方法(一)"已经从业务功能(活动.字典.看板和表单)层面介绍了4种功能的设计方法,它们的重点是如何完成不同类型 ...
- JAVA 按姓氏分类的电话薄（界面、方法的实现和讲解）
老师又双叒叕留了大作业了,这次这个比较大,废了不少劲也掉了不少头发,虽然实现的方方有点笨,没有其他同学的漂亮,但还是写出来了,这个过程真是心酸有心累,还赶上期末,叫人抓狂,有两天晚上废了一晚上去找bu ...
- Unity3D学习系列教程
首先声明: 雨松MOMO原创文章,小弟仅仅觉得非常好,就转载过来,供大家参考 1. Unity3D 游戏引擎之构建游戏框架与导出IOS项目(一) http://www.devdiv.com/Unity ...
最新文章
- java getitemcount_RecyclerView.Adapter中的getItemCount() 返回数组的size是出现异常？
- 分析B站10万条弹幕后，发现了歪嘴战神的终极奥义！
- mysql events_mysql定时器Events
- Python Web部署方式总结
- 流批一体生产应用！Bigo 实时计算平台建设实践
- Hibernate 一对一注释
- zbb20190528 城市经纬度json
- c语言 utf 8转字符串,如何将UTF-8字节[]转换为字符串？
- Rust中Turbofish之函数后面双冒号(::)用法
- Android的LitePal开源数据库框架学习笔记
- 陶哲轩实分析 附录 A 习题解答
- webp格式图片转化为常见的png格式图片
- 文墨绘学：情绪的根源——家长的不合理观念
- MybatisPlus实现多条件拼接动态查询
- cannot uninstall a distutils installed project'
- ArcGIS Pro 2019-nCoVn疫情热点图制作
- 宋宝华：为什么numactl内存绑定对代码段不起作用
- The bean ‘XXX‘ could not be injected because it is a JDK dynamic proxy
- html5立体照片墙效果,HTML5特效可以 14种jQuery超酷3D网格照片墙动画特效源码
- 使用c++开发excel插件 (第3章动态链接库(dynamic-link library))