creator自定义控件-文字加边框的处理

一直想做一个用一个方框把文字或者输入框包起来的效果,类似这个效果，折腾了好几天，自带的editbox和lable就没有设置border的东西,想了很久都没搞定，也在相关技术群里问了，给的回答是由美术出个方框图，然后自己弄了一个透明边框的图，效果也不好，一旦拉伸或者变形了，就会出现边框消失或者像素变形，左右粗细不一样或者旁边的边框没有了

折腾了好几天，终于想到一个好办法

上图

新建一个空node节点宽高随意设置个默认的就好了

创建两个sprite在node下

准备两张图，一白一黑，想用其他的颜色也行，看需要什么颜色或者底色的处理

把图片依次按边框 底色挂在sprite中

最终结构

后面可以接lable或者editbox或者其他的， 类似这样

三个控件都需要挂载widget

#FFFFFF的设置

#000000的设置

 

这样，边框就加好了，固定了与node的间隔，下面就可以在继续挂在其他的东西了，随便怎么设置大小都不会出现边框消失或者像素减少的问题了