Unity自学之路（3）——利用Toggle制作分页选项卡面板

最新推荐文章于 2024-05-07 16:17:43 发布
原创 最新推荐文章于 2024-05-07 16:17:43 发布 · 6.4k 阅读 · 28 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #ugui #ui

效果如下
这里写图片描述

了解UGUI 中的Toggle 和Toggle Group

步骤
1.
新建一个Image，命名为“ Plane 1”，在该Image下新建一个相同尺寸的Image子组件，两个UI Image都选择UGUI自带的BackGround 为Source Image（方便学习）
改变两个Image的颜色，以便区分
这里写图片描述

这里写图片描述

2.
在父物体上用Add Compenent 新建一个Toggle 组件，Graphic 选择该父物体的子物体。这个时候开始运行可以发现点击Toggle 可以改变组件

最低0.47元/天 解锁文章

200万优质内容无限畅学
Unity NGui 利用UIToggle做个分页标签
chrisfxs的专栏
06-26 2070
利用UIToggle做个分页标签像这样 1.首先做个标签预制， 父节点 2.在要挂上这个分页标签的节点上再挂上子节点和孙节点 . List上挂UIScrollVIew，Grid上挂UIGrid，作为容器，之后每个tab就挂在Grid下面 MissionTabs上挂控制这些的脚本 public List m_MissionTabsList
Unity(2022.3.41LTS) - UI详细介绍- Toggle(切换)
最新发布
一然明月的博客
09-07 1875
总之，Toggle 是 Unity 中一种常用的 UI 组件，用于表示一个布尔值的状态。在使用 Toggle 时，要注意性能优化、布局和对齐以及可访问性等问题，以确保 UI 的质量和用户体验。分组 Toggle：如果需要将多个 Toggle 组成一个组，可以创建一个 ToggleGroup 组件，并将需要分组的 Toggle 添加到该组中。在 Unity 中，Toggle 是一种常用的 UI 组件，用于表示一个布尔值的状态，类似于复选框。
Unity3D实现分页系统
08-19
主要为大家详细介绍了Unity3D实现分页系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity基础：NGUI制作Tabs选项卡
QQhelphelp的博客
08-21 688
Tabview可以参考NGUI中的示例，场景Examples\Scenes\Example 13 - Tabs 1.使用NGUI创建一个2D UI，在该UI Root下新建一个Panel(背景)，然后在该Panel下新建两个Button, 2.在Panel下新建两个Panel(要显示的内容选项)，用来对应两个Button键, 3.给两Button添加UIToggle脚本和UIToggleOb...
Unity3D实现列表分页效果
12-20
本文实例为大家分享了Unity3D实现列表分页效果的具体代码，供大家参考，具体内容如下 using System.Collections.Generic; using UnityEngine; public class Page : MonoBehaviour { public List<string> Tips = new List<string>(); public Texture2D DetailImg1; public Texture2D DetailImg2; private int pageCount = 0;//当前记录所需页数 private static
【游戏开发】分页功能实现
qq_45845309的博客
03-03 3321
目录 1.效果展示 2.设计思路 UI设计 代码设计 3.功能实现 解法一 解法二 4.问题 5.知识点 6.相关参考 1.效果展示 2.设计思路 UI设计 一个父物体下新建多个tapItem 每个tapItem下新建【1点击变换成的Image】【2Text】【3一个contentItemAll管理其下的子物体】； 给父物体添加Grid LayoutGroup和Toggle Group组件 给tapItem添加Toggle组件 把父物体拖到tapI...
Unity UGUI（六）Toggle（开关/切换）
热门推荐
JPF29
01-11 3万+
Toggle（Script） Interactable 可交互 是否可点击 Transition 过渡 None：无 Color Tint：颜色色彩 Target Graphic：目标图形 Normal Color：正常颜色 Highlighted Color：高亮颜色 Pressed Color：按...
unity——toggle
12-14
unity_toggle，模仿toggle的效果来做的一个升级版的界面，功能就跟toggle一样，一个多选框只能选一个的作用，
Unity3D 自定义选项卡组件
起个名字好难啊
08-29 2814
选项卡组件在平时的开发过程中还是会经常使用到的，往往是需要把一组相同或者相似的数据放到一个面板去显示，这样可以节省面板的数量，但是往往会让这个面板显示臃肿，NGUI 貌似没有提供选项卡组件，但是有个例子演示了选项卡如何做，今天我们自己来实现一个选项卡组件以方便以后开发需要。 先来看看最终效果，默认布局如图： 点击水平或者垂直的选项卡按钮，观察切换效果，如图： 新建
Unity UGUI的ToggleGroup（选项组）组件的介绍及使用
alianblank的博客
07-22 7036
ToggleGroup（选项组）是Unity UGUI中的一个组件，用于管理一组Toggle（选项）的选择状态。ToggleGroup组件可以确保在同一个ToggleGroup中只有一个Toggle被选中，其他Toggle将自动取消选中状态。
Unity3D之Toggle实例
08-30
Toggle是unity中常用的控件之一， 该项目是Unity3D中的Toggle使用事件的方式控制交互方式，简单实用。
Unity 将附加面板添加到指定面板上
海月的博客
04-08 998
代码 int itemSize = 140; public RectTransform rewardsPanel; public void DisplayRewardGrids(Task task) { rewardsPanel = panelBindingTool.GetOrAddComponentInChildren<RectTransform>("Rewards Panel"); for (int i = 0;i<task.rewardItemsId.Count;
Unity中UGUI的Toggle控件
blanrey的博客
08-29 2万+
Toggle控件
Unity UGUI入门组件整理（三）【Toggle组件与Toggle Group组件】
weixin_44306106的博客
01-06 4748
Toggle：选项组件（单选框，多选框），功能和button差不多，有时候我们会用Toggle组件代替Button组件； Toggle组件与Toggle Group组件：经常成对出现； toggle Group与Toggle属于父子关系，Toggle常作为Toggle Group组件的子物体，从来来实现单选和多选的效果 。 1、Toggle组件：首先我们在Panel下新建空物体GameObject，改名为Toggle Group； 选中Toggle Group，右击在UI里添加Toggle组件，如图： 2、
unity 用Toggle组件实现单选功能
梦想是世界和平
08-05 7196
效果是这样的 实现上图的效果非常简单，我们只需要使用两个组件即可完成 第一个：Toggle Group 在任意物体上挂载Toggle Group组件 第二个：Toggle 创建Image作为挂载Toggle组件的物体，层级关系如下 Toggle组件中要拖放两个参数 Graphic参数拖入黑色图片（就是需要作为选中框的的那个图片） Group 参数拖入第一步中挂载了Toggle Group的那个物体 挂载完毕，把"挂toggle"的ui复制几份，运行程序即可 ...
Unity UI -- （6）增加Toggle和Slider
vivo01的专栏
05-22 1312
在前面的小节中，我们已经有了一个空的设置菜单。现在让我们来添加设置选项。
Unity NUGI Toggle 单选框
zxyy410119的博客
10-16 460
1.UIroot下添加一个sprite作为单选框背景 2.添加Box Collider 注: 设置好size 即点击范围 也可勾选上方的 auto-adjust to match 3.添加 Toggle 4.在之前单选背景框下添加一个sprite作为选中状态图片 5.将选中状态sprite拖入背景框sprite建立好的Toggle state Transition中即可 多条数据单选框 复制多个已经制作完成的sprite 给需要分为一组的sprite中的Toggle Group 标为统一号 不能为0
在Unity中实现分页数据显示和分页控制
qq_19605587的博客
05-07 1146
【代码】在Unity中实现分页数据显示和分页控制。
Unity 使用Toggle Group，toggle实现单项选择
Zybdads的博客
12-25 1159
（canval 挂载 Toggle Group组件，脚本ToggleController），toggles数组两个toggle添加进去。（每个toggle 关联方法OnToggleValueChanged）1.新建一个父类Canval，下面两个toggle。2.ToggleController脚本。
Unity3D开发学习必备——入门到精通教程
3. 游戏物理和动画：如何利用Unity的物理引擎创建真实的游戏交互和动画效果，包括刚体、碰撞器、材质、动画系统等。 4. 粒子系统：用于创建视觉效果如火、烟雾、雨、星星等自然现象。 5. UI设计：用户界面是游戏与...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值