Unity自定义Button
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,大家一起进步
今日无推荐
- 客官,看完get之后记得点赞哟!
- 小伙伴你还想要别的知识?好的呀,分享给你们
- 小黑的杂货铺,想要什么都有,客官不进来喝杯茶么?
Unity自定义Button的更多相关文章
- IOS开发之自定义Button(集成三种回调模式)
前面在做东西的时候都用到了storyboard,在今天的代码中就纯手写代码自己用封装个Button.这个Button继承于UIView类,在封装的时候用上啦OC中的三种回调模式:目标动作回调,委托回调 ...
- ios基础篇(二十四)—— 文字、图片的绘制及其自定义Button
这篇文章我们主要来拿官方的控件来研究一下,我们来仿照官方的控件,自己来实现它提供的控件: 首先来看看基本的图片与文字的绘制,很简单. 一.imageView 所有的视图都是继承自UIView,所以我们 ...
- iOS_Swift初识之使用三种回调方式自定义Button
最近在学习Swift ,发现青玉伏案大神早期用OC写的一篇博客--IOS开发之自定义Button(集成三种回调模式) 很适合用来熟悉Swift的回调方式,于是我就用Swift翻版了一下,具体实现原理 ...
- 自定义Button 的图片设置不显示问题。
如果你是自定义button 那么你设置图片就要用 button.imageView.image = [UIImage imageName:@""]; 如果你是给系统原生的butt ...
- (Unity)Unity自定义Debug日志文件,利用VS生成Dll文件并使用Dotfuscated进展混淆,避免被反编译
Unity自定义Debug日志文件,利用VS生成Dll文件并使用Dotfuscated进行混淆,避免被反编译. 1.打开VS,博主所用版本是Visual Studio 2013. 2.新建一个VC项目 ...
- Android 自定义Button按钮显示样式(正常、按下、获取焦点)
现在的用户对APP的外观看得很重要,如果APP内所有元件都用Android默认样式写,估计下面评论里就有一堆在骂UI丑的.今天学习自定义Button按钮样式.Button样式修改的是Button的背景 ...
- WPF 自定义Button控件及样式
这次通过最近做的小例子说明一下自定义Button控件和样式. 实现的效果为:
- Firemonkey 自定义Button的Style
这篇文章模仿HTML中基于CSS的Button,通过Style实现自定义样式的Button. 前言 主要模仿的CSS代码如下: CSS Code 123456789101112131415161718 ...
- 安卓开发笔记(三十):自定义Button
在笔者本人看了很多博客和书之后,发现很少博主对于自定义控件能够进行一个比较全面的思路讲解,大多数都是只讲了一些细节,但并没有讲如何把代码进行整体的实现.因此这里讲讲整体的自定义button实现的详细过 ...
随机推荐
- 全球名校AI课程库(38)| 马萨诸塞大学 · 自然语言处理进阶课程『Advanced Natural Language Processing』
课程学习中心 | NLP课程合辑 | 课程主页 | 中英字幕视频 | 项目代码解析 课程介绍 自然语言处理 (NLP) 是一门关于如何教计算机理解人类语言的工程艺术和科学.NLP 作为一种人工智能技术 ...
- Sqlite 安装操作使用
一.什么是 SQLite 数据库 SQLite 是嵌入式SQL数据库引擎.与大多数其他 SQL 数据库不同,SQLite 没有单独的服务器进程.SQLite 直接读取和写入普通磁盘文件.具有多个表,索 ...
- Go语言核心36讲41
你好,我是郝林,今天我们继续分享bytes包与字节串操作的相关内容. 在上一篇文章中,我们分享了bytes.Buffer中已读计数的大致功用,并围绕着这个问题做了解析,下面我们来进行相关的知识扩展. ...
- 轻量级领域驱动设计DDD Lite在嵌入式系统重构中的应用
前言 目前,关于领域驱动设计(Domain Driven Design)DDD的培训,材料,视频都比较多,大家对DDD的一些概念都有所了解,但是在实际使用过程中,有很多的问题.例如 为什么DDD的架构 ...
- PHY驱动调试之 --- MDIO/MDC接口22号和45号条款(一)
最近在调试一款Phy的驱动,从没有任何头绪到略有了解经历了太多的痛苦,于是决定写这个系列篇记录一下.特别感谢无数优秀的博主无私奉献很多优秀的博文给予了我很大的帮助.在这个系列篇中,我也会转载部分优秀的 ...
- win 10玩魔兽争霸/黑边,不能全屏,闪退
1.win键+s键搜索注册表 打开 找到路径 计算机\HKEY_CURRENT_USER\SOFTWARE\Blizzard Entertainment\Warcraft III\Video 这里有两 ...
- JS笔记合集之对象
对象 对象基本使用 对象是JS中的一种复合数据类型,它相当于一个容器,在对象中可以存储各种不同类型的数据 而基本数据类型(原始值)只能存储一些简单的数据,如: 语法: 原始创建对象: let obj ...
- 微服务组件-----Spring Cloud Alibaba 注册中心Nacos的CP架构Raft协议分析
前言 本篇幅是继 注册中心Nacos源码分析 的下半部分. 意义 [1]虽说大部分我们采用注册中心的时候考虑的都是AP架构,为什么呢?因为性能相对于CP架构来说更高,需要等待的时间更少[相对于CP架 ...
- uniapp 微信小程序自己封装头部标题栏
一.首先要关闭原生导航栏 :在pages.json 中设置 "navigationStyle":"custom" 二.在APP.vue中 onLaunch: ...
- 前端程序员学python(爬虫向)(一文修到筑基期) (本文不含知识诅咒)
我踏马来辣 还有一件事: 本教程配合c语言中文网 python爬虫 教程 食用 本教程不适用于未成年人 一定要刷牙 本教程不存在知识诅咒 学完本教程即可进入筑基期 js 基础和本教程学习效率成正比 不 ...