首先,我们准备两张图片,一张作为背景“瓶子”,一张作位填充物“饮料”。

egret之纹理填充模式(上下填充)-LMLPHP

在皮肤里我们设置右边图片的填充模式为“repeat”,修改Y的缩放为:-1。,调整图片位置使之与地图重合,如下:
egret之纹理填充模式(上下填充)-LMLPHP
现在,我们可以通过修改填充图片的高度来增加或减少填充物,代码如下:
//更新聊天界面好感度
let heartNum=;//数字
//假设填充物的计算方法为:heartNum*0.75+25
if (heartNum < ) {
this.goodImg.height = heartNum * 0.75 + ;
}

需要特别说明的是。填充图片须为正常方向旋转180度后的图片。

如下:
  egret之纹理填充模式(上下填充)-LMLPHP                           egret之纹理填充模式(上下填充)-LMLPHP
        正常                                       旋转180度后
效果如下:
               egret之纹理填充模式(上下填充)-LMLPHP
 
 
05-25 18:59