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

  • 相关阅读:
    [Cypress] install, configure, and script Cypress for JavaScript web applications -- part4
    [Angular] Lazy Load CSS at runtime with the Angular CLI
    [置顶] 半年的工作总结
    分享4个未注册*sdn域名
    Windows 已在 DImageProcess.exe 中触发一个断点。
    Foundation: Binary Search
    HDU 3016 Man Down (线段树+dp)
    网络智能和大数据公开课Homework3 Map-Reduce编程
    centos 6.2 关闭 IPV6
    [置顶] 【Git入门之八】分支管理
  • 原文地址:https://www.cnblogs.com/zhaoqingqing/p/3972923.html
Copyright © 2011-2022 走看看