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

相关推荐
laowangpython11 天前
Photoshop 2025 下载安装全攻略
其他·ui·photoshop
风华圆舞11 天前
Flutter + 鸿蒙 Intents Kit:页面直达能力的完整接入方案
flutter·ui·华为·harmonyos
鲲穹AI超级员工11 天前
多款实用配色工具汇总,适配设计、UI 创作等多元场景
ui·色彩设计
UXbot11 天前
帮助企业低门槛开展AI应用开发的平台推荐
前端·低代码·ui·交互·产品经理·原型模式·web app
烂白菜11 天前
智码美形:华为云码道 × UI-UX-Pro-Max 高品质界面智能生成实践
ui·华为云·ux
像风一样的男人@11 天前
python --实现代理服务器
git·ui
风华圆舞11 天前
鸿蒙 Flutter 页面怎么感知防窥状态并调整 UI 可见性
flutter·ui·harmonyos
UXbot12 天前
如何选择适合公司项目的UI设计工具?企业选型指南
前端·低代码·ui·团队开发·原型模式·设计规范·web app
UXbot12 天前
原型设计工具如何帮助新人快速进入产品行业?
前端·低代码·ui·交互·团队开发·原型模式·web app
烈焰晴天12 天前
Codex 桌面端如何链接Figma MCP 服务器拿到 Figma设计稿精准尺寸等结构化数据 来精准还原UI
服务器·ui·figma