这次有三个项目可以选择,我将其中的公告牌和血条两个项目放在一起完成了。我把这次做的项目命名为小企鹅钓鱼,主要是可以用滑动公告牌选择鱼的种类,通过按键控制血量条中血量的多少。
公告牌部分
UI部分
- 新建一个Canvas,其配置如下图。在Canvas下创建BigPanel、Toggle
- BigPanel
在Canvas下创建BigPanel、Toggle。在BigPanel中主要是对整个项目背景的设置,将Backgroud中的Source Image对象选为海底图片(所用图片在Resource\Textures中,并且将图片的Texture Type设为Script(2D and UI)),在Title中设置标题的图片背景和文字,选择钓鱼(2)作为背景图片,在其Text中将标题设为小企鹅钓鱼。BigPanel中Backgroud、Borad、Title的配置如下图——
在Canvas一个比较重要的部分是Scroll View,将ScrollRect的Anchors设置在中心,Vertical Scrollbar为None。在Scroll View的Viewport的Content下添加Grid Layout Group组件,并添加Image组件(10个)。在Scroll View下的Scrollbar Horizontal设置一个公告框,其下的Sliding Area组件是放置滑动条的框,在Sliding Area下的Handle设置滑动条。在Scroll View添加一个Panel,作为中心选中的边框。Scroll View中的设置如下——