Unity5.0 uGUI中文教程 扫二维码继续学习 二维码时效为半小时

(28 评论)

免费

slider函数OnValueChanged()

[展开全文]

Raw Image 可以载入任意图片

多了UV Rect,在垂直/水平上的重复值

[展开全文]

Transition 按钮变化的状态

Color Tint 变色

Sprite Swap 图像切换

Animation 动画变换

分为Highlighted,Pressed和Disabled三种方式

On Click()中可以添加实现的功能

[展开全文]

Font Style 

Bold 加粗

Italic 倾斜

Rich Text 可以用<></>进行字体颜色修改等功能

 

Alignment 对齐

Overflow 溢出 Wrap 换行

Truncate 截断

Best Fit 自适应,字体大小跟随文本框变化

[展开全文]

Canvas --Screen Space-Overlay是将画布上的东西都渲染到屏幕上,放在最前面,不会被挡住。

 

Canvas的大小是随着屏幕大小变化的。

 

Screen Space-Camera 是将画布渲染到指定摄像机上,会被遮挡,参数受摄像机影响。

 

World Space可以调整

[展开全文]

Rect Transform 试试shift和alt键

[展开全文]

on value changed

fill rect

handle rect

[展开全文]

鼠标事件:

[展开全文]
muye085 · 2016-10-19 · 1、UGUI概述 0

Text
直接在Text框内输入文字(检视图窗口)
可以选择默认字体,也可以导入字体
Rich Text 富文本 支持以下的格式

<color=red>指定文字</color> →文字会变红
wrap 换行 overflow 溢出
Best Fit 文本框和文字一起变大变小
effects ←可以添加效果

[展开全文]
netwof2008 · 2016-07-16 · 4、Text文本 0

Event System事件系统

选择UI任意控件会默认出现

First Selected 一开始就处于选择状态的组件

[展开全文]

InputField 输入文本框

Text 一开始运行时显示的文本

Character Limit 限制字符数

Line Type 

newline 另起一行(回车)

Submit 实现回车的功能

Selection Color 选中字符背景颜色

[展开全文]

Toggle ☑

Toggle Group 添加方法同ScrollRect

使Toggle之间产生了联系

可以做到非此即彼

(一个on一个取消)

 

 

[展开全文]

Scrollbar 滚动条

ScrollRect (可拖动的范围)

创建空对象→添加组件→添加ScrollRect

Content 可拖动的相应对象

在添加遮罩Mask之前需要添加一个Image组件,否则就不起作用了

Movement Type - Clanped

拉到边缘之后就拉不开

Elastic 有粘性,会反弹回来

Inertis 惯性

可添加 Scrollbar

 

[展开全文]

Slider 滑动条

官方Demo

On value Changed

选择游戏对象及对应函数

改变灯光

RGB 相当于三个通道

Transition

改变的是滑块的颜色

滑块进行改变时Value也在发生改变,通过Value来进行相应控制

有整数勾选项

还可以添加Level值,可以研究一下

 

 

[展开全文]

RawImage

UV rect 多了这个属性

w、h →图片的重复值

Panel 

Add-Ui-Mask 可以把Panel范围以外的图片去掉

[展开全文]

RamImage 对类型基本无要求

Image 图片类型需为Sprite

可添加材质

Bump 凹凸

Normal Map →可以模拟凹凸的效果 

完成设置需要Apply一下

Simple 简单模式

Aspect → 勾选的话可以成比例地放大缩小

Sliced 切割模式

Sprite Editor 

可以设置边缘(例如九宫格)

Tiled 会有重复效果

Filled 填充的形式

[展开全文]
netwof2008 · 2016-07-16 · 7、Image图片 0

Animation 通过动画来切换按钮

Auto 自动生成动画

会有一个动画模板

Highlighted 高亮状态 鼠标放上按钮没有按下

Window - Animation动画面板

可对各个状态进行编辑,生成动画

(例如形变,变大再变小)

 

 

[展开全文]

Button 按钮

Color Tist 

不同状态对应不同颜色

Fade 持续的时间

Sprite Swap 贴图(Sprite)切换

Animation 

Navigation 导航

On Click() 点击发生事件

Main Camera ->Button.OnBu

using UnityEngine.UI

Public text text 可以把相关的文本挂载到此,这样就可以对其进行处理

Public void OnButtonClick(){

text.text="我被按下了";

}

[展开全文]

Rect Transform

左上角的小图标  Anchors

看红色的线,可以知道锚点(参考点)的位置 可保证图片有一个自适应的功能,相对于描点的距离不会改变

按shift键的话当前图像会跟随锚点一起改变

alt+拉伸图形 图片和锚点会自行拉伸

旋转是以轴心来旋转

center进行切换 才能修改轴心

宽度高度 ←图片自身的

scale ← 子层也会发生相应改变

[展开全文]

Canvas 画布

选择其他部件(text之类)也会自动创建Canvas

会跟随屏幕的大小做更改

渲染方式

Overlay 所有UI元素都会被渲染

UI元素在最前面,不会被其他游戏对象覆盖

框与字体的显示

Camera 可把main camera导入

其他游戏对象可以覆盖掉,以摄像机视角为主

World Space 可以调整画布的大小

Image 可添加图片(Spride类型)

同一层级渲染顺序从上到下

[展开全文]