木木的Unity学习笔记(二)—— 利用UGUI ScrollRec组件制作手游摇杆控件
今天和道友聊天的时候听说某大厂做手游摇杆是用UGUI实现的,想想自己以前做手游的时候都是用的Easy Tocuh插件,于是很好奇是如何实现的。于是在大佬的协助下缕清了思路,如何用UGUI的ScrollRect组件制作手游的摇杆控件。
首先创建一个空项目,在场景内创建一个Scroll View并移动至Canvas的左下角:
我是将Scroll View的锚点定在Canvas的左下角并给PosX和PosY均赋值为150,如下图:
选中Scroll View,在Inspector面板找到Scroll Rect组件,将Horizontal Scrollbar和Vertical Scrollbar下面的Visiblity均设置为Auto Hide
选中Viewport,将锚点设置在左上角,给PosX和PosY赋值为0,给Width和Height赋值为200(和Scroll Rect的Width、Height相同),再选中Content,重复操作
顺带一提,我还将右边和下边的拖拽条隐藏掉并且不接收射线,并且去掉了Viewport的Mask组件,具体操作各位道友们可以自行实现。
创建脚本,我命名为MobileRockerController,拖拽脚本给Content,现添加代码如下:
// MobileRockerController.cs written by Fumiki at 2018-05-04
using UnityEngine;
using UnityEngine.UI;
namespace Com.MobileRocker.Fumiki
{
public class MobileRockerController : MonoBehaviour
{
/// <summary>
/// 手机摇杆
/// </summary>
[SerializeField] private RectTransform rocker;
private void Awake()
{
if (rocker == null