Unity中ScrollRect锁定元素详述(一)
来源:互联网 发布:做班服的软件手机 编辑:程序博客网 时间:2024/05/16 12:37
0. 背景
需求是在竖向屏幕上,左右滑动以选择角色。若角色处在图1.a)图的非完整角色位置,则要求找到最近的角色卡片,并且自动滑动定位,如图1.b)所示。
图1.a)
scrollRect
处于非完整角色位置,b) 自动滑动锁定最近角色1. 制作步骤
1.1 Unity版本
需求制作使用Unity5
的UGUI
的新GUI组建(UGUI
自Unity4.6版本出现的)。
1.2 新建Canvas,Panel等UI
a). 在菜单栏GameObject/UI/Canvas
,新建Canvas
,命名为CharCanvas
,如图2。
图2. 新建
Canvas
b). 同理,在CharCanvas中新建一个Create/UI/Panel
中新建一个panel,作为CharCanvas
子物体,并命名为ChoosePanel,如图3,在其Image
组建中,选择Color
的alpha
通道为0(使透明)。
图3. 新建
panel
这样在Hierarchy
中就有CharCanvas
和EventSystem
,如图4。
图4. 新建
Canvas
和Panel
后的Hierarchy
c). 在ChoosePanel新添一个ScrollRect
组件,如图5:
图5. 新添
ScrollRect
组件注. 在ScrollRect组建中设置去掉Vertical
的选择框,选择MoveMentType
为Unrestricted
d). 在ChoosePanel
再新建一个panel
,作为ChoosePanel
的子物体,命名为Content
,并将此Content拖到c)步的ScrollRect组建的Content中,如图6所示:
图6
Content
加入ScrollRect
e). 在Content
中添加Image
, Button
, 自定义的Prefabs
等作为Content
的子物体。这些就是你将来滑动的角色卡片。为了简化,这是使用UI/Image
作为角色卡片的元素。添加好后,并且以x坐标520距离(同一高度)并列水平放置,Hierarchy
的层级目录和Scence
如图7所示:
图7.
Hierarchy
的层级目录和Scence
现在开启游戏,就可以在ChoosePanel
上左右滑动了。现在的问题是,它并不能定位在某个角色卡片上,接下来下一篇博客就讲述使用C#脚本实现上述功能。
- Unity中ScrollRect锁定元素详述(一)
- Unity中ScrollRect锁定元素详述(二)
- unity中ScrollRect拖拽子物体无法拖拽
- Unity优化之ScrollRect
- ScrollRect滑动优化(一)
- [Unity UGUI]ScrollRect效果大全
- Unity之ScrollRect滑动居中
- scrollRect
- Unity ScrollRect 实现垂直滚动文字
- unity UGUI scrollRect拖拽处理
- Unity中AssetBundles一
- Unity UGUI-ScrollRect的Mask 对动态字体无效
- 【Unity】优化UGUI 滚动条ScrollRect(高效复用)
- 详述canvas(一)
- 详述canvas(一)
- NandFlash详述(中)
- Mybatis配置之<environments>配置元素详述
- Mybatis配置之<typeHandlers>元素详述
- 蓝桥杯一试题
- ggplot2-主题函数关系
- ShaderForge学习1
- Android实现滑动功能的总结
- apply、call、bind区别、用法
- Unity中ScrollRect锁定元素详述(一)
- 使用Ubuntu的点滴记录-配置Tomcat
- Android 轻量级轮播组件 CycleViewPager
- java,二进制转换为十进制,valueof和parseInt的区别
- 集合第五发TreeSet和TreeMap
- POJ 1177 Picture(矩形并的周长)
- 从setcontentView说起----Android的Windows
- <LeetCode OJ> 338. Counting Bits
- HDU 1255 覆盖的面积(矩形交的面积)