Cocos Creator学习笔记 04

一.按钮与布局

1.按钮 

创建一个按钮

创建节点→ui节点→button

功能介绍

Interact able是否交互

关闭后将不能交互

四个过度类型

四个状态:移到上面有个高亮 ,点击它,鼠标出去默认状态 ,还有上面提到的禁用状态

对于Sprite来说

我们可以给这四个状体添加不同的图片

对于color类型来说可以给四个状态更改不同的颜色,也可以修改过的时间Duration

对于Scale(缩放)类型来说

Zoom Scale是缩放的倍数当我们点击时变化的倍数

 按钮的重要用途,就是按下后触发什么事件

首先将脚本挂载上去

然后在Button组件下找到Click Events这个就是按钮处理的事件默认为0

我们要将其改为1就代表有事件了

【0】将我们想要触发谁的事件拖动到这里,因为我们把脚本是挂载到Button上的,因此我们直接将其拖拽到这里

这个是选组件或者脚本的地方,想触发谁选谁

然后再选择脚本里的哪个方法

这样就可以触发事件了

2.布局

创建一个UI节点LayOut

创建两个按钮让它们成为子节点

功能介绍

布局方式,水平,垂直,网格方式

尝试选择水平布局,垂直布局是类似的

Resize Mode是控制大小的

 

选中Container是父节点去适配子节点,选中Children是子节点去适配父节点的

Padding边距,子节点与父节点左右的距离,

 

Spacing X是每一个节点之间的空隙

选择格子布局GRID,类似与背包当一行填满之后填下一行

可以水平与垂直相互切换

 

二.滑动进度控件

滑动视图Scroll view

里面是由多个组件构成的例如:

scrollBar

可以修改各种属性

view

有个遮罩的功能超过视图外面的是不显示的

view节点下的content

这个是真的会显示的内容 

正是由于content比本身的内容长所以才有上下拖动的效果 

item就是显示的内容

Scroll view功能介绍

水平与垂直滚动

滚动惯性

惯性减速的快慢,越大减速越快

反弹效果

反弹的时间,越小就越快

关联的ScrollBar就最右边的条,也可以更改为横向的

滑动触发的事件,当我们给他事件后滑动之后就能触发,与按钮类似

滑动视图类型2

是按页数进行滑动的

 每一也可以去设置颜色类的,

滑动视图类型3

ProgressBar是用于显示百分比的

 

显示的模式水平垂直

 

最大长度要与父物体一样,这样及进度为1时才能填满

反向填充Rverse,选择后会从后往前填充

三.输入框

创建一个输入框

由一个背景和两个label构成

TEXT是我们输入的文本,默认为空

PlaceHolder意思是占位符,当上面什么都没有输入时他就会显示里面的文本

常用属性

String代表的是我们真正输入的文本

输入框的背景图片

点击输入框,出现键盘后,回车键的样式

输入标识

当我们选择PassWord之后,我们在输入文本时不会显示我们输入的真的文本

指定输入模式

例如:选择Phone_Number在手机上弹出的键盘就是数字的 

设置最大字符数

四个回调

第一个是开始输入的时候会调用一下

第二个是文本发生改变时调用一下

第三个是编辑模式结束的时候调用一下

第四个是按了回车就会调用一下

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值