Selectable

最新推荐文章于 2024-09-14 12:15:00 发布

热血枫叶

最新推荐文章于 2024-09-14 12:15:00 发布

阅读量695

点赞数

分类专栏： UGUI源码笔记文章标签： unity ui

本文链接：https://blog.youkuaiyun.com/rexuefengye/article/details/124117258

版权

UGUI源码笔记专栏收录该内容

11 篇文章 ¥119.90 ¥299.90

订阅专栏

超级会员免费看

Unity中的Selectable组件是UI交互元素如Button、InputField等的基类，它定义了用户界面元素的基本交互行为。文章介绍了Selectable的类图结构，并详细讲解了SelectHandler事件以及在操作流程中的作用，涉及EventSystem的交互过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介：
Selectable是Button、InputField、Toggle、ScrollBar、Slider、Dropdown的基类。

类图（部分）：

操作流程：

SelectHandler Selectable的基础事件：由输入检测（InputModule）与输入响应模块（Selectable等组件）调用用来更换EventSystem当前对象时被触发的事件类型。

部分核心代码：

EventSystem.cs

//输入检测与输入响应的模块调用,变化当前选中的GameObject。
//每次只能有一个选中物体
public void SetSelectedGameObject(GameObject selected, BaseEventData pointer)
{
    if (m_SelectionG

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

热血枫叶

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

UGUI学习手记-Selectable& Button

Something

03-15

2399

关于源码 Selectable 特性属性 Button 最后关于源码关于源码可以参考这篇博客下载或调试。 Selectable特性 [AddComponentMenu("UI/Selectable", 70)] [ExecuteInEditMode] [SelectionBase] [DisallowMultipleComponent] Add

Unity UGUI Selectable部分源码浅析

Morris-w的专栏

01-30

871

物体的可交互属性需要一起判断m_GroupsAllowInteraction 和 m_Interactable。设置状态属性，如果是Editor模式，如果正在运行，那么立即改变，没有过渡，如果非Editor模式，那么有过渡。判断是否高亮，即鼠标移上去的时候，需判断三个状态，鼠标在UI范围内，没有点下，没有选择。当焦点移动到另一个可选择对象时，调用此方法，确定选择的对象。将元素从可选择物体数组列表中移除，同时标记为脏。即时清除状态，将Selectable的状态还原。取消激活时，将自身标记为脏。

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

element-ui表格的selectable属性使用

热门推荐

牛先森家的博客

09-10

1万+

element-ui表格的selectable属性使用需求：表格的多选框状态根据数据判断，可以勾选和不可以勾选；先本地测试一波看看效果； <template> <div class="content-box"> <div class="container"> <h3>多选框显示和隐藏，根据状态可选和不可选</h3> <el-button @click="clearSelection()">取消选

Unity组件大全之 UI 组件 |（12）Selectable组件

Unity打怪升级

09-14

1593

在Unity的UI系统中，Selectable组件是所有可交互组件的基类，它为按钮、滑块、开关等提供了基础的交互逻辑和视觉效果。本文将深入探讨Selectable组件的功能、属性以及如何在Unity项目中使用它。

UGUI进阶组件[十]Selectable

weixin_43149049的博客

12-28

793

Selectable是大部分交互组件的基类，像Button之类的交互组件都是继承自他 Interactable 表示是否接受交互 Translation 这个属性有四个选项 None ：表示对于交互状态不进行任何用户指示表示 ColorTint:表示对于不同的交互状态对指定的图片进行颜色更改来指示表示 SpriteSwap:表示对于不同的交互状态使用图片更换进行指示表示 Animation:表...

el-table中的selectable的使用方法

weixin_42504805的博客

08-18

7915

el-table中的selectable的使用方法

react-selectable-fast:使React组件可以通过鼠标触摸进行选择

05-14

npm i -S react-selectable-fast 基于React可选该项目基于的。此派生的主要思想是消除在选择期间由SelectableGroup的状态更新引起的渲染。只有selectbox下的项目才会重新呈现，这对于大量的可选项目非常有用。 ...

react-selectable:react的组件，允许鼠标选择子项

05-02

import { SelectableGroup , createSelectable } from 'react-selectable' ; import SomeComponent from './some-component' ; const SelectableComponent = createSelectable ( SomeComponent ) ; class App ...

自定义类似于jQuery UI Selectable 的Vue指令v-selectable

10-19

jQuery UI提供了一个名为Selectable的功能，它可以实现这样的交互。然而，对于Vue开发者来说，如果想在Vue项目中使用类似jQuery UI Selectable的功能，却找不到一个现成的Vue指令插件，这时候就需要自定义一个Vue...

vue-selectable-Vue 1.x / 2.x指令，可通过鼠标选择项目。-Vue.js开发

05-27

vue-selectable概述对页面上的某些对象进行鼠标选择是常见的任务。您可以在所有菜单中选择该指令，这使该任务变得非常容易。概述这是一项常见任务，需要在页面上用鼠标选择某些对象。该指令使此任务非常容易，实现...

UIGU源码分析4：Selectable

步云端的博客

03-05

1031

源码4：Selectable 前面以及讲完了UGUI的输入模块和事件系统，下面要分析一下UGUI的相关控件。对于UI画布上的可视化元素，包括Image/RawImage/Text，存在一个共同的基类Graphic。对于事件系统，每一个可执行操作的元素，例如Button/Toggle等，也存在一个基类Selectable。本文会谈谈Selectable的实现 Selectable 简单看下Selectable的定义 /// <summary> /// Simple selectabl

selectable:使用 HTML 元素轻松获取和设置文本选择

06-07

可选择使用 HTML 元素轻松获取和设置文本选择。

Vue.js 中使用 Element UI 的表格列选择selectable 可选控制

人民有信仰民族有希望国家有力量

07-09

1510

1.定义 selectable 函数：在 Vue 组件的 methods 或者 computed 属性中定义一个函数，该函数接收两个参数：当前行的数据 row 和行的索引 index。函数应返回一个布尔值，指示该行是否可被选中。2.绑定 selectable 函数：在标签中，使用 type="selection" 创建一个选择列，并通过 :selectable 绑定上面定义的函数。

Element UI table参数中的selectable的使用

weixin_33973600的博客

06-25

1万+

Element UI table参数中的selectable的使用中遇到的坑：页面： <el-table-column :selectable='selectable' type="selection" :reserve-selection="true"> </el-t...

Unity3d中UGUI组件精简复盘（八）Selectable基类

qq_1628941121的博客

07-28

2382

Selectable基类交互组件的基类，只是用于设计UI的效果，并不涉及到事件 interactable:是否能够交互，勾选可交互，不勾选置灰不可交互 Transition: Color Tint属性如下 **Target Graphic：**作用于某image元素 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-44ujEiTi-1622920744302)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-

Selectable 项目教程

gitblog_00358的博客

09-03

383

Selectable 项目教程 SelectableTouch enabled selectable plugin inspired by the jQuery UI widget.项目地址:https://gitcode.com/gh_mirrors/se/Selectable 1. 项目的目录结构及介绍 Selectable 项目的目录结构如下： Selectable/ ├── dist/ ...

Unity中Button按钮联动其他Selectable对象

thrt520asd的博客

02-19

856

unity button中内置了一些按钮的交互效果如图1，可以满足基本的一些交互需求。但是今天我们的美术同学给我出了个难题，button是由一个通用的背景和另一个图片组成的，这样Button的组件就不能满足按压交互的动画效果。为了满足需求，翻看了下UGUI源码，看了下交互事件的触发时机，有了下面的脚本。图1 MulSelectableButton using System.Collections...

UGUI Selectable之一（Selectable与Button）

ttod的博客

12-15

208

UGUI Selectable之一（Selectable与Button）

UGUI源码分析：Selectable交互组件的基类

vin129的博客

05-04

3734

selectable

最新发布

04-03

### 可选性 (Selectable) 的定义及其在 IT 领域的具体含义在 IT 领域中，“selectable”一词通常表示某种对象、组件或属性是可以被选择的特性。这种特性的实现方式因上下文而异，可能涉及用户界面设计、数据库查询优化、编程语言功能等多个方面。 #### 用户界面中的可选性在图形用户界面（GUI）开发中，“selectable”常用于描述某些 UI 组件的状态，例如按钮、列表项或表格单元格是否允许用户通过点击或其他交互方式进行选择[^1]。如果某个元素标记为“selectable”，则意味着它可以成为用户的焦点目标，并触发相应的事件处理逻辑。例如，在 mxGraph 中创建节点时，可以通过设置 `graph.setCellsEditable(true)` 和 `graph.setCellSelectionEnabled(true)` 来控制这些节点是否可以编辑和选择。 ```javascript // 启用节点的选择功能 graph.setCellSelectionEnabled(true); ``` #### 数据库查询中的可选字段当提到 SQL 查询语句或者 NoSQL 文档结构时，“selectable”也可能指代哪些列或键值可以从表/集合中提取出来作为结果的一部分。这取决于开发者如何配置权限机制以及索引策略来提高检索效率[^3]。比如下面这个简单的 MySQL 示例就只选择了部分符合条件的数据： ```sql SELECT name, age FROM users WHERE active = true; ``` 这里只有`name`和`age`两个字段被认为是当前查询下的“selectable”。 #### 编程语言里的泛型约束条件对于像 C# 或 Java 这样的强类型静态编译期验证的语言来说，“selectable”还可以用来表达一种关于参数化的概念——即限定模板类所接受的实际类型必须具备某方法签名以便后续调用。以 LINQ 表达式为例，它提供了一种简洁的方式来筛选集合内的项目；其中 `.Where()` 函数接收的就是一个返回布尔值的谓词函数，从而决定该条目能否进入最终输出序列之中[^4]。 ```csharp var evenNumbers = numbers.Where(n => n % 2 == 0).ToList(); ``` 上述代码片段里，`.Where()` 方法实际上就是基于传入 lambda 表达式的计算结果判定每一个整数是不是偶数，进而完成过滤操作。“n%2==0”的判断标准构成了此处所谓的“selection criterion”。 --- ### 应用场景分析以下是几个典型的 “selectable” 使用案例： 1. **前端 Web 开发**: 当构建复杂的仪表盘页面时，设计师往往需要让用户能够自由挑选他们感兴趣的信息卡片进行深入查看。 2. **移动应用程序开发**: 小程序由于其特殊的宿主环境限制，经常需要用到类似于选项卡这样的导航控件让用户体验更加流畅自然[^2]。 3. **机器学习模型训练数据准备阶段**: 如果存在大量未标注图片资源，则可通过自动生成标签的方式扩充有效样本规模，此时就需要明确区分那些图像适合参与下一步工序。 ---