精华内容
下载资源
问答
  • UGUI

    千次阅读 2017-09-13 15:51:19
    什么是 UGUI UGUI 是 Unity 自带的一套 GUI 系统,含有基本的一些 UI 控件。 UGUI 控件有哪些? 我们常用的有 Canvas,Text,Image,Button,Toggle,Slider,Scroll Bar,Scroll View,Input Field。 ...

    什么是 UGUI

    UGUI 是 Unity 自带的一套 GUI 系统,含有基本的一些 UI 控件。


    UGUI 控件有哪些?

    我们常用的有 Canvas,Text,Image,Button,Toggle,Slider,Scroll Bar,Scroll View,Input Field。


    怎样新建 UI 控件

    在Hierarchy中添加 
    在 Hierarchy 中右键添加


    在Component中添加 
    在菜单栏的 Component 中添加



    Canvas

    Canvas 是所有 UI 控件的根节点,即所有 UI 控件均需要在 Canvas 下。

    这里写图片描述 
    上图所示即一个 Canvas 包含了多个 UI 控件。


    Text

    用来显示文本的。

    这里写图片描述

    • Text:即显示的文本内容。

    • Font:文字的字体。

    • Font Style:字体的形式,有正常,加粗,斜体,加粗斜体几种可选。

    • Font Size:字体的大小。

    • Line Spacing:行间距。

    • Rich Text:是否支持富文本。

    • Alignment:对齐方式。

    • Align By Geometry:几何对齐

    • Horizontal Overflow:横向裁剪方式。

      • Wrap:裁剪
      • Overflow:不裁剪
    • Vertical Overflow:竖向裁剪方式。

      • Truecate:裁剪 
        • Overflow:不裁减
    • Best Fit:是否最佳适应当前大小。

    • Color:字体的颜色。

    • Material:字体的材质。

    • Raycast Target:是否可被点击到。


    Image

    用来显示图片的。

    这里写图片描述

    • Source Image:显示的源图片。

    • Color:给图片叠加的颜色。

    • Material:图片的材质。

    • Raycast Target:是否可被点击到。

    • Image Type:图片的类型。

      • Simple:普通类型

        这里写图片描述

        这里写图片描述

        • Preserve Aspect:是否保持图片的外形比例
        • Set Native Size:设置为图片的原大小
      • Sliced:九宫格

        这里写图片描述

        这里写图片描述

        • Fill Center:是否填充中间部分
      • Tiled:平铺

        这里写图片描述

        这里写图片描述

        • Fill Center:是否填充中间部分
      • Filled:填充

        这里写图片描述

        这里写图片描述

        • Fill Method:

          • Horizontal:横向填充
          • Vertical:纵向填充
          • Radial 360:360 度填充
          • Radial 180:180 度填充
          • Radial 90:90 度填充
        • Fill Origin:填充起点

        • Fill Amount:填充量
        • Clockwise:是否按时钟方向
        • Preserve Aspect:是否保持图片的外形比例
        • Set Native Size:设置为图片的原大小

    Button

    游戏中使用的按钮。

    这里写图片描述

    这里写图片描述 
    上图展示了按钮一般由图片和文字组成

    这里写图片描述

    • Interactable:按钮当前是否激活可用

    • Transition:过渡方式

      • Color Tint:颜色过渡.

        这里写图片描述

        • Target Graphic:控制颜色的对象
        • Normal Color:正常时的颜色
        • Highlighted Color:悬浮高亮时的颜色
        • Pressed Color:点击按下时的颜色
        • Disabled Color:禁止不可用时的颜色
        • Color Mutiplier:颜色乘数
        • Fade Duration:渐变过渡时间
      • Sprite Swap:图片过渡

        这里写图片描述

        • Target Graphic:控制变化图片的对象
        • Highlighted Sprite:悬浮高亮时的图片
        • Pressed Sprite:点击按下时的图片
        • Disabled Sprite:禁止不可用时的图片
      • Animation:动画过渡

        这里写图片描述

        • Normal Trigger:正常时的动画触发
        • Highlighted Trigger:悬浮高亮时的动画触发
        • Pressed Trigger:点击按下时的动画触发
        • Disabled Trigger:禁止不可用时的动画触发
        • Auto Generate Animation:自动生成动画
    • Navigation:导航方式

      • None:无
      • Horizontal:横向
      • Vertical:纵向
      • Automatic:自动
      • Explicit:自定义
    • Visualize:导航线是否可见


    Toggle

    开关,适用于单选或者复选或者控制其他控件的显示或隐藏。

    这里写图片描述 
    上图显示一个 Toggle 一般由底图,文本和一个是否选中的图片组成。

    这里写图片描述

    大部分类似于 Button。

    • Is on:是否默认处于打开状态
    • Toggle Transtion:开关过渡方式

      • Fade:渐变过渡
      • None:无
    • Graphic:开关控制的对象

    • Group:所属于的 Toggle Group。(所属同一个 Toggle Group 的可以存在互斥状态)

    Slider

    滑杆。

    这里写图片描述 
    上图所示一个滑杆由背景,滑杆进度,滑块三部分组成。


    这里写图片描述

    大部分类似于 Button。

    • Fill Rect:填充的对象

    • Handle Rect:滑杆对象

    • Direction:滑动的方向

      • Left to Right:由左往右
      • Right to Left:由右往左
      • Bottom to Up:由下往上
      • Up to Bottom:由上往下
    • Min Value:最小值

    • Max Value:最大值

    • Whole Numbers:是否只允许整数进度值

    • Value:当前值


    Scroll Bar

    滚动条。

    这里写图片描述 
    上图所示滚动条由背景和滑块组成。

    这里写图片描述

    大部分类似于 Slider。

    • Size:滑块的比例大小

    • Number of Steps:进度的块数


    Scroll View

    滚动区域。

    这里写图片描述 
    上图所示滚动区域由背景,遮罩和显示内容组成。


    这里写图片描述

    • Content:显示的内容框

    • Horizontal:是否可以横向滚动

    • Vertical:是否可以纵向滚动

    • Movement Type:

      • Unrestricted:无限制的滚动,无回滚
      • Elastic:有限制的滚动,有回滚
      • Elasticity:回滚系数,数值越大弹性越小
      • Clamped:有限制的回滚,无回滚
    • Inertia:惯性

      • Deceleration Rate:减速率
    • Scroll Sensitivity:滚动灵敏度

    • Viewport:可视区域

    • Horizontal Scrollbar:横向滚动控制条

    • Vertical Scrollbar:纵向滚动控制条


    Input Field

    输入框。

    这里写图片描述 
    上图所示输入框由背景,默认文本和输入文本组成。

    这里写图片描述

    大部分类似于Button。

    • Text Component:输入文本组件

    • Text:文本内容

    • Character Limit:限制字符长度 (0 表示不限制)

    • Content Type:验证输入类型

      • Standard:标准
      • Autocorrented:自动修正
      • Integer Number:整数
      • Decimal Number:可带小数
      • Alphanumeric:数字和字母混合
      • Name:字母
      • Email Address:邮箱
      • Password:密码
      • Pin:数字密码
      • Custom:自定义
    • Placeholder:最初显示文本

    • Caret Blink Rate:光标闪动速率

    • Caret Width:光标宽度

    • Custom Caret Color:光标颜色

    • Selection Color:被选中部分颜色

    • Hide Mobile Input:是否隐藏手机输入

    • Read Only:是否只读


    简单的控件组合

    这里写图片描述

    这里写图片描述 
    其中包含了常用的基本控件组合。

    展开全文
  • UGUI - 制作listview ugui 适合于列表 gridview UGUI - 制作listview ugui 适合于列表 gridview
  • UGUI TreeView

    热门讨论 2017-02-08 16:38:58
    UGUI的树形菜单
  • UGUI editor

    2018-11-09 11:28:24
    Unity UGUI编辑工具,提高了UI的开发效率。 用法:下载并解压文件夹放到你项目Assets文件夹里就可以了(文件夹命名为UGUI-Editor,如果想用其它名字还需修改下Configure.cs文件里FolderName字段,否则会报错找不到资源的...
  • UGUI Tween

    2018-12-13 09:02:45
    利用DOTween插件,借鉴NGUI插件例子,实现UGUI 的一些互动。仅供大家参照学习,感谢大家的下载,希望大家能够在这基础上优化一下
  • UGUI HUD Text

    2019-03-31 08:33:17
    UGUI HUD Text
  • Unity UGUI划线

    2021-01-07 09:24:18
    Unity 里面不使用LineRender划线,使用UGUI划线,
  • UGUI背包系统

    2018-12-30 16:28:37
    unityugui背包系统
  • UGUI MiniMap 2.2.4

    2020-05-11 17:52:35
    UGUI MiniMap是Unity uGUI的完整MiniMap / WorldMap解决方案。您可以轻松地为任何类型的游戏创建所需的任何类型的小地图,例如:竞赛,fps,rpg游戏等。
  • psdAuto2Ugui 插件

    2020-09-30 13:57:28
    psd2UGUI,psd格式资源一键转换UGUI,强大的插件。psd2UGUI,psd格式资源一键转换UGUI,强大的插件。psd2UGUI,psd格式资源一键转换UGUI,强大的插件。psd2UGUI,psd格式资源一键转换UGUI,强大的插件。psd2UGUI,...
  • UGUI官方demo

    热门讨论 2017-05-02 14:36:55
    UGUI官方demo
  • UGUI 碰撞检测

    2017-03-14 12:21:21
    UGUI 碰撞检测
  • UGUI 整理

    2017-09-21 14:47:31
    UGUI 整理

    滚动窗口的实现


    image 加 scroll rect 、mask 组件

    image子物体 panel  长度要超出image

    panel里可以加grid layout group 组件 


    over

    展开全文
  • uGUI超文本 UnityEngine.UI.Textで任意の部分文字列をクリック可能にするコンポーネントです。 (由Google翻译) public class RegexExample : MonoBehaviour { [ SerializeField ] RegexHypertext text = ...
  • UGUI实例合集

    2019-02-14 21:27:21
    使用UGUI的入门实例合集,可实现大部分界面需求的制作
  • UGUI教学PPT

    2017-11-16 20:02:58
    这个PPT完全是自己制作的, 用于教学交流, 内容包括: 1.UGUI简介 2.图集 3.基本组件介绍 4.预制体的使用 5.列表介绍 6.UGUI优化 本文讲述的都是关于Unity4.6版本后自带的UGUI相关知识
  • Unity uGUI开发技巧

    2018-02-20 23:59:58
    Unity uGUI开发技巧Unity uGUI开发技巧Unity uGUI开发技巧
  • uGUI动画进度条 带有uGUI动画的进度条。 版 Unity 2017.3.0f3 安装 转到下一页并下载“ AnimatedProgressbar.unitypackage”。 将下载的“ AnimatedProgressbar.unitypackage”导入Unity项目。 例 用法 使用“ ...
  • ugui官网demo

    2015-05-31 13:44:13
    ugui官网demo 学习ugui必备资料。。
  • ugui滑动翻页

    千次下载 热门讨论 2015-11-11 19:18:03
    ugui滑动翻页。 参考博文:http://blog.csdn.net/AnYuanLzh/article/details/49785471
  • UGUI 源码~~

    2018-09-04 00:10:14
    UGUI 源码~
  • UGUI Super ScrollView

    2018-06-08 14:41:45
    Unity UGUI 动态,无限滑动列表,功能很多,Demo场景都十几个 unity 5.6.0打开
  • UGUI源码

    千次阅读 2019-04-26 10:28:59
    1.下载UGUI源码 unity在bitbucket上开源了各个unity版本的UI源码,地址是:https://bitbucket.org/Unity-Technologies/ui/downloads?tab=tags UnityEditor.UI文件夹是UGUI的编辑器实现类,因为Unity中规定编辑器实现...

    1.下载UGUI源码
    unity在bitbucket上开源了各个unity版本的UI源码,地址是:https://bitbucket.org/Unity-Technologies/ui/downloads?tab=tags

    UnityEditor.UI文件夹是UGUI的编辑器实现类,因为Unity中规定编辑器实现类必须以Editor命名,所以要将UnityEditor.UI改名为Editor。

    展开全文
  • UGUI综合

    千次阅读 2017-12-24 14:42:47
    UGUI综合 ##1、UGUI背包系统 ++1.1、UGUI背包系统 ++++1、UGUI应用最多的地方就是背包系统,其综合性比较强,背包系统做好了,其移植和重用性都比较好。 ++++2、背包里面最重要的功能是鼠标拖动物品应用到角色身上...

    UGUI综合

    ##1UGUI背包系统

    ++1.1UGUI背包系统

    ++++1UGUI应用最多的地方就是背包系统,其综合性比较强,背包系统做好了,其移植和重用性都比较好。

    ++++2、背包里面最重要的功能是鼠标拖动物品应用到角色身上,以及物品与物品之间的交换。

    ++++3UGUI在游戏中实现“商店”方面用得也比较多。


    ++1.2UI层级结构

    ++++UI层级:

    --Knapsack背包使用网格布局。

    --item用来存放物品,通过鼠标拖动,改变其父物体和位置。

    --cellImage控件,作为物品的父物体,用于交换和移动物品。

    --Mall商城,可以上下滑动。

    --Equip,所有的物品通过脚本加载。


    ++1.3Canvas Group的作用

    ++++当一个控件盖到另外一个控件上的时候,下面的控件默认是不检测的,为了可以透过当前控件检测到下面的控件,可以给该组件添加CanvasGroup组件。

    ++++其属性BlocksRaycasts设置为false时表示可以穿透该控件检测到下面的控件,如果为true表示不能穿透,下方的控件检测不到。


    ##2UGUI小地图

    ++2.1UGUI实现小地图效果

    ++++1、使用另外一个摄像机渲染整个场景,得到摄像机渲染的纹理;

    ++++2、设置摄像机的Culling Mask渲染不同的层。

    ++++3、创建RawImage控件并加上纹理并进行圆形遮罩;


    ++2.2、小地图制作过程

    ++++1、制作过程一:

    --Player 玩家对象

    --主摄像机: 渲染场景和Player。(渲染除mask层的游戏物体)

    --地图相机: 渲染场景和Player上的Mark。(渲染除player层的游戏物体)

    --Mark:小地图中人物的标记。(设置Player所在的层)

    ++思考:

      --1、如何将游戏物体的阴影隐藏?

      --2、相机的Depth(深度)的作用?


    ++++2、小地图制作过程二:

    --将渲染小地图相机的深度值修改比主相机的小。

    --Assets文件夹中创建RenderTexture

    --指定Map Camera中的Target Texture为刚刚创建的MiniMapTextureMiniMap Texture接收Map Camera渲染的画面。


    ++++3、小地图制作过程三

    --背景图片

    --添加遮罩组件

    --MapCamera摄像机渲染的图片拖到此位置,显示到UI上。


    ##3Application类,SceneManager

    ++3.1、应用程序简介

    ++++1、应用程序是指为了完成某项或某几项特定任务而被开发运行于操作系统之上的计算机程序。

    ++++2、应用程序(Application)运行在用户模式,它可以和用户进行交互,具有可视的用户界面。

    ++++3、工程(Project)是面向开发者的,两者之间是一一对应的。

    ++3.2Application

    ++++Unity中,所有与应用程序相关的方法都写在Application类中。

    ++++主要功能:获取或设置当前应用程序的一些属性。

    --加载有关卡场景。

    --获取资源文件路径。

    --退出当前游戏程序。

    --获取当前游戏平台。

    --获取数据文件夹路径。

    ++++Application类常用的变量和方法:

    --platform :返回游戏运行平台。

    --runInBackground :应用程序是否在后台运行。

    --dataPath :游戏数据文件夹的路径。

    --persistentDataPath :一个持久数据目录的路径。

    --temporaryCachePath :临时数据/缓存目录的路径。

    --loadedLevel :加载的关卡(场景)索引。

    --OpenURL :在当前设备中调用浏览器打开网页。

    --Quit :退出应用程序。

    ++3.3、场景切换

    ++++同步加载场景的方式分为两种:

    --1、读取新关卡后立即切换,其参数为所读取新关卡的名称或索引。

        ---SceneManager.LoadScene(“Scene2”);

    --2、加载一个新的场景,当前场景不会被销毁。

        ---SceneManager.LoadScene(“Scene2”, LoadSceneMode.Additive);

    ++++异步加载场景的方式分为两种:

    --1、异步加载新游戏场景,当新场景加载完成后进入新场景并且销毁之前的场景。

        ---SceneManager.LoadSceneAsync(“Scene2”);

    --2、同样异步加载新场景,新场景加载完毕后,保留之前场景并且进入新场景。

        ---SceneManager.LoadSceneAsync(“Scene2”, LoadSceneMode.Additive);

    ++++场景导出:【Assets=>Export Package...

    --小贴士: 场景导出的时候会将当前场景用到的所有资源都导出。



    ++4.4、工程发布




    #立钻哥哥Unity 学习空间: http://blog.csdn.net/VRunSoftYanlz/

    ++立钻哥哥推荐的拓展学习链接(Link_Url

    ++++立钻哥哥Unity 学习空间: http://blog.csdn.net/VRunSoftYanlz/

    ++++Unity引擎基础https://blog.csdn.net/vrunsoftyanlz/article/details/78881685

    ++++Unity面向组件开发https://blog.csdn.net/vrunsoftyanlz/article/details/78881752

    ++++Unity物理系统https://blog.csdn.net/vrunsoftyanlz/article/details/78881879

    ++++Unity2D平台开发https://blog.csdn.net/vrunsoftyanlz/article/details/78882034

    ++++UGUI基础https://blog.csdn.net/vrunsoftyanlz/article/details/78884693

    ++++UGUI进阶https://blog.csdn.net/vrunsoftyanlz/article/details/78884882

    ++++UGUI综合https://blog.csdn.net/vrunsoftyanlz/article/details/78885013

    ++++Unity动画系统基础https://blog.csdn.net/vrunsoftyanlz/article/details/78886068

    ++++Unity动画系统进阶https://blog.csdn.net/vrunsoftyanlz/article/details/78886198

    ++++Navigation导航系统https://blog.csdn.net/vrunsoftyanlz/article/details/78886281

    ++++Unity特效渲染https://blog.csdn.net/vrunsoftyanlz/article/details/78886403

    ++++Unity数据存储https://blog.csdn.net/vrunsoftyanlz/article/details/79251273

    ++++Unity中Sqlite数据库https://blog.csdn.net/vrunsoftyanlz/article/details/79254162

    ++++WWW类和协程https://blog.csdn.net/vrunsoftyanlz/article/details/79254559

    ++++Unity网络https://blog.csdn.net/vrunsoftyanlz/article/details/79254902

    ++++C#事件https://blog.csdn.net/vrunsoftyanlz/article/details/78631267

    ++++C#委托https://blog.csdn.net/vrunsoftyanlz/article/details/78631183

    ++++C#集合https://blog.csdn.net/vrunsoftyanlz/article/details/78631175

    ++++C#泛型https://blog.csdn.net/vrunsoftyanlz/article/details/78631141

    ++++C#接口https://blog.csdn.net/vrunsoftyanlz/article/details/78631122

    ++++C#静态类https://blog.csdn.net/vrunsoftyanlz/article/details/78630979

    ++++C#中System.String类https://blog.csdn.net/vrunsoftyanlz/article/details/78630945

    ++++C#数据类型https://blog.csdn.net/vrunsoftyanlz/article/details/78630913

    ++++Unity3D默认的快捷键https://blog.csdn.net/vrunsoftyanlz/article/details/78630838

    ++++游戏相关缩写https://blog.csdn.net/vrunsoftyanlz/article/details/78630687

    ++++设计模式简单整理https://blog.csdn.net/vrunsoftyanlz/article/details/79839641

    ++++U3D小项目参考https://blog.csdn.net/vrunsoftyanlz/article/details/80141811

    ++++UML类图https://blog.csdn.net/vrunsoftyanlz/article/details/80289461

    ++++Unity知识点0001https://blog.csdn.net/vrunsoftyanlz/article/details/80302012

    ++++U3D_Shader编程(第一篇:快速入门篇)https://blog.csdn.net/vrunsoftyanlz/article/details/80372071

    ++++U3D_Shader编程(第二篇:基础夯实篇)https://blog.csdn.net/vrunsoftyanlz/article/details/80372628

    ++++立钻哥哥Unity 学习空间: http://blog.csdn.net/VRunSoftYanlz/


    --_--VRunSoft : Lovezuanzuan--_--

    展开全文
  • UGUI MiniMap v2.2.5

    2020-07-13 16:41:29
    UGUI MiniMap是Unity uGUI的完整MiniMap / WorldMap解决方案。您可以轻松地为任何类型的游戏创建所需的任何类型的小地图,例如:竞赛,fps,rpg游戏等。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,749
精华内容 3,899
关键字:

ugui