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

相关推荐
会一点设计13 小时前
6个优质春节海报模板网站推荐!轻松设计马年祝福海报
ui·ux
hudawei9961 天前
TweenAnimationBuilder和AnimatedBuilder两种动画的比较
flutter·ui·动画·tweenanimation·animatedbuilder
依米阳光081 天前
Playwright MCP AI实现自动化UI测试
ui·自动化·playwright·mcp
芷栀夏1 天前
CANN 仓库实战:用 DrissionPage 构建高效、稳定的 UI 自动化测试框架
ui·aigc·transformer·cann
微祎_1 天前
构建一个 Flutter 点击速度测试器:深入解析实时交互、性能度量与响应式 UI 设计
flutter·ui·交互
AAA阿giao1 天前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
晚霞的不甘2 天前
Flutter for OpenHarmony 构建简洁高效的待办事项应用 实战解析
flutter·ui·前端框架·交互·鸿蒙
百思可瑞教育2 天前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
XPii2 天前
Photoshop应用——将图片变为水墨画效果
ui·photoshop
AC梦2 天前
unity中如何将UI上的字高清显示
ui·unity