unity UGUI 鼠标滑动显示面板

3 篇文章 0 订阅

话不多说,先看效果

在这里插入图片描述

1.滑动面板制作

这里没什么好说的,弄几个面板排列好即可。在这里插入图片描述

需要注意的是要把他们放在一个子集下面,这样在下面对上层进行控制。

2. 编写控制脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;   //
using UnityEngine.EventSystems; //

public class SliderPanelMoveCtrl : MonoBehaviour, IBeginDragHandler, IDragHandler
{
    private float BeginDragPositionX;    //开始的鼠标位置
    private float TranslatePosX;    //偏移的位置

    //开始拖拽
    public void OnBeginDrag(PointerEventData eventData)
    {
        BeginDragPositionX = eventData.position.x;
        //print("on" + eventData.position.x);
    }

    //拖拽中
    public void OnDrag(PointerEventData eventData)
    {
        TranslatePosX = eventData.position.x - BeginDragPositionX;

        //移动面板,使用偏移量
        this.transform.Translate(new Vector3(TranslatePosX / 100, 0, 0), Space.World);
        //print("X" + eventData.position.x);
    }
}

这里解释一下两个函数

(1) OnBeginDrag:鼠标拖动之前调用该方法;只调用一次。
(2)OnDrag:当发生拖动时,每次移动光标时都会调用此函数。
还要注意:两个方法调用的函数时获取的屏幕像素坐标。屏幕像素坐标和物体坐标是不一样的。因此要除以100;


最后将此脚本挂载到父节点SliderPanel上,运行即可。

总结

这里的坐标系统我也弄得不太清楚。有待提高。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity中使用UGUI实现居中放大滑动效果,可以按照以下步骤进行操作: 1. 创建一个新的Canvas对象,确保其Render Mode设置为Screen Space - Overlay。 2. 在Canvas下创建一个Panel作为容器,用于放置要滑动放大的内容。 3. 在Panel下创建一个Image或者其他UI组件,作为滑动放大的目标对象。 4. 为Panel添加一个Scroll Rect组件,用于实现滑动功能。在Scroll Rect的Content属性中指定目标对象。 5. 在Panel下创建一个空的GameObject,命名为Center,并将目标对象移动到Center下,确保目标对象的Pivot点位于(0.5, 0.5)。 6. 创建一个新的脚本,用于控制滑动放大的逻辑。可以将脚本挂载到Panel上。 7. 在脚本中添加以下代码: ``` using UnityEngine; using UnityEngine.UI; public class ScaleAndScroll : MonoBehaviour { public float minScale = 1.0f; public float maxScale = 2.0f; public float scrollSpeed = 0.1f; private ScrollRect scrollRect; private RectTransform centerRect; private void Start() { scrollRect = GetComponent<ScrollRect>(); centerRect = transform.Find("Center").GetComponent<RectTransform>(); } private void Update() { float scale = Mathf.Lerp(maxScale, minScale, scrollRect.normalizedPosition.y); centerRect.localScale = new Vector3(scale, scale, 1); } } ``` 8. 在脚本中的Inspector视图中,调整minScale和maxScale的值以控制目标对象的最小和最大放大倍数。 9. 运行场景,就能够看到滑动屏幕时目标对象会以中心为轴进行放大缩小的效果。 通过上述步骤,可以实现在Unity中使用UGUI实现居中放大滑动的效果。通过调整脚本中的参数,可以灵活调节滑动和放大的速度和比例。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值