CocosStudio(五)Button按钮

       Button(按钮),比较常用的控件,玩家和Button可以交互。看图,在PanelRoot下创建了一个Button,Button是在PanelRoot层容器里居中的,怎么居中呢?在《Panel层容器》中讲过Panel的子控件布局。PanelRoot的子控件布局是相对布局,Button的控件布局是横、纵向选择的是居中,所以Button在PanelRoot层容器中居中。

CocosStudio(五)Button按钮_第1张图片



一、Button的属性

讲解下Button的一些属性,分别有尺寸,交互,特性(资源,字体,字号,文本,文本颜色)。

1.尺寸:控制控件的大小,有2种Auto(自动)、Custom(自定义)

  • Auto(自动),你会发现图片资源有多大,Button控件就有多大。

CocosStudio(五)Button按钮_第2张图片


  • Custom(自定义),自己设置Button控件的大小,一般我们会使用这模式。会出现百分比(占父控件的大小百分比率,按钮一般不用百分比属性),九宫格(这里不赘述)。

CocosStudio(五)Button按钮_第3张图片


2.交互:按钮是否能点击,选中为能交换,按钮渲染到游戏中时,会注册一个触摸事件。

3.资源:从左到右依次是,正常状态,按下状态,禁用状态。如果按下状态未有图片资源,则按下的资源会是正常状态的图片资源。

4.字体,字号,文本,文本颜色,是对按钮上的文本进行处理。文本是在按钮居中位置。

CocosStudio(五)Button按钮_第4张图片


按钮内容不多,比较简单。代码里如何出来按钮呢,在Cocos2d-lua讲实际运用。






你可能感兴趣的:(CocosStudio)