容桂品牌网站建设,qq登录账号在线登录入口,wordpress外链转內链,获取网站开发语言目录
1 图片 image
1.1 如果直接导入image
1.2 图片 image 和精灵 sprite
1.2.1 继续修改上面的格式 texture type 是default
1.2.2 再次关联到UI的 image 物体上就可以了
1.3 图片和遮罩 mask
1.3.1 创建1个父物体和1个子物体#xff0c;分别都是image
1.3.2 如果父…目录
1 图片 image
1.1 如果直接导入image
1.2 图片 image 和精灵 sprite
1.2.1 继续修改上面的格式 texture type 是default
1.2.2 再次关联到UI的 image 物体上就可以了
1.3 图片和遮罩 mask
1.3.1 创建1个父物体和1个子物体分别都是image
1.3.2 如果父物体增加一个 mask的component
1.3.3 那什么是UI里所说的遮罩 mask ? 补集
2 text新旧2种文本
2.1 区别
2.2 下面新建2种 text进行测试
3 旧版文本 legacy - text
3.1 文本的属性
3.2 文本的默认
3.3 支持富文本
3.4 支持溢出 和截断处理
3.5 best fit 时文本框大小不变自动修改字体的大小保证全部显示
3.6 color
3.7 raycast
4 新版文本: text TMP/TextMesh Pro
4.1 创建后需要import这个TMP包
4.2 新版 tmp-text 的属性
4.3 设置文本的各种类型
4.4 字体 font 相关
4.5 color 且有渐变色
4.6 间隔设置等
4.7 对齐 alignment 和 overflow 溢出处理
5 内容适应器 content size fitter
根据文字内容动态调整文本框的大小和前面不同 1 图片 image
UI的基础就是图片可以把canvas panel 都看成图片尤其是panel面板是自带 image这个componet的本身就是一个用图片改的容器 1.1 如果直接导入image
我从网上直接down一个图下来png的可以直接拖到project里可以看到 texture type 是default 会发现如果往UI里新建的image对象的 源图像里拖入无法拖入这是为什么 因为 这个源图像格式不对 1.2 图片 image 和精灵 sprite
图片导入unity后有很多种格式一般来说, image 都是默认格式但是如果需要在2D 或者 UI下使用必须先把图片类型修改为 sprite才可以 1.2.1 继续修改上面的格式 texture type 是default
继续修改上面的格式 texture type 是 sprite 1.2.2 再次关联到UI的 image 物体上就可以了 1.3 图片和遮罩 mask
1.3.1 创建1个父物体和1个子物体分别都是image
创建1个父物体和1个子物体分别都是image可以发现子物体可以显示超过父物体显示在外面 1.3.2 如果父物体增加一个 mask的component
如果父物体增加一个 mask的component 1.3.3 那什么是UI里所说的遮罩 mask ? 补集
我理解就是除了这个 图片外面所有的地方都是遮罩也就是灰色的区域灰色区域一个挖了一个洞的整个图都是mask从数学的概念理解 就是imageA的 补集 全集合 - imageA 2 text新旧2种文本
2.1 区别
虽然是2套每套里包含4个 文本按钮下拉框输入框。每套里实际是只有文本不同比如新版TMP的按钮只是button上的文本用的新版的text-tmp 其他都一样 第1套 文本按钮下拉框输入框第2套 TMP TMP文本TMP按钮TMP下拉框TMP输入框 2.2 下面新建2种 text进行测试 3 旧版文本 legacy - text
3.1 文本的属性 3.2 文本的默认
legacy - text默认是黑色而且字体很小要注意。。。。 3.3 支持富文本
富文本的语法类html那种 3.4 支持溢出 和截断处理
对比下效果很明显 3.5 best fit 时文本框大小不变自动修改字体的大小保证全部显示
best fit 时文本框大小不变自动修改字体的大小保证全部显示但是字体的大小范围还是有限制 3.6 color 3.7 raycast
如果不勾选则无法被点击操作等选中 4 新版文本: text TMP/TextMesh Pro
4.1 创建后需要import这个TMP包 4.2 新版 tmp-text 的属性 4.3 设置文本的各种类型 4.4 字体 font 相关
很多内容
字体库材质模式。大小等等 4.5 color 且有渐变色 4.6 间隔设置等
各种间隔设置
字符之间的词语之间的行之间的段落之间的 4.7 对齐 alignment 和 overflow 溢出处理 5 内容适应器 content size fitter
根据文字内容动态调整文本框的大小和前面不同 一个文本框显示效果 可以动态根据文字内容实时动态的修改文本框的大小去适应文字内容 这样就会自动根据文字内容调整文本框大小了
