木木的Unity学习笔记(二)—— 利用UGUI ScrollRect组件制作手游摇杆控件

木木的Unity学习笔记(二)—— 利用UGUI ScrollRec组件制作手游摇杆控件

今天和道友聊天的时候听说某大厂做手游摇杆是用UGUI实现的,想想自己以前做手游的时候都是用的Easy Tocuh插件,于是很好奇是如何实现的。于是在大佬的协助下缕清了思路,如何用UGUI的ScrollRect组件制作手游的摇杆控件。

首先创建一个空项目,在场景内创建一个Scroll View并移动至Canvas的左下角:

我是将Scroll View的锚点定在Canvas的左下角并给PosX和PosY均赋值为150,如下图:

选中Scroll View,在Inspector面板找到Scroll Rect组件,将Horizontal ScrollbarVertical 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
  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值