Unity 5.1 UGUI 基础讲解

默认教学计划
6944人加入学习
(43人评价)
价格 免费
教学计划
会员免费学 加入学习

Text:文字格式、颜色、大小、富文本(类似html语法格式,嵌套语法)

InputField密码框、字符框

字体变化:Font(控制面板)

 

inputfiled

normal color:鼠标未碰到时候文本框的颜色

highlighted color :鼠标碰到时候文本框的颜色

pressed color:鼠标点击时候的颜色

limit:输入的文本上限

content type:输入的文本类型;

 

 

[展开全文]

image 的基本属性

imagetype sliced保持边缘不发生变化

imagetype filled出现方式的变化

alpha通道

[展开全文]

Image:

(按“F”键,把焦点聚集在Image上)

加入自己的图片:1.选中将要加入的图片

2.在“Texture Type”中选择“Sprite(2DandUI)”

3.点击“Apply”

 

Color:表示的是有颜色的光“照在”图片上。

 

快捷键:

按“shift”进行大小的改变:等比例缩放

按“Ctrl”进行大小的改变:面积不变,宽和高改变

按“Alt”进行大小的改变:上下或左右同尺度大小的变化

 

Preserve Aspect:改变图片大小的时候,宽和高保持不变。

Set Native Size:恢复图片原有的大小

 

Image type:

Tiled:图片在“Image”里平铺

Filled:使图片以某种方式出现或者说过滤掉图片的某些部分

  Sliced:在Image type中选择“  Sliced”,然后回到图片(外边的),选择“Sprite Edit(精 灵编辑器)”会看到“四根线(位于图片的上下左右)”,四根线所围成的区域,在图片 拉伸时会被 拉伸,区域外,不会被拉伸。(选择拉伸区域后,记得点‘Apply’)

 

[展开全文]

Text:

font:字体类型     Line Spacing:行间距   

Rich text:指文本框是否支持副文本(类似于HTML语言 例如:哈哈<color=red>哈哈 </color>)

Best Fit:让文字以最适合的大小自动适应文本框

 

Input Field:

输入框,一般用于登录系统中。

Normal color:指鼠标“没碰到”文本框所呈现的颜色

HighLighted color:指鼠标“碰到”文本框所呈现的颜色

Pressed color:指鼠标“点击”文本框所呈现的颜色

Selection color:鼠标“选中文字”所呈现的颜色

Character limit:指输入文本的上限

Content type:输入的文本类型(标准型,只可以输入数字或字符串,邮箱等)

[展开全文]

Text和InputField常用属性

.Text的文字格式,大小,颜色,富文本等

.InputField密码框,字符框等

 

[展开全文]

image的基本属性

text inputfield 属性 特性

基本设置

content

image 属性

image color 属性,给物体一个带有颜色的光对图片的改变。

钻着这么

[展开全文]

standard:标准类型

integer number 整数类型

decimal number 数字类型

name 字符串,不能数字

email 邮箱地址

password 密码

selection color 选着后的颜色

font size

 

text 控件

font 类型

font shyle

font size

line spacing 行间距

rich text 富文本

horizon 

[展开全文]

screen space-overlay 贴在摄像机上面

screen space-camera显示在特定摄像机上

world space不在任何摄相机上特殊显示,和普            通对象一样显示

 

panel容器

 

 

 

[展开全文]

最右下角的能够根据窗口大小自适应,调整UI大小

中间的不能根据窗口大小自适应,调整UI大小

 

 

[展开全文]

Interactable 是否启用按钮的交互功能

transition:color tint 交互时改变颜色

            normal color一般情况下按钮的主              颜色

            highlighted color 鼠标移动到按             钮上的主颜色

            pressed按钮按下时的主颜色 

       sprite swap 交互时改变图片

            highlighted sprite鼠标移动到按              钮上时变换成的图片

            pressed sprite 按钮按下时变换               成的图片

            disabled sprite按钮不可交互时                变换成的图片(就是取消勾选                 Interactable后的图片 )

           fade duration 渐变时间

         animation 交互动画特效  

                单击auto generate animatic                 创建动画状态机

                调出animation,选中Button                 创建动画

                 按animation窗口左上角                  的normal能切换到其他交                  互状态动画编辑窗口              (highighted ,pressed。。。。)

            选中button按钮之后在anmiamtion窗口中选中要创建改变效果的帧,从属性窗口中调整参数就行了

 

 

 

 

[展开全文]

按住ctrl键两边都会变化

当出现拖动按钮同时点击拖动再按住alt会以图片中心变化

 

选中preserve aspect再拖动比例不变,

点set native size恢复初始大小

 

image type:tiled平铺

            Filled半显

          sliced 在图片被精灵编辑器剪裁后              被剪裁的部分仍然显示但不会随              着缩放而缩放

 

 

[展开全文]

font:文字字体

font style:文字类型,加粗,倾斜,加粗并倾斜

font size:字体大小

line spacing:行间距

text支持html语法

rich text:控制语法是否起作用

alignment:对齐方式

horizontal Overlfo:warp超出文本框部分不予       显示 ,会换行有多行

              Overflow超出部分显示但不会换行且只有一行   

 

verticla overflow:  truncate超出文本框部             分不予显示 ,会换行有多行   

             Overflow 超出部分显示且会换行有多行

勾选best fit:会根据输入文字多少自动改变字体大小       

 

 

 

 

 

 

InputField输入框:normal color鼠标还没移到输入框上时的颜色

            highlighted Color鼠标移到输入框上时的颜色

           pressed Color鼠标点击输入框时的颜色

 

      character limit可输入文本上限(默         认为0,可无限输入)

      content type输入文本类型:

             standard可以输入任何数据

              Integer Number 只能输入整                 数

               decimal number只能输入数                  字

               name只能输入字符串

                email address只能

                password密码

         selection color选中文本时的颜               色

 

 

[展开全文]

注意此处有错误。这里脚本中打印的当前开关的状态后面应该是 isTrue。

[展开全文]

button事件 重要3点

定于为public 公有

返回值为空  void

不能有参数

 

[展开全文]

public class new BehabiourScript:MonoBehabiour,IBeginDragHandler,IDragHandler,IEndDragHandler{}

public void OnBeginDrag(PointEventData data)//开始拖拽

public void OnDrag()//拖拽中

public void OnEndDrag()//拖拽结束

public class DragImage:MonoBehaviour,IDropHandler,IPointerEnterHandler,IPointExitHandler{}

public void OnPointerEnter(PointEventData data)

public void OnDrop()

public void OnPointerExit()

[展开全文]

授课教师

课程特色

视频(9)
下载资料(2)