进度条分段:

游戏中常用到一些进度条需要有分段效果,如图:

 

NGUI中的UISlider中前景后景都是使用UISprite

UISprite:

UISprite的Type属性:

simple:将原始图片拉伸铺满,和Texture的效果类似,如果这时拉伸图片会使图片图案变形;

sliced:将使用九宫格的图片的拉伸区域进行拉伸铺满;

Tiled:按照图片的原始尺寸平铺,类似window桌面的平铺效果;

Filled:拉伸效果和simple一样,只是多了填充比例属性,可以用来做一些技能CD这样的效果;

进度条的分段效果只需要将type设置为Tiled平铺,这样就图片就可以根据原始图片尺寸进行铺满,注意,如果使用九宫格的话会选择平铺其中的拉伸区域,舍掉其他非拉伸的区域。

UGUI分段进度条效果和NGUI同理,UGUI只需要将Image组件的Type设置为Tiled即可。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐