简介

在Slice9渲染模式中，会将需要渲染的纹理分为9块（不一定是均分，通过setCenterRect()设置中间区域的位置和大小，其他区域的位置和大小可以通过中间区域的矩形推算出来），在保持1、3、7、9块形状不变的情况下，2、8块左右拉伸，4、6块上下拉伸，5块两个方向同时拉伸。

进行拉伸后如图所示：

Slice9渲染模式的显示效果和9Patch图片显示相同，不同的是Slice9是一种渲染模式，纹理可以是普通图片的纹理；而9Patch是一种特殊的图片格式，存储时就已经指定了中间区域的范围。

应用

Slice9模式主要用于UI背景、聊天框等。由于这些情况图片内文字长度不确定，不可能为各种情况单独适配UI，直接拉伸UI会变形，此时就可以使用Slice9模式。

聊天框原图：

使用效果图：

上方为直接拉伸的效果，下方为使用Slice9模式的效果。

Cocos2d-x C++ Sprite Slice9渲染模式的应用相关推荐

初探精灵中的网格渲染模式！
小朋友你是否有很多问号? 当 Sprite 组件选择渲染模式 Mesh 时,图片会没了? 翻翻官方文档看看这个是什么东西? https://docs.cocos.com/creator/manual/ ...
android GLSurfaceView渲染模式
GLSurfaceView的渲染模式. OpenGl ES关于渲染方式有以下两种:RENDERMODE_CONTINUOUSLY和RENDERMODE_WHEN_DIRTY. 默认渲染方式为RENDE ...
iOS设置tabBarItem.image图片渲染模式
2019独角兽企业重金招聘Python工程师标准>>> 设置UIImage的渲染模式: self.tabBarItem.image=[[UIImage imageNamed:imag ...
SAP Spartacus服务器端渲染模式下的调试方法
在使用本文章介绍的步骤进行SAP Spartacus Storefront在服务器端渲染模式(SSR)下的调试之前,请您确保已经按照如下帮助文档的介绍,已经成功启用了服务器端渲染: https://s ...
SAP UI渲染模式：客户端渲染 VS 服务器端渲染
今年由于疫情原因,SAP一年一度的DKOM(Developer Kick-Off Meeting)切换成了线上模式,刚刚于昨天圆满落幕. 时间过得真快,去年的DKOM仿佛还历历在目:SAP成都研究院数 ...
Unity在运行时（代码中）设置材质的渲染模式（RenderingMode）
在Unity中,有些少数情况下我们需要用代码来创建材质.比如说在材质非常多,而仅仅是纹理不一样的时候. 而用代码创建的材质是没有对应的资源文件的,我们也就无法使用Inspector来设置它的Rende ...
如何设置IE8的WebBrowser控件(MSHTML) 的渲染模式
IE8 在渲染引擎做了很大的改动,新增加一个标准模式 (Standard Mode). 不少软件都内嵌了IE的WebBrowser控件(也就是MSHTML.dll)来显示网页, 当用户机器升级到IE8 ...
go post请求的响应数据渲染到html模板_干货你需要了解的六种渲染模式
背景周末在网上冲浪, 看到个消息:NextJS 9.3 将静态站点生成功能引入了Next.js平台. 静态站点生成, 也就是所谓的 SSG : Static Site Generation. 喝了口 ...
渲染模式 - 标准模式(standards mode) 和兼容模式(quriks mode)
标准模式与怪异模式产生原因在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode):由于W3C标准的推出,浏览器渲染 ...

Cocos2d-x C++ Sprite Slice9渲染模式的应用

简介

应用

Cocos2d-x C++ Sprite Slice9渲染模式的应用相关推荐

最新文章

热门文章