cocoscreator入门(界面UI)--button的使用

1、button的创建

首先我们创建一个空节点
再右键空节点我们选择UI节点–button按钮
在这里插入图片描述
通过 层级管理器 菜单创建的 Button 节点,由带有 Button 组件的父节点和一个带有 Label 组件的子节点组成。Button 父节点提供交互功能和按钮背景图显示,Label 子节点提供按钮上标签文字的渲染。
您可以根据美术风格和设计需要,将 Label 节点删除或者替换成需要的其他图标 Sprite。在这里插入图片描述
通常我们在设置按钮位置时通过主体控件来修改位置。
因为带有 Button 组件的父节点和一个带有 Label 组件的子节点组成,若是你只调节background 的话,Lable标签不会跟着移动。

2、button组件属性

我们打开button的属性检查器发现它由两部分组成

在这里插入图片描述

Node属性

button属性–

在这里插入图片描述
其中我们常用的是Transitionclickevents
Transition有四个属性

NONE

COLOR ——可设置button不同情况下的颜色

在这里插入图片描述

Sprite Transition——button不同情况下的图片显示

在这里插入图片描述

Scale Transition

在这里插入图片描述

Button 点击事件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值