Unity3D_uGUI学习笔记(4)_Interaction Components简述

本文详细介绍了UI系统中各种交互组件的功能及使用方法,包括Button、Toggle、Slider等,并阐述了它们如何通过事件处理机制响应用户的操作。

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

 

4Interaction Components

         本章介绍UI系统中负责处理鼠标和键盘等交互事件的组件。这些交互组件本身不可见,必须结合可视组件才能正常工作。

4.1 Common Functionality

         大多数交互组件都有一些共同点。它们基类是Selectables,这意味着它们共享了状态切换(Normal/Hightlighted/Pressed/Disabled)的基类方法。此外,使用键盘或控制器(Controller)可以在它们直接切换。

4.2 Button

         ButtonOnClick事件来处理点击事件。【类似NGUIUIButton

         1488251082-3854-image001.1487826786

4.3 Toggle

         Toggle有一个复选框,表示选中或未选中两种状态。点击Toggle切换这两种状态,并且以一个对钩表示选中。ToggleOnValueChanged事件来处理值变化。【类似NGUIUIToggle

         1488251082-7969-image002.1487826786

4.4 Toggle Group

         ToggleGroup就是一组Toggle。这些Togglegroup属性相同的即组成单选组,选中任意一个则自动取消其他。【类似NGUIUIToggle

         1488251083-9179-image003.1487826786

4.5 Slider

         SliderValue属性(取值范围[0~1])表示当前值,拖拽滑块即可设定最小值和最大值之间的任意值。它既可垂直放置,也可水平放置。SliderOnValueChanged事件来处理值变化。【类似NGUIUIScrollBar/UISlider/UIProgressBar

         1488251082-2269-image004.1487826786

4.6 Scrollbar

         ScrollbarValue属性(取值范围[0~1])表示当前值,拖拽滑块即可设定最小值和最大值之间的任意值。

         Scrollbar通常与Scroll RectMask组合使用,用于构造一个Scroll ViewScrollbarSize属性(取值范围[0~1])决定滑块大小。Size属性通常由其他脚本动态修改,用于标识滚动区域中的内容占比大小。ScrollRect脚本能自动处理这个值。

         Scrollbar既可垂直放置,也可水平放置。SliderOnValueChanged事件来处理值变化。

         【类似NGUIUIScrollBar/UISlider/UIProgressBar

         1488251082-8724-image005.1487826787

4.7 Dropdown

         Dropdown是下拉选择器。每个选项是一个文本加一个图片(可无),这些选项既可在Inspector视图中设置,也可通过代码动态设置。DropdownOnValueChanged事件来处理被选中项的变化。【类似NGUIUIPopupList

         1488251083-2490-image006.1487826787

4.8 Input Field

         InputField是文本输入区域。InputField分别有事件处理文本变化以及输入结束。【类似NGUIUIInput

         1488251083-5017-image007.1487826787

4.9 Scroll RectScroll View

         ScrollRect适用于内容较多但显示区域较小的情况。Scroll Rect提供滚动功能来显示内容。

         通常Scroll Rect结合Mask构建成Scroll View来使用,实现只有ScrollRect区域内的内容可见。此外结合一到两个Scrollbar,还能实现左右方向或上下方向拖拽内容区域。

         1488251083-6913-image008.1487826787

点击访问官方英文文档



查看原文:http://www.51xyyx.com/2915.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值