UGUI(三大现成UI控件)

Rawimage

可以是任意类型的图,所以这里的泛型就更宽泛,不止sprite

相比Image唯二的不同

uvrect有点像平铺

Text

suddenly come to a Free island.

best fit开启后会有范围选择

Image

image 组件是挂在RectTransform的ui下的,换句话说,首先要记得Image组件挂在了一个对象上,有了展现图片 的一系列功能,其根本都是建立在,这个对象是有RectTransform的ugui对象

所以如果在代码里想要得到Image,就是this去得,however,因为transform本来就是RectTransform的父类,所以this不多不少刚刚好,很快就把Image捧在手心了

source Image里面挂的图片,都要设置为2dsprite才可以用

Color里的颜色是在原图上进行一些颜色乘法得出新颜色

material想加点材质球有别的质感也可以

raycast target这个很关键,和点击的检测有关,比如这里,紫图的Image组件,

这里的raycast target如果开启,这个Button被遮住的地方就点不了,

无关碰撞器,和graphic raycaster相关

四种Image type

对于简单模式就是正常的图,随便拉伸

slice的话,在新版unity里,可能要去下包才能编辑原图里的数值,调整九宫格

tiled就是保持原图大小,不断的重复,像铺地毯一样

九宫格不仅影响sliced,也影响tiled,被移除中央格的就不会重复再叠加

sliced和tiled都有这两个参数

fill center就是中间的部分要不要填充

另一个有点像调整边框的粗细,不建议调

filed和simple两个Image type有自己的设置选项

一个是保持自己原始的比例不变任意调整大小,preserve aspect

一个是设置成原始大小(受分辨率自适应的参考像素影响,不动默认100,就直接1比1去显示原图)set native size

相关推荐
Clair-Sean9 小时前
【交互设计】UI 与 UX 简介:从核心概念到行业实践
ui·ux
Zevalin爱灰灰19 小时前
MATLAB GUI界面设计 第六章——常用库中的其它组件
开发语言·ui·matlab
前端开发与ui设计的老司机19 小时前
数字孪生技术引领UI前端设计潮流:增强现实(AR)的集成应用
ui
前端开发与ui设计的老司机21 小时前
数字孪生技术为UI前端注入灵魂:实现产品全生命周期的可视化管理
前端·ui·命令模式
共享ui设计和前端开发人才21 小时前
UI前端与数字孪生结合探索:智慧建筑的能耗管理与优化
前端·ui·状态模式
切韵10 天前
Unity编辑器扩展:UI绑定复制工具
ui·unity·编辑器
冰茶_10 天前
ASP.NET Core API文档与测试实战指南
后端·学习·http·ui·c#·asp.net
Zevalin爱灰灰11 天前
MATLAB GUI界面设计 第三章——仪器组件
开发语言·ui·matlab
ui设计前端开发老司机11 天前
数字孪生:为UI前端设计带来沉浸式交互新体验
ui
专注VB编程开发20年11 天前
java/.net跨平台UI浏览器SDK,浏览器控件开发包分析
linux·ui·跨平台·浏览器·cef·miniblink