您的位置:首页 > 产品设计 > UI/UE

Uinty的uGUI学习(02):Image(图片)、button(按钮)

2017-04-22 00:00 211 查看
#####一、uGUI - Image
(图片)


图片导入已什么样的样式导入
(Texture Type)


nGUI导入 : Editor GUI and Legacy GUI
uGUI导入作为精灵或者UI使用 : Sprite(2D and UI)
显示的大小 : Max Size
压缩样式 : Format  (tureColor:不会进行压缩)
应用(导入) : Apply



2.等比例调节大小
选中图片同时按住shift键来进行拖动


锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale

属性
画布渲染:Canvas Renderer
源图像:Source Image
颜色:Color
材料:Meterial
Raycast Target
ImageType
维护方面 : Preserve Aspect
设置图片本身(原有)的大小 : Set Native Size


#####二、uGUI - button
(按钮)


锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale

>>> Image(Script) 图像脚本>>>
画布渲染:Canvas Renderer
Source Image
Color
Material
Raycast Target
Image Type(切图:Sliced)
Fill Center

>>> Button(Script) 图像脚本>>>
交互:Interactable

状态转变的(默认 Color Tint):Transition
/*
可以设置图片:sprite Swap
设置动画:animation
生成一个状态机(生成一个动画):auto Generate Animation
*/

目标图形:Target Graphic
正常的颜色:Normal Color
高亮颜色:Highlighted Colior
按颜色:Pressed Color
禁用颜色:Disabled Color
颜色倍增器(颜色的亮度):Color Multiplier
衰落持续时间(中间的动画转变时间):Fade Duration

导航:Navigation

点击事件:On Click()




内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Unity3D uGUI