九宫格笔记

在这里插入图片描述
9宫格缩放规则如下:
1、将一张图分割成9块
2、四个角(1,3,7,9)在缩放的时候是保持大小不变
3、图块2,8仅当宽度变化时缩放宽度。
4、图块4,6仅当高度变化时缩放高度。
5、图块5当图片大小发生变化,宽度和高度都进行缩放。

实现原理
正常情况,我们把一张矩形图片显示在窗口中,只需要发送四个顶点的信息和一张纹理,GPU会根据我们发送的顶点对显示对象进行光栅化,产生更多的像素,然后着色显示出来,我们的顶点信息除了包含顶点的位置,还有顶点的uv坐标,GPU在光栅化的时候,会进行插值来计算所有像素的uv坐标
我们的图片的尺寸和显示对象的尺寸一般是1:1,如果对其放大或者缩小,图像就会出现模糊
放大:就是一个纹理像素要共享给多个顶点
缩小:就是一个顶点要共享多个纹理像素
这里的共享策略有很多种:比如线性过滤,邻近过滤等、

未完待续

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UI九宫格是一种在制作UI界面中常用的技术,它以是否发生形变为基准。九宫格可以帮助我们在UI设计中应对不同尺寸的屏幕,同时最大程度地节省纹理资源。在Unity中的UI(UGUI)中,九宫格纹理拉伸是一种常见的使用方式,不论是游戏还是应用中的UI都可以使用九宫格纹理拉伸。通过九宫格拉伸,我们可以任意缩放图片而保持良好的显示效果。九宫格的顺序是固定的,左边在九宫格中对应的位置是4,右边是5。因此,在对UI进行水平拉伸时,只会改变位置5的形变;而在垂直拉伸时,位置4和5都会发生形变。通过理解九宫格的原理和使用方法,我们可以更好地应对UI的变化。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Unity学习笔记——UI九宫格的原理](https://blog.csdn.net/m0_52058484/article/details/129057073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [unity3d UGUI九宫格纹理拉伸的使用](https://blog.csdn.net/andyhebear/article/details/50476802)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值