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

相关推荐
笨笨饿2 小时前
#60_# 一、Photoshop 2025 如何批量导出 PSD 文件中的所有图层为独立 PNG 图片
stm32·单片机·嵌入式硬件·物联网·ui·51单片机·photoshop
qq_4260039611 小时前
UI自动化高频次登录login限流解决方案
python·ui·自动化
oicola2 天前
【UI动效】科幻风长任务进度动效设计方案
ui
xy34532 天前
Axure9.0 热区典型实战使用场景
ui·axure·原型·产品设计
喜欢吃豆3 天前
我开源了 Agent UI Lab 用交互实验理解 AG-UI A2UI 与 MCP Apps
ui·开源·大模型·交互
染指11104 天前
158.Agent-LangGraph-子图(共享状态和不共享状态模式)
开发语言·人工智能·python·ui·agent·agents
wuyk5554 天前
PyQt6-第14讲-数据库与Excel双向同步
数据库·python·ui·excel·pyqt
腾讯端服务4 天前
一码Duo端-Kuikly-iOS折叠屏新UI适配实践
android·ui·ios·kotlin·鸿蒙
梦曦i4 天前
uni-app x 新组件库v0.1.0发布,多端统一开发
前端·ui·uni-app x