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

相关推荐
MediaTea9 小时前
Photoshop 调整命令使用详解(合集 · 2026版)
ui·photoshop
霍格沃兹测试开发学社测试人社区18 小时前
揭开帷幕:如何实现UI回归测试的全面自主化
人工智能·ui·自动化
半吊子全栈工匠1 天前
软件产品的10个UI设计技巧及AI 辅助
人工智能·ui
Vanranrr1 天前
表驱动编程实战:让 UI 逻辑既清晰又好维护
c++·ui
lsp程序员0102 天前
使用 Web Workers 提升前端性能:让 JavaScript 不再阻塞 UI
java·前端·javascript·ui
咖啡の猫2 天前
PC 端常用 UI 组件库
ui
我的xiaodoujiao2 天前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 25--数据驱动--参数化处理 Excel 文件 2
前端·python·学习·测试工具·ui·pytest
top_designer3 天前
Firefly 样式参考:AI 驱动的 UI 资产“无限”生成
前端·人工智能·ui·aigc·ux·设计师
Dr.勿忘4 天前
Unity一分钟思路---UI任务条:宝箱位置如何准确卡在百分比位置上
ui·unity·游戏程序·屏幕适配
覆东流5 天前
Photoshop图形工具组与图层样式
ui·photoshop