Godot学习记录（三）UI移动端多点触控

最新推荐文章于 2025-05-10 10:13:32 发布

python_use

最新推荐文章于 2025-05-10 10:13:32 发布

阅读量1k

点赞数 12

文章标签： godot 学习游戏引擎

本文链接：https://blog.youkuaiyun.com/python_use/article/details/136346424

版权

一、玩家状态栏

1.新建场景，更节点为hboxcontainer

2.兴建texture rect，设置texture为atlas texture,这样可以选取部分图片作为玩家头像

点击卷轴图标可展开设置texture，之后设pannelcontainer为父节点，添加背景。theme override---style--中可选texture背景，content margins可设置头像在框中的间距

3.新建texture progress bar textures中设置背景，边框等

4.range中step为0时禁用步长，调整alatastexture中的margin使其适应边框或调progress offset

5.layout---containersizing设为居中收缩

注意：按钮不处理触摸输入，因此不支持多点触控，因为模拟鼠标在给定时间只能按下一个按钮。请用 TouchScreenButton 制作触发游戏移动或动作的按钮。调试的时候要启用这个！！！否则电脑上调试无效！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

python_use

关注关注

12
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Godot引擎开发：UI和用户交互_触摸和手势识别

chenlz2007的博客

01-05

998

除了内置的手势识别，Godot 引擎还允许开发者自定义手势。这可以通过监听触摸和拖动事件，然后根据特定的条件来判断手势是否被触发。触摸和手势识别是现代移动和触摸设备上用户交互的重要组成部分。Godot 引擎提供了强大的工具和 API 来处理这些输入，使得开发者可以轻松地实现触摸和手势交互。本文详细介绍了如何在 Godot 引擎中实现触摸和手势识别，并提供了具体的代码示例。此外，还讨论了性能优化和多平台测试的技巧，帮助开发者在实际项目中更好地应用这些功能。

godot 游戏UI教程

CheMongjunisnic的博客

11-30

201

游戏UI就是游戏的开始界面，结算页面，角色跟玩家交流的对话框都可以是游戏UI，我么要怎么做呢？

参与评论您还未登录，请先登录后发表或查看评论

Godot-Touch-Input-Manager:处理触摸输入（包括手势）的脚本。还将鼠标输入转换为触摸输入

04-24

Godot触摸输入管理器 Godot触摸输入管理器（GDTIM）是用于处理触摸输入的脚本。您只需要自动加载脚本，脚本便会开始分析触摸输入，并且当检测到手势时，将创建与检测到的手势对应的自定义输入事件，并将其馈送到内置于输入事件系统中的Godot中，从而触发类的。如果您喜欢使用上述信号，则每个手势都有一个信号。将该资产移植为要添加到Godot中，现在是4.0版PR的里程碑： : 。如何使用从最新版本将下载的.zip文件解压缩到项目中的某个位置找到提取的InputManager.gd ，然后它。完毕！现在，您可以使用GodotTouchInputManager的及其“ 。例子 GestureControlledCamera2D 文献资料支持的手势及其信号名称信号精氨酸单指水龙头单击 InputEventSingleScreenTap 单指触摸

探秘Godot Touch Input Manager：为触屏游戏开发注入新活力

gitblog_00068的博客

04-27

899

探秘Godot Touch Input Manager：为触屏游戏开发注入新活力 GodotTouchInputManagerAsset that improves touch input support (includes new gestures) in the Godot game engine. It also translates mouse input to touch input....

Godot4.3类星露谷游戏开发之【时钟UI】

最新发布

ForBigData的博客

05-10

1154

本文详细介绍了如何制作一个时钟UI界面。首先，在指定路径下创建时钟UI场景，并构建节点树，包括时钟面板、昼夜图标和当前时间等元素。接着，通过新建主题并设置样式，逐步调整时钟面板的尺寸和类型。随后，导入并编辑图标资源，将其拖入UI中，并设置动画帧数。最后，加载主题并设置当前时间的字体和大小，调整位置后，将时钟UI实例化到游戏UI场景中，并设置边距以确保布局合理。文末附完整项目代码+免费开源像素素材包。

Virtual-Joystick-Godot:用于2D和3D游戏的触摸屏的简单虚拟操纵杆，并提供有用的选项

05-24

Godot-虚拟游戏杆用于2D和3D游戏的触摸屏的简单虚拟操纵杆，具有有用的选项，支持多点触控。用Godot Engine制成：：选项：游戏杆模式：固定：操纵杆不动。动态：每次按下操纵杆区域时，操纵杆位置都会设置在触摸位置。跟随：如果手指移到操纵杆背景之外，则操纵杆将跟随它。向量模式：实数：返回长度在0到1之间的向量；否则，返回0。对于实现可变速度或加速度非常有用。归一化：返回归一化向量。方向：方向的数量，例如D-pad是具有4个方向的操纵杆，保持0表示免费的操纵杆。对称角度：方向的对称角度。死区：如果手柄在此范围内（与背景大小成比例），则输出为零。夹紧区域：手柄可以达到的最大距离，与背景大小成比例。可见性模式：始终：始终可见。仅触摸屏：仅在触摸屏上可见（如果设备没有触摸屏，则将隐藏（））。帮助：操纵杆的控制父级

Godot引擎开发：用户交互与UI设计-（10）.Godot引擎触摸与多点触控支持.docxGodot引擎开发：用户交互与UI设计-（11）.Godot引擎中的输入控制与反馈.docxGodot引

09-02

Godot引擎开发：用户交互与UI设计_（10）.Godot引擎触摸与多点触控支持.docx Godot引擎开发：用户交互与UI设计_（11）.Godot引擎中的输入控制与反馈.docx Godot引擎开发：用户交互与UI设计_（12）.Godot引擎UI性能...

Godot（5）：Godot游戏界面与UI设计

kkchenjj的博客

07-24

1461

在Godot中，UI设计主要依赖于Control节点，这是一个基类，所有UI控件都继承自它。Label：用于显示文本。Button：用于创建可点击的按钮。：用于显示图像。：用于水平或垂直排列控件。Popup：用于创建弹出窗口。LineEdit：用于输入文本。Slider：用于创建滑动条。Godot允许你创建自定义控件，以满足特定需求。同时，你可以通过修改样式来改变控件的外观。创建一个自定义Control子类，添加一个Label和一个Buttonvar labelvar button。

Godot引擎开发：UI和用户交互_Godot引擎UI插件和扩展

chenlz2007的博客

01-04

780

除了使用现有的插件，您还可以创建自定义的UI控件来满足特定的需求。自定义控件可以让您的UI更加独特和功能强大。假设我们需要创建一个带有自定义动画效果的按钮。# 定义一个属性来控制动画速度# 用于存储动画状态# 设置按钮的初始状态# 启动动画# 更新动画状态# 更新按钮的背景颜色除了在游戏运行时扩展UI功能，您还可以创建自定义的UI编辑器插件，以在Godot编辑器中提供更强大的设计工具。

godot 多点触控

12-31

### Godot 引擎中的多点触控实现在 Godot 引擎中，`GodotTouchInputManager` 提供了处理触摸事件的功能，并可以与其他模块结合使用来增强应用体验。为了实现多点触控，在脚本中监听特定类型的输入事件并响应这些...

Godot 做一个简单的Ui管理器（C#）

qq_39465123的博客

09-16

803

【代码】Godot 做一个简单的Ui管理器（C#）

Godot-UI-Crafts:专用于多个UI项目的项目，可以使用Godot Game Engine完成

03-19

概述 Godot UI Crafts是有用的用户界面的集合。 Project/下的每个Craft将包含打算与（开源2D和3D游戏引擎）一起使用的每个Craft的Completed/和Skeleton/版本。 Godot版本分支与最新的稳定Godot版本（当前为3.2.3）兼容。导入整个项目要在项目管理器中导入项目：克隆此存储库或。如果您已经下载了ZIP归档文件，则将其解压缩到某处。打开Godot项目管理器，然后单击右侧的“扫描”按钮。在文件夹中找到project.godot ，然后选择“确定”。现在，该项目应出现在项目管理器中。导入单个Craft.io 要将单个UI Craft导入到预先存在的Godot项目中，请执行以下操作：通过在CMD行中输入以下命令，将Craft克隆到Godot Project文件夹中： git clone -b <craft-release-n

Godot引擎开发：UI和用户交互_响应式UI设计

chenlz2007的博客

01-06

894

Anchor用于定义节点的锚点，即节点在父容器中的相对位置。通过设置锚点，可以实现节点在不同分辨率下的自动调整。在某些情况下，内置的容器节点和布局选项可能无法满足需求。这时可以通过自定义脚本来实现更复杂的布局逻辑。创建一个新的场景。添加一个Panel节点。在Panel节点下添加多个Button节点。编写自定义脚本，实现按钮的动态布局。# 创建一个新的场景# 自定义布局脚本button1.text = "按钮1"button2.text = "按钮2"button3.text = "按钮3"

Godot引擎开发：UI和用户交互_常用UI插件与扩展

chenlz2007的博客

01-04

1245

ControlDock是一个强大的UI管理插件，它可以帮助开发者更方便地在场景中创建和管理UI元素。ControlDock提供了多种工具和面板，可以用于快速创建和编辑UI布局，包括拖放功能、自动布局调整等。Theme Designer是一个用于设计和管理Godot引擎主题的插件。它可以帮助开发者更方便地创建自定义的UI主题，包括字体、颜色、样式等。Theme Designer提供了可视化的界面，可以实时预览主题效果，大大提高了主题设计的效率。打开Theme Designer面板。

Godot引擎开发：UI和用户交互_UI设计基础

chenlz2007的博客

01-04

704

Godot引擎提供了丰富的节点类型来创建UI元素。Label：用于显示文本。Button：用于创建可点击的按钮。LineEdit：用于接收玩家的文本输入。：用于显示图像。Panel：用于创建一个背景面板，可以放置其他UI节点。Container：用于自动布局UI节点。Godot引擎允许开发者通过主题资源（Theme Resource）来自定义UI元素的样式。主题资源可以设置UI元素的字体、颜色、边距等属性。# 在脚本中创建一个自定义主题# 创建一个Theme资源# 设置Label的字体大小。

Godot中所有UI节点介绍

watch361的博客

06-26

2137

UI节点是游戏界面中常用的节点，但是很多UI节点可能用的次数很少，所以我写一下，做个基础介绍而已，主要是为了提醒自己UI界面具有多种制作方法。理论上只使用ui界面也可以制作一个完整的文字冒险游戏面板，节点输入元素，滚动条，滑块，菜单栏，标签栏。

Godot引擎开发：UI和用户交互_自定义UI控件

chenlz2007的博客

01-07

440

在Godot引擎中，自定义UI控件是一个强大的功能，允许开发者根据自己的需求创建独特的用户界面元素。通过继承现有的控件或从头开始创建新的控件，可以在游戏或应用中实现高度定制化的UI。本节将详细介绍如何在Godot引擎中自定义UI控件，并提供具体的代码示例。假设我们需要创建一个带有特殊动画效果的按钮，可以继承Button控件并添加自定义的动画逻辑。创建一个新的脚本文件在Godot编辑器中，右键点击项目资源管理器中的res://目录，选择New Script，命名为，并将其附加到一个Button节点上。

Godot 常用UI+布局容器简单介绍

qq_44695769的博客

04-08

6255

布局容器是非常重要的，我们一般在布局容器进行对用户的交互UI布局是非常通用的，无论是2D还是3D。但是Godot 的3D还处于开发中的状态，2D已经够用了，但是3D 目前还是不如Unity的。

Godot引擎开发：UI和用户交互_控制节点与UI元素

chenlz2007的博客

01-05

752

控制节点是Godot引擎中的一个特殊节点类型，它们继承自Control类。与Node2D和Spatial节点不同，控制节点主要用于布局和界面设计。控制节点可以包含子节点，这些子节点也可以是控制节点，从而形成一个层次化的UI结构。Label：用于显示文本。Button：用于创建按钮，可以响应点击事件。LineEdit：用于输入单行文本。TextEdit：用于输入多行文本。Panel：用于创建背景面板，可以包含其他UI元素。和：用于水平和垂直布局。：用于设置边距。：用于创建标签页。：用于创建滚动区域。

godot 节点点击事件

04-17

<think>好的，我现在需要帮助用户解决在Godot中实现节点点击事件的问题。用户之前已经询问过关于Sprite2D的点击事件，现在他们想更广泛地了解节点点击事件的实现方式。首先，我需要回顾之前的回答，确保这次的内容不重复但保持一致，同时扩展更多关于一般节点的信息。首先，用户提到了引用[1]、[2]、[3]，这些引用主要涉及节点的基本结构、UI事件以及按钮类节点的基类BaseButton。需要结合这些信息，但用户指出这些引用仅供参考，应更多参考之前的对话。之前的回答详细介绍了Sprite2D的点击事件，包括使用Area2D、动画集成、批量处理和移动端优化。现在需要将这些方法扩展到更一般的节点，特别是UI节点。接下来，我需要确定Godot中处理点击事件的不同节点类型。根据引用[3]，BaseButton是所有按钮的基类，因此Button、CheckBox等控件应该已经内置了点击事件处理。这可能是一个重点，需要分点说明如何利用这些内置控件，以及它们的信号使用方法。另外，用户可能对非按钮节点（如普通Node2D或Control节点）的点击事件感兴趣。例如，如何让一个自定义的Node2D响应点击，这时候可能需要使用Area2D或者手动检测输入事件。这需要详细说明不同的实现方法，并比较它们的优缺点。还需要考虑不同场景下的优化建议，比如性能优化、事件穿透问题、动态调整点击区域等，这些在之前的回答中已经部分涉及，现在需要将其应用到更广泛的节点类型中。需要确保回答结构清晰，分点说明不同的实现方式，包括基础控件、非按钮节点的处理、高级功能以及常见问题解决方案。同时，要引用之前的资料，但避免重复，而是扩展相关内容。可能还需要对比不同方法的适用场景，比如使用Area2D适合精确的碰撞检测，而使用_input事件适合全局点击处理。此外，提到如何利用Control节点的鼠标事件处理，特别是对于UI元素，这可能在之前的回答中没有详细展开。最后，生成相关问题时要围绕节点点击事件的扩展应用，比如不同节点类型的事件处理、性能优化、移动端适配等，确保问题能够帮助用户进一步探索该主题。</think>根据Godot引擎特性和技术资料，以下是不同节点类型实现点击事件的完整方案及最佳实践： --- ### 一、基础控件点击实现（BaseButton体系） ```gdscript # Button按钮的标准用法（引用[3]的BaseButton体系） @onready var my_button = $Button func _ready(): my_button.pressed.connect(_on_button_pressed) func _on_button_pressed(): print("标准按钮点击事件触发") ``` #### 按钮体系扩展功能： 1. **状态管理**：通过`button_down`/`button_up`信号区分按下/释放状态 2. **禁用控制**：设置`disabled`属性实现按钮禁用状态 3. **热键绑定**：使用`shortcut`属性关联键盘快捷键 ```gdscript # 禁用按钮示例 my_button.disabled = true ``` --- ### 二、非按钮节点点击检测 #### 方案1：Control节点检测法 ```gdscript # 适用于UI元素的通用检测（扩展引用[1]的UI事件） extends Control func _gui_input(event): if event is InputEventMouseButton \ and event.button_index == MOUSE_BUTTON_LEFT \ and event.is_pressed(): print("Control节点点击事件") ``` #### 方案2：Node2D的Area2D检测 ```gdscript # 3D/2D场景对象检测（优化版） extends Area2D func _ready(): connect("input_event", _on_input_event) func _on_input_event(_viewport, event, _shape_idx): if event is InputEventMouseButton \ and event.button_index == MOUSE_BUTTON_LEFT \ and event.is_pressed(): print("场景对象点击事件") ``` #### 方案3：全局输入检测 ```gdscript # 适用于需要捕获全局点击 func _input(event): if event.is_action_pressed("ui_click"): var mouse_pos = get_global_mouse_position() if $Sprite.get_rect().has_point(to_local(mouse_pos)): print("全局坐标检测点击") ``` --- ### 三、高级点击功能实现 #### 1. 点击穿透处理 ```gdscript # 设置Control节点拦截事件（解决引用中的Q1问题） $Panel.mouse_filter = Control.MOUSE_FILTER_STOP ``` #### 2. 长按检测 ```gdscript var press_time = 0.0 func _process(delta): if Input.is_mouse_button_pressed(MOUSE_BUTTON_LEFT): press_time += delta if press_time > 0.5: print("长按事件触发") ``` #### 3. 多点触控处理 ```gdscript # 移动端优化（扩展引用中的移动端方案） func _unhandled_input(event): if event is InputEventScreenTouch: if event.pressed: check_multi_touch(event.index, event.position) ``` --- ### 四、性能优化对比表 | 检测方式 | 内存占用 | CPU消耗 | 适用场景 | |---------------------|----------|---------|--------------------------| | BaseButton体系 | 低 | 低 | 标准UI控件 | | Area2D检测 | 中 | 中 | 复杂形状场景对象 | | 全局输入检测 | 低 | 高 | 简单原型快速开发 | | Control节点检测 | 最低 | 最低 | UI层叠结构 | --- ### 五、常见问题解决方案 **Q1: 点击区域与显示不匹配** ```gdscript # 动态适配碰撞形状（优化引用中的Q2方案） func update_collision_shape(): $Area2D/CollisionShape2D.shape = RectangleShape2D.new() $Area2D/CollisionShape2D.shape.extents = $Sprite.texture.get_size()/2 * scale ``` **Q2: 子节点拦截父节点事件** ```gdscript # 设置子节点事件传递 $ChildNode.mouse_filter = Control.MOUSE_FILTER_IGNORE ``` **Q3: 移动端点击延迟** ```gdscript # 在项目设置中调整输入参数 ProjectSettings.set_setting("input_devices/pointing/ios/touch_delay", 0.05) ``` --- ### 六、最佳实践建议 1. **层级管理**：使用CanvasLayer分离UI层级 2. **信号优先**：优先使用内置信号而非轮询检测 3. **输入映射**：通过Input Map管理复杂输入组合 4. **调试工具**：使用`VisibleCollisionShapes`调试点击区域