UnityGUI应用
Unity自带的GUI系统,还是有许多应用的小窍门的,此专栏旨在整理一些开发中常用的小技巧
蓝天小僧(Andy)
一名喜欢编程的佛系程序员
展开
-
Unity 渐显文本组件(一个字也能从左到右逐渐显示)
这个组件使用顶点数据控制Text内文字的显示效果目前添加了三种,定义枚举为public enum WordEffect { NULL, WHOLE_WORD, LEFT_TO_RIGHT }NULL实际就是正常的Text,不过这里做了优化,生成的顶点数要比unity自己的少WHOLE_WORD每个文字渐显显示,渐显的方式...原创 2019-12-09 21:11:45 · 4516 阅读 · 2 评论 -
UGUI系列导航帖
我根据自己对UGUI的理解和平时工作的应用,会陆续写几篇UGUI的帖子,希望对UGUI不太熟悉的朋友有所帮助,有什么不对的地方,也欢迎路过的大神指正。我会在我的公众号上推送新的博文,也可以帮大家解答问题微信公众号 Andy and Unity 搜索名称 或 扫描二维码希望我们能共同成长,共同进步...原创 2019-02-10 13:14:48 · 9240 阅读 · 1 评论 -
UGUI系列——RectTransform之锚点及轴心点基础概念
一、概念RectTransform是继承自Transform的组件,专门用于UI,除了显示在表面的一些基础属性,实际内部还有很多隐藏属性未显示在面板上,主要用于对UI做些基础操作...原创 2019-02-09 19:21:39 · 4366 阅读 · 0 评论 -
UGUI系列——RectTransform之锚点及轴心点深入解析
前言上一篇博文简单的介绍了一些锚点及轴心的基础概念,下面继续说一下锚点及轴心点的用法1.组件属性的显示模式点击下图中的红框内的图标,会出现这样一个菜单Normal :就是组件默认的显示模式Debug :这种模式下,会显示出很多其他的属性2.AnchorPosition在组件的debug模式下,可看到这个属性它代表的就是锚点的位置锚点位置分两种情况理解:1)四个锚点是在一起的...原创 2019-02-09 21:14:54 · 4664 阅读 · 2 评论 -
UGUI系列——RectTransform之UI宽高和SizeDelta
前言上一篇博文简单的介绍了一些锚点及轴心的一些概念,及Position的在锚点不同状态下的显示情况,下面我们继续介绍RectTransform的属性原创 2019-02-10 12:28:26 · 25359 阅读 · 4 评论 -
UGUI系列——Canvas
一、Canvas概念Canvas是画布的意思,也就是所有的UI都是在它的上面显示的,在unity中的表现就是,所有的UI元素必须是Canvas的子物体才能显示出来二、Canvas属性...原创 2019-02-09 12:29:24 · 1746 阅读 · 0 评论 -
UGUI系列——UI渲染层级
一、UI渲染层级概念UI渲染层级实际简单理解就是我们时间看到的UI遮挡关系,在unity中有多种方式可以控制UI的渲染顺序在unity中层级通常都是用数字表示的比如相机的Depth,Canvas的Order Layer,它们的参数都是数字,那么首先,我们要清楚,这个数字代表的含义如图,就好像我们从上向下看一样,数字大的在上面,数字小的在下面,所以在显示上层级数字大的会覆盖层级数字小的引擎...原创 2019-02-09 13:23:41 · 8048 阅读 · 0 评论 -
UGUI系列——Text
文本是最基础的组件之一,属性也很简单,没有什么特别复杂的地方Text:是文本要显示的内容Font:即为所用字体Font Style: 字体样式 Normal:正常 Bold:粗体 Italic:斜体 Bold And Italic :粗体且斜体Font Size : 字体大小Line Spacing : 内容的行间距Rich Text:富文本开关(后面会单独介绍)A...原创 2019-02-10 13:12:35 · 1995 阅读 · 0 评论 -
UGUI系列——Text富文本
UGUI系列其他博文,可通过导航帖查看富文本就是给Text的内容指定多种字体样式或大小会写H5的同学应该对会发现,Unity富文本写法和Html很相似,它本身使用的就是H5的语法,但是并没有打算严格兼容例如: <b>Hello</b>在text上显示出来就是Hello,也就是加粗下面列举一下基本的标签Tag用途写法b加粗<b&...原创 2019-02-10 13:55:10 · 16259 阅读 · 0 评论 -
UGUI系列——Image应用
UGUI系列其他博文,可通过导航帖查看Image就是UI中最常用的了1.Seource Image它的类型是Sprite,是unity内的图片格式2.Image Type图片类型,在Source Image赋值后出现1)Simple默认选项,就是Image显示为一张图片,图片会在rect范围内显示,恢复图片的默认尺寸,直接按下 Set Native Size2)Sliced...原创 2019-02-10 19:25:14 · 1330 阅读 · 0 评论 -
UGUI系列——RawImage应用
UGUI系列其他博文,可通过导航帖查看一、基础概念它就是一个可以直接显示Texture的Image但是它多了一部分功能,就是可以控制UVx,y,w,h的值的取值范围是0到1的,也就是他们代表的实际是百分比首先说一下W和HW(Width):也就是宽度,代表了显示出的部分占原图片宽度的百分比H(Height):也就是高度,代表了显示出的部分占原图片高度的百分比再说一下X和YX:代表...原创 2019-02-10 20:26:02 · 2462 阅读 · 0 评论 -
UGUI系列——Unity Auto Layout的使用(一)
基础知识点先说一下UI的 Pivot,这个是UI的轴心点,UI上锚点的AnchoredPosition是以它为基准的,左下角是Pivot的(0,0)点,左上角是(0,1)点,以此类推。 你如果想修改一个UI的高度或宽度,但是又不想改变它的位置,那么 修改轴心点 就是你想要的。 如图,这样设置后,修改width时,因为它的基准点时在x轴的中心,所以你增加的宽度会平均分配到两侧,中心的不变...原创 2018-03-11 20:48:26 · 2429 阅读 · 0 评论 -
UGUI系列——Unity Auto Layout的使用(二)
Layout Element的应用当物体被Layout组件控制时,你是无法控制RectTransform的Width和Height的,Layout Element便是为了解决这个状况,让layout变得更灵活。下面介绍Layout Element参数,这里以Vertical Layout Group为例: MinWidth/MinHeight:如同名字一样,它是用来限制子物体的Width...原创 2018-03-11 20:50:13 · 1913 阅读 · 0 评论 -
UGUI系列——Unity Auto Layout的使用(三)
一、Aspect Ratio Fitter Aspect Mode: None:不进行适配 Width Controls Height:由width根据宽高比来设置height Height Controls Width:由height根据宽高比来设置width Fit In Parent:根据宽高比,把UI放入父物体的rect中,不会超出父物体的范围 如图: Envelop...原创 2018-03-11 20:51:44 · 2702 阅读 · 1 评论 -
Unity设置默认字体
unity并没有设置UI中Text默认字体这个参数,网上也没找到能用的,只好自己写一个了。首先创建一个窗口来选择默认字体,然后把字体信息存储在本地,这样一个工程设置一次就行了 using UnityEngine; using UnityEditor; 窗口类 public class SetDefaultFont : EditorWindow ...原创 2018-03-14 06:54:26 · 12223 阅读 · 3 评论 -
简易UnityUI框架
前言最近自己写了一套简单的UI框架,基本思想是基于mvc的,但是由于是给比较小型的项目设计的框架,整体解耦并不十分彻底,这样降低了调试难度,整体复杂度也相对较低,算是按自己的理解做了取舍。1.接口部分1)底层系统类,全局唯一AUIRoot:是根节点抽象类,负责所有系统的初始化 IUIManager:是UI组件的管理类,提供UI界面显示,返回等统一接口 IUIDataHa...原创 2018-05-27 21:58:03 · 12367 阅读 · 12 评论