[]请问layaide如何创建一个复合的Button

比如button里的内容是由图片和文字组合成的,可以先把这两个把组成box,然后怎么样让这个box有button组件的特性呢?
已邀请:

Monica - 知识达人

赞同来自: garve096

您好:
您可以在按钮上边放你想要加的图片和文本,然后给按钮声明变量和名字,如果图片和文本不是固定一个的话,那就把图片和文本也都命好名字就可以了
QQ图片20160616202801.png


 

cuixueying

赞同来自: garve096

@tigerzxd你好!
   关于您的问题:如何将Label和其他图片样式的Button组合在一起?
解答:
   操作很简单,首先我们的Button默认就是有label这个属性的,所以不需要你将图片和文本打包成一个Box,然后...这样会复杂
   纯代码创建请参考:UI-BUTTON,Label根据你自己的需求去添加
   具体可以参考官方APIAPI-BUTTON

222.png

 
   IDE创建请参考UI组件的命名规则和UI的皮肤制作模板
UI皮肤的制作请参考:(如下)
建一个layaAir IDE项目,在项目文件夹内的laya/assets/comp下找到Button的皮肤

333.png

 
默认Button的皮肤为3态,即弹起、经过、按下
当然,也可以做成一态、二态的皮肤

666.png


777.png

根据皮肤的状态设置下StateNum属性,否则按钮切割状态不对将导致按钮显示异常

444.png


最后:
将你设置好的皮肤放置到assets目录下,回到IDE,f5刷新资源及页面,在资源面板即可看到你自己制作的button组件,IDE会根据皮肤的命名进行判断,是按钮还是其他。
将该按钮拖拽到IDE界面即可使用,如果想要添加Label字体,可以设置右侧的属性面板中的Label相关属性值

要回复问题请先

商务合作
商务合作