Unity3D 自定义选项卡组件

最新推荐文章于 2025-11-03 11:23:22 发布
转载 最新推荐文章于 2025-11-03 11:23:22 发布 · 2.8k 阅读 · 0

本文介绍了一个自定义选项卡组件的实现过程及效果展示。通过实际案例演示如何在未提供选项卡组件的情况下，自行创建并应用选项卡以提高界面美观性和交互体验。

选项卡组件在平时的开发过程中还是会经常使用到的，往往是需要把一组相同或者相似的数据放到一个面板去显示，这样可以节省面板的数量，但是往往会让这个面板显示臃肿，NGUI 貌似没有提供选项卡组件，但是有个例子演示了选项卡如何做，今天我们自己来实现一个选项卡组件以方便以后开发需要。

先来看看最终效果，默认布局如图：


点击水平或者垂直的选项卡按钮，观察切换效果，如图：


新建的场景如下：



原文地址：http://www.omuying.com/article/69.aspx

Unity自学之路（3）——利用Toggle制作分页选项卡面板
心和的博客
09-25 6528
效果如下 了解UGUI 中的Toggle 和Toggle Group步骤 1. 新建一个Image，命名为“ Plane 1”，在该Image下新建一个相同尺寸的Image子组件，两个UI Image都选择UGUI自带的BackGround 为Source Image（方便学习） 改变两个Image的颜色，以便区分 2. 在父物体上用Add Compenent 新
[资源分享][Unity][UGUI][DIY]自定义统计UI组件分享
BuladeMian的博客，菜得抠脚，菜得真实
11-15 736
分享 的 是 U董伟 的博文，感觉很实用就分享收藏了。 http://my.youkuaiyun.com/qq_29579137 Untiy网格编程篇(一)包围盒效果 Bounds(包围盒)概述与AABB包围盒应用 Unity自定义UI组件(一)函数图篇(上) Unity自定义UI组件(二)函数图篇(下)
Unity3D笔记 GUI 四、实现选项卡三
weixin_34185320的博客
01-08 425
  一、代码： using UnityEngine; using System.Collections; /// <summary> /// 选项卡二 /// </summary> [System.Serializable] public class Item { public Texture icon; public strin...
Unity3D 使用UGUI Toggel 配合Image实现选项卡功能
03-27
Unity3D 使用UGUI Toggel 配合Image实现选项卡功能操作
Unity3D笔记 GUI 二 、实现选项卡一窗口
weixin_34357436的博客
01-08 348
实现目标：　　1、个性化Box控件　　2、新建TextAmount样式　　3、新建TextItem样式 一、个性化Windows界面 设置GUI Skin   1.2 部分代码 Rect stateBox = new Rect(237, 67, 360, 147); Rect weaponBox = new Rect(237, 230, 360, 147); GUI.Box(...
Unity基础：NGUI制作Tabs选项卡
QQhelphelp的博客
08-21 706
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新UI组件1.10.2功能介绍与特性展示
- **Tabs**: 选项卡，允许在一组内容之间切换，每个内容页都有自己的标签。 ### Dialog（对话框） - **DatePicker**: 日期选择器，用户可以通过它来选择日期。 - **DateTimePicker**: 日期时间选择器，用于选择...
Unity3d场景快速烘焙【2020】
热门推荐
leeby100的博客
07-24 5万+
很多刚刚接触Unity3d的童鞋花了大量的时间自学，可总是把握不好Unity3d的烘焙，刚从一个坑里爬出来，又陷入另一个新的坑，每次烘焙一个场景少则几个小时，多则几十个小时，机器总是处于假死机状态，半天看不到结果，好不容易烘焙完了，黑斑、撕裂、硬边、漏光或漏阴影等缺陷遍布，惨不忍睹，整体效果暗无层次，或者苍白无力，灯光该亮的亮不起来，该暗的暗不下去，更谈不上有什么意境，痛苦的折磨，近乎失去了信心，一个团队从建模到程序，都没什么问题，可一到烘焙这一关，就堵得心塞，怎么也搞不出好的视觉效果，作品没法及时向用户交
14、Unity 3D游戏开发与Kinect SDK使用指南
最新发布
1a2s3d4f5g的博客
11-03 36
本文详细介绍了如何在Unity中使用OpenNI创建自定义骨架和手部跟踪器，并结合Microsoft Kinect SDK进行3D游戏开发与交互设计。涵盖了Unity菜单布局设置、骨架构建步骤、Kinect开发环境搭建、SDK功能优缺点及开发流程，并提供了相关资源与未来技术展望，帮助开发者掌握基于Kinect的体感交互应用开发方法。
Unity3D数学第四篇：射线与碰撞检测（交互基础篇）
qq_46348216的博客
07-31 1912
本文介绍了3D游戏开发中的射线检测(Raycasting)和碰撞检测(Collision Detection)技术。射线是具有起点和方向的无限长直线，在Unity中通过Ray结构体表示，常用于鼠标拾取、射击判定等场景。文章详细讲解了Physics.Raycast()方法的使用，包括参数说明和RaycastHit结构体返回的碰撞信息。同时介绍了穿透检测RaycastAll()和物理层(LayerMask)的优化技巧。在碰撞检测部分，阐述了BoxCollider、SphereCollider等常见碰撞体类型及其
Unity用UGUI制作一个多选下拉框
12-21
Unity用UGUI制作一个多选下拉框 资源包教程及其说明： https://blog.youkuaiyun.com/weixin_48388330/article/details/135126028
游戏物体的创建与控制：Unity3D中的对象和组件
Unity3D基础介绍 ## 1.1 Unity3D概述 Unity3D是一款跨平台的游戏开发引擎，可以用于开发2D、3D游戏和应用程序。 ## 1.2 游戏物体的概念与创建 游戏物体是Unity3D场景中的基本元素，可以代表角色、道具、环境等...
Unity3D笔记 GUI 三、实现选项卡二窗口
weixin_34203832的博客
01-08 643
实现目标： 　　1、使用个性化Box控件　　2、个性化Lable控件　　3、添加纵向滚动条　　4、新建SelectedItem样式 一、最终效果： 　　 　　二、主要代码 using UnityEngine; using System.Collections; /// <summary> /// 选项卡二 /// </summary> [Syst...
Android unity3d Tab选项
java开发指南博客 【转载】
08-19 142
//工具栏选择按钮的ID private var select : int; //工具栏显示按钮的字符串 private var barResource : String[]; //选择按钮是否被按下 private var selectToggle0: boolean; private var selectToggle1: boolean; private var select...
unity-选项和下拉框
m0_74462339的博客
08-02 711
再将已经设置了Toggle Group的Toggle拖到另一个Toggle的Group中，会自动识别出里面的Toggle Group。注意，这是基于旧版下拉框编写的脚本，新版下拉框只是命名空间和类型不同，基本思路是一样的。但是这种情况，选中后，选项后面的精灵图不会跟着显示。在该目录位置下创建image图像，并设置图像位置。在该目录位置下创建image图像，并设置图像位置。这样，选中后的选项，后面依然有对应的精灵图。单击标题文本，定位目录位置。开启template。开启template。
【unity】UGUI选项卡toggle封装
iywgqt的专栏
02-16 3922
在别人的博客里看到选项卡tab的封装，用的是button的方式。 传送门：UGUI（十七）选项卡Tab的封装 效果大概是这样子的： 源码似乎调用了外部函数，无法实现。 这里用toggle方式重新封装一下，实现效果基本一致，以供参考。
【unity2D游戏开发】第一章节：创建2D项目模板并认识unity游戏编译器各选项卡的作用——《AVG-太空之战》
weixin_44959182的博客
03-27 2843
File（文件）：打开和保存场景、项目、以及创建游戏。Edit（编辑）：主要用于Unity内部功能、快捷键设置。Assets（资源）：用于资源的创建、导入和导出。GameObject（游戏对象）：用于游戏对象的创建。Component：（游戏组件）：为游戏对象等添加组件来实现部分功能。Window（窗口）：显示特定视图。Help（帮助）：主要包含使用手册、资源商店、论坛等。
Unity|单选框->多选框->单选框
该用户还没想到好的昵称的博客
06-03 4091
最近的项目中涉及到了单选、多选的问题： 正常情况下，每一个图片为单选，选中以后进行OCR文字识别； 点击了删除按钮，所有的图片变为可多选状态。完成或取消删除操作后，再变为单选状态。 我们都知道控制一系列物体是否为单选的条件为<Toggle>组件的Group是否为同一个，那么变为多选状态时，只需将Group置为Null。 我的问题就出在取消删除操作之前，有几个图片是选中状态，那么，...
Unity单选框，复选框免费下载，使用说明
qq_33161296的博客
09-07 1628
因工作需要，unity自带的Toggle组件如满足自己的需求，使用比较复杂，咬牙自己封装一套，也提供给小伙伴们一同使用，如有任何可优化的地方，也烦请各位大佬友情提出，感恩的♥♥♥效果展示UI结构效果展示下载拖入工程中在要设置的按钮上添加Tab脚本根据添加后，Inspector上的提示，设置鼠标移入及点击时的设置TabTxt： 按钮下的textMultipleChoice:是否为复选框IsOn:当前是否为选中状态，手动勾选的话，初始化时为默认选中状态鼠标移入状态设置。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值