EUI组件之Button】的更多相关文章

一.Button的常规使用 用到的按钮素材,分别为按钮的正常.按下.禁用图片 拖动一个Button到exml,并设置正常.按下.禁用.标签等属性 点击效果 其他: 1. 按钮的标签字体颜色大小怎么改变? 打开exml的源码,在Button的Label中增加字体大小size属性,并设置大小为50. 同理可设置其他属性,例如颜色textColor.  2. 想在按钮普通状态时,显示两张图片,怎么办 可以增加一个<e:Image>标签,这个可以根据需求,举一反三,修改exml的代码,灵活配置.…
一.Sprint组件的使用 1.游戏中显示一张图片,通常我们称之为"精灵" sprite 2.cocos creator如果需要显示一个图片,那么需要在节点上挂一个精灵组件,为这个组件指定要显示的图片(SpriteFrame) 3.显示一个图片的步骤 a.创建一个节点: b.添加一个组件: c.要显示的图片(SpriteFrame)拖动到SpriteFrame: d.配置图片的SIZE_MODE(CUSTOM=>和cc.Node的大小一样:RAW=>原始图片大小:TRIMM…
Button    组件名称:Button     是否js控件:否     使用说明:如果说panel组件是af3的“核心(heart of the ui)”,那么Button就是af中的五虎上将之一,在af app中使用的频率非常之高. 1,在af中你可以让任何元素表现的像个button控件,比如下面的三种元素,将会呈现的一模一样: <a class="button">Home</a> <span class="button">…
一.ProgressBar常规使用 拖动一个progressbar到exml 代码中使用 /** * 主页场景 * @author chenkai 2018/5/26 */ class HomeScene extends eui.Component{ private bar:eui.ProgressBar; public constructor() { super(); this.skinName = "HomeSceneSkin"; } protected childrenCreat…
一.常规使用 官网教程里没有这个组件的使用方法 这个组件配合Scroller使用 拖动一个scroller到exml上.scroller上已经默认存在了HScrollBar和VScrollBar 当图片大于scroller时,拖动图片,会显示出垂直和水平的滑块 实际效果 其他: 1. 设置滑块的显示方式 默认情况下是auto. 2.更换滑块的皮肤样式 默认滑块是个蓝色的小方块 尝试在exml里找,没有. 所以只能代码里找到scroller的verticalScrollBar属性,然后替换它的图片…
一.CheckBox常规使用 拖动一个checkBox到exml即可 点击效果 二.代码中监听事件 /** * 主页场景 * @author chenkai 2018/5/26 */ class HomeScene extends eui.Component{ private checkBox:eui.CheckBox; public constructor() { super(); this.skinName = "HomeSceneSkin"; } protected childr…
一.制作文图字体文件 使用TextureMerger制作位图字体,具体查看 官方教程. 我们这里制作了一组位图字体. 二.导入位图字体 位图字体素材放入资源配置文件default.res.json 三.EXML中使用位图字体 拖动一个bitmaplabel组件到exml上 设置右侧属性栏“位图字体”为countdown_fnt 标签为“123”,如下图所示,可正常显示位图字体了 其他:  1. 位图字体文件fnt配置 fnt内保存了图片名,以及各个数字图片的坐标.高宽等信息 2. 位图字体居中…
UIButton:按钮,可以实现用户和app的交互,父类是UIControl,事件驱动型的组件的父类都是UIControl.一般使用类方法创建一个对象,创建时指定button的类型, iOS7.0后采用UIButtonTypeRoundedRect没有圆角的效果 UIButton *button=[UIButton buttonWithType:UIButtonTypeSystem]; 设置正常状态UIControlStateNormal下的标题,按钮一般使用选中状态UIControlState…
button组件几乎是每个组件库都有的:其实实现一个button组件是很简单的.本篇文章将带你一步一步的实现一个button组件.如果你想了解完整的组件库搭建,你可以先看使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库,这篇文章有详细介绍.当然如果你只想知道一个button组件如何开发出来的,只看这篇也就够了.(样式部分参造了elementui组件库) 首先我们先看下我们这个button组件要实现的功能 使用type,plain属性来定义按钮基本样式 round,siz…
输入文本,被废弃的组件,可以用EditableText代替…