2022.10.27更新:

该代码中包含以下几个事件:保持按下事件,与其他事件共存。

双击事件会先触发单击,这个问题已经解决,抱歉拖了这么久才完善.

并且新按钮命名为:ButtonPro

/*
* ================================================
* Describe: This script is used to custom UGUI`s button.
* Author: Xiaohei.Wang(Wenhao)
* CreationTime: 2022-10-26 16:43:48
* ModifyAuthor: Xiaohei.Wang(Wenhao)
* ModifyTime: 2022-10-26 16:43:48
* ScriptVersion: 0.1
* ===============================================
*/ using System;
using System.Collections;
using UnityEngine;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using UnityEngine.Serialization;
using UnityEngine.UI; namespace GameFramework.UI
{
[RequireComponent(typeof(Image))]
[RequireComponent(typeof(CanvasRenderer))]
public class ButtonPro : Selectable, ISubmitHandler
{
protected ButtonPro() { } [Serializable]
public class ButtonClickedEvent : UnityEvent { } [FormerlySerializedAs("onClick")]
[SerializeField]
private ButtonClickedEvent m_OnClick = new ButtonClickedEvent(); [FormerlySerializedAs("onLongPress")]
[SerializeField]
private ButtonClickedEvent m_onLongPress = new ButtonClickedEvent(); [FormerlySerializedAs("onDoubleClick")]
[SerializeField]
private ButtonClickedEvent m_onDoubleClick = new ButtonClickedEvent(); [FormerlySerializedAs("onKeepPress")]
[SerializeField]
private ButtonClickedEvent m_onKeepPress = new ButtonClickedEvent(); public ButtonClickedEvent onClick
{
get { return m_OnClick; }
}
public ButtonClickedEvent onDoubleClick
{
get { return m_onDoubleClick; }
}
public ButtonClickedEvent onLongPress
{
get { return m_onLongPress; }
}
public ButtonClickedEvent onKeepPress
{
get { return m_onKeepPress; }
} private float m_longPressIntervalTime = 600.0f;
private float m_doubleClcikIntervalTime = 170.0f; private float m_clickCount = 0;
private bool m_onHoldDown = false;
private bool m_isKeepPress = false;
private bool m_onEventTrigger = false;
private double m_clickIntervalTime = 0;
private DateTime m_clickStartTime; private void OnAnyEventTrigger()
{
m_clickCount = 0;
m_onEventTrigger = true;
m_clickStartTime = default;
} private void Press()
{
if (!IsActive() || !IsInteractable())
return; UISystemProfilerApi.AddMarker("Button.onClick", this);
m_OnClick.Invoke();
} private void Update()
{
if (!this.interactable) return;
m_clickIntervalTime = (DateTime.Now - m_clickStartTime).TotalMilliseconds; if (!m_onHoldDown && 0 != m_clickCount)
{
if (m_clickIntervalTime >= m_doubleClcikIntervalTime && m_clickIntervalTime < m_longPressIntervalTime)
{
if (m_clickCount == 2)
m_onDoubleClick?.Invoke();
else
onClick?.Invoke();
OnAnyEventTrigger();
}
} if (m_onHoldDown && !m_onEventTrigger)
{
if (m_clickIntervalTime >= m_longPressIntervalTime)
{
m_onHoldDown = false;
OnAnyEventTrigger();
m_onLongPress?.Invoke();
}
} if (m_isKeepPress) onKeepPress?.Invoke();
} public override void OnPointerDown(PointerEventData eventData)
{
m_onHoldDown = true;
m_isKeepPress = true;
m_onEventTrigger = false;
m_clickStartTime = DateTime.Now; base.OnPointerDown(eventData);
} public override void OnPointerUp(PointerEventData eventData)
{
if (m_onEventTrigger)
return; m_clickCount++;
if (m_clickCount % 3 == 0)
{
onClick?.Invoke();
OnAnyEventTrigger();
return;
}
else
{
m_onHoldDown = false;
m_isKeepPress = false;
} base.OnPointerUp(eventData);
} public override void OnPointerExit(PointerEventData eventData)
{
m_onHoldDown = false;
m_isKeepPress = false; base.OnPointerExit(eventData);
} public virtual void OnSubmit(BaseEventData eventData)
{
Press(); if (!IsActive() || !IsInteractable())
return; DoStateTransition(SelectionState.Pressed, false);
StartCoroutine(OnFinishSubmit());
} private IEnumerator OnFinishSubmit()
{
var fadeTime = colors.fadeDuration;
var elapsedTime = 0f; while (elapsedTime < fadeTime)
{
elapsedTime += Time.unscaledDeltaTime;
yield return null;
} DoStateTransition(currentSelectionState, false);
}
}
}

2022.01.15的内容:

该代码中包含以下几个事件:其中按着事件,与其他事件共存。双击事件会先触发单击

  • onClick                         单击
  • onDoubleClick             双击
  • onLongPress               长按
  • onKeepPress               按着

大家可以根据自己的需求来使用,也可以进行拓展,可能小黑的代码水平不高,但是希望能帮助到大家,如果你们拓展了告诉小黑一下,小黑会加到博客中来,并且标明是谁提供。

更新:

2022.01.17:增加面板属性Interactable的作用。

using System;
using System.Collections;
using UnityEngine;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using UnityEngine.Serialization;
using UnityEngine.UI; namespace CustomTools
{
/*
* Introduction:Custom UGUI`s button
* Creator:Xiaohei Wang
*/
[RequireComponent(typeof(Image))]
[RequireComponent(typeof(CanvasRenderer))]
public class CustomButton : Selectable, IPointerClickHandler, ISubmitHandler
{
protected CustomButton() { } [Serializable]
public class ButtonClickedEvent : UnityEvent { } [FormerlySerializedAs("onClick")]
[SerializeField]
private ButtonClickedEvent m_OnClick = new ButtonClickedEvent(); [FormerlySerializedAs("onLongPress")]
[SerializeField]
private ButtonClickedEvent m_onLongPress = new ButtonClickedEvent(); [FormerlySerializedAs("onDoubleClick")]
[SerializeField]
private ButtonClickedEvent m_onDoubleClick = new ButtonClickedEvent(); [FormerlySerializedAs("onKeepPress")]
[SerializeField]
private ButtonClickedEvent m_onKeepPress = new ButtonClickedEvent(); public ButtonClickedEvent onClick
{
get { return m_OnClick; }
}
public ButtonClickedEvent onDoubleClick
{
get { return m_onDoubleClick; }
}
public ButtonClickedEvent onLongPress
{
get { return m_onLongPress; }
}
public ButtonClickedEvent onKeepPress
{
get { return m_onKeepPress; }
} private bool m_isPress = false;
private bool m_longPress = false;
private bool m_isKeepPress = false;
private DateTime m_currentStartTime; private void Press()
{
if (!IsActive() || !IsInteractable())
return; UISystemProfilerApi.AddMarker("Button.onClick", this);
m_OnClick.Invoke();
} private void Update()
{
if (!this.interactable) return;
CheckForLongPress(); if (m_isKeepPress) onKeepPress?.Invoke();
} private void CheckForLongPress()
{
if (m_isPress && !m_longPress)
{
if ((DateTime.Now - m_currentStartTime).TotalMilliseconds >= 600)
{
m_isPress = false;
m_longPress = true;
m_onLongPress?.Invoke();
}
}
} public override void OnPointerDown(PointerEventData eventData)
{
m_isPress = true;
m_longPress = false;
m_isKeepPress = true;
m_currentStartTime = DateTime.Now; base.OnPointerDown(eventData);
} public override void OnPointerUp(PointerEventData eventData)
{
m_isPress = false;
m_isKeepPress = false; base.OnPointerUp(eventData);
} public override void OnPointerExit(PointerEventData eventData)
{
m_isPress = false;
m_isKeepPress = false; base.OnPointerExit(eventData);
} public virtual void OnPointerClick(PointerEventData eventData)
{
if (this.interactable && !m_longPress)
{
if (eventData.clickCount == 2)
m_onDoubleClick?.Invoke();
else if (eventData.clickCount == 1)
onClick?.Invoke();
}
} public virtual void OnSubmit(BaseEventData eventData)
{
Press(); if (!IsActive() || !IsInteractable())
return; DoStateTransition(SelectionState.Pressed, false);
StartCoroutine(OnFinishSubmit());
} private IEnumerator OnFinishSubmit()
{
var fadeTime = colors.fadeDuration;
var elapsedTime = 0f; while (elapsedTime < fadeTime)
{
elapsedTime += Time.unscaledDeltaTime;
yield return null;
} DoStateTransition(currentSelectionState, false);
}
}
}

希望大家:点赞,留言,关注咯~    

唠家常

  • 小黑的今日分享结束啦,小伙伴们你们get到了么,你们有没有更好的办法呢,可以评论区留言分享,也可以加小黑的QQ:841298494,大家一起进步

今日无推荐

Unity自定义Button的更多相关文章

  1. IOS开发之自定义Button(集成三种回调模式)

    前面在做东西的时候都用到了storyboard,在今天的代码中就纯手写代码自己用封装个Button.这个Button继承于UIView类,在封装的时候用上啦OC中的三种回调模式:目标动作回调,委托回调 ...

  2. ios基础篇(二十四)—— 文字、图片的绘制及其自定义Button

    这篇文章我们主要来拿官方的控件来研究一下,我们来仿照官方的控件,自己来实现它提供的控件: 首先来看看基本的图片与文字的绘制,很简单. 一.imageView 所有的视图都是继承自UIView,所以我们 ...

  3. iOS_Swift初识之使用三种回调方式自定义Button

    最近在学习Swift ,发现青玉伏案大神早期用OC写的一篇博客--IOS开发之自定义Button(集成三种回调模式)  很适合用来熟悉Swift的回调方式,于是我就用Swift翻版了一下,具体实现原理 ...

  4. 自定义Button 的图片设置不显示问题。

    如果你是自定义button  那么你设置图片就要用 button.imageView.image = [UIImage imageName:@""]; 如果你是给系统原生的butt ...

  5. (Unity)Unity自定义Debug日志文件,利用VS生成Dll文件并使用Dotfuscated进展混淆,避免被反编译

    Unity自定义Debug日志文件,利用VS生成Dll文件并使用Dotfuscated进行混淆,避免被反编译. 1.打开VS,博主所用版本是Visual Studio 2013. 2.新建一个VC项目 ...

  6. Android 自定义Button按钮显示样式(正常、按下、获取焦点)

    现在的用户对APP的外观看得很重要,如果APP内所有元件都用Android默认样式写,估计下面评论里就有一堆在骂UI丑的.今天学习自定义Button按钮样式.Button样式修改的是Button的背景 ...

  7. WPF 自定义Button控件及样式

    这次通过最近做的小例子说明一下自定义Button控件和样式. 实现的效果为:

  8. Firemonkey 自定义Button的Style

    这篇文章模仿HTML中基于CSS的Button,通过Style实现自定义样式的Button. 前言 主要模仿的CSS代码如下: CSS Code 123456789101112131415161718 ...

  9. 安卓开发笔记(三十):自定义Button

    在笔者本人看了很多博客和书之后,发现很少博主对于自定义控件能够进行一个比较全面的思路讲解,大多数都是只讲了一些细节,但并没有讲如何把代码进行整体的实现.因此这里讲讲整体的自定义button实现的详细过 ...

随机推荐

  1. v-for中key的作用与原理

    一.虚拟DOM中key的作用 key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据新数据生成新的虚拟DOM,随后Vue会对新虚拟DOM与旧虚拟DOM的差异进行比较. 二.如何选择key 最好使 ...

  2. <一>类,对象,this指针

    C++ 类:实体的抽象类型 实体(属性,行为) ->ADT(abstract data type) 类(属性->成员变量,行为->成员方法) OOP语言4大特征 抽象 封装/隐藏(通 ...

  3. 用于数据科学的顶级 C/C++ 机器学习库整理

    用于数据科学的顶级 C/C++ 机器学习库整理 介绍和动机--为什么选择 C++ C++ 非常适合 动态负载平衡. 自适应缓存以及开发大型大数据框架 和库.Google 的MapReduce.Mong ...

  4. CH58X/CH57X/V208 Observer(观察者)例程讨论讲解

    使用的是沁恒的CH582M的Observer例程与官方的demo板. 本例程的功能是主机扫描到从机的MAC地址并打印出来. 先对宏定义进行理解讨论. 最大响应扫描数为8,在串口调试助手那里可以看到打印 ...

  5. Day09:switch——case结构的使用详解

    switch--case结构的使用详解 什么是switch--case结构 他也是一种多选择结构 switch--case结构是类于if--else的语法,通过比较而输出对应的内容: 通俗的讲,好比我 ...

  6. layui的图片上传使用

    先上效果图. 在用之前呢,你得先更新最新版的layui版本.经验之谈_(:_」∠)_ 今天在用的时候,实在是碰到太多的坑,本来是拒绝更新到最新版来着. 首先是layui.js和layui.all.js ...

  7. 单例模式实现的多种方式、pickle序列化模块、选课系统需求分析等

    目录 单例模式实现的多种方式 方式一: 方式二: 方式三 方式四 pickle序列化模块 选课系统需求分析 功能提炼 选课系统架构设计 三层架构 选课系统目录搭建 选课系统功能搭建 单例模式实现的多种 ...

  8. css属性样式整合

    font-size 字体大小 常用色值:#000 黑色:#fff 白色:#ccc.#333.#2f2f2f.#666.#ddd 灰色: rgb表示法:color:rgb(255,255,255); r ...

  9. vue 中使用 this 更新数据的一次大坑

    情景说明: 之前用 vue 做数据绑定更新时,发现一个莫名奇妙的问题. 我在 vue 实例中声明了一个数组属性如 books: [],在异步请求的回调函数中使用 this.books = res.da ...

  10. Docker 工作原理分析

    docker 容器原理分析 docker 的工作方式 Namespace 容器对比虚拟机 Cgroups 容器看到的文件 Mount namespace chroot rootfs Volume(数据 ...