zoukankan      html  css  js  c++  java
  • uGUI练习(五) Draggable Object

    练习目标

    学习制作一个可拖动的UI

    一、步骤

    监听UI的Drag事件,需要我们写一点点的代码。

    1、创建一个Panel ,设置size为(100,100)

    2、创建DraggableObjectScene.cs脚本

    3、把脚本绑定在Panel上

    image

    4、脚本内容如下:

    using UnityEngine;
    using System.Collections;
    using UnityEngine.UI;
    using UnityEngine.EventSystems;
    
    public class DraggableObjectScene : MonoBehaviour,IDragHandler,IPointerDownHandler,IPointerUpHandler
    {
        //Drag事件,设置目标的位置为鼠标的位置
        public void OnDrag(PointerEventData eventData)
        {
            GetComponent<RectTransform>().pivot.Set(0,0);
            transform.position=Input.mousePosition;
        }
        
        public void OnPointerDown(PointerEventData eventData)
        {
            //缩小
            transform.localScale=new Vector3(0.7f,0.7f,0.7f);
        }
    
        public void OnPointerUp(PointerEventData eventData)
        {
            //正常大小
            transform.localScale=new Vector3(1f,1f,1f);
        }
    }
    

    Class DraggableObjectScene 继承了IDragHandler,IPointerDownHandler,IPointerUpHandler三个接口,从而可以接受到 OnDrag(PointerEventData eventData)  ,OnPointerDown(PointerEventData eventData)   ,OnPointerUp(PointerEventData eventData)  三个事件

    二、事件系统

    Namespace:UnityEngine.EventSystems

    IDragHandler (MouseDrag)

    Interface to implement if you wish to receive OnDrag callbacks.

    IPointerDownHandler (MouseDown)

    Interface to implement if you wish to receive OnPointerDown callbacks.

    IPointerUpHandler (MouseUp)

    Interface to implement if you wish to receive OnPointerUp callbacks.

    三、Drag 效果

    Drag UI

  • 相关阅读:
    结对第一次—原型设计(文献摘要热词统计)
    第一次作业-准备篇
    Alpha冲刺Day9
    Alpha冲刺Day8
    Alpha冲刺Day7
    Alpha冲刺Day6
    Alpha冲刺Day5
    Alpha冲刺Day4
    Alpha冲刺Day3
    Alpha冲刺Day2
  • 原文地址:https://www.cnblogs.com/zhaoqingqing/p/3972923.html
Copyright © 2011-2022 走看看