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

原创
2017/04/22 17:58
阅读数 327

#####一、uGUI - Image(图片)

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

4_设置图片导入作为什么(ugui 使用Sprite2DandUI)设置为图片和精灵.png

  • 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()

5_1button的属性面板.png

5_2button调节文本(Text)的面板.png

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部