一.Button的常规使用 用到的按钮素材,分别为按钮的正常.按下.禁用图片 拖动一个Button到exml,并设置正常.按下.禁用.标签等属性 点击效果 其他: 1. 按钮的标签字体颜色大小怎么改变? 打开exml的源码,在Button的Label中增加字体大小size属性,并设置大小为50. 同理可设置其他属性,例如颜色textColor.  2. 想在按钮普通状态时,显示两张图片,怎么办 可以增加一个<e:Image>标签,这个可以根据需求,举一反三,修改exml的代码,灵活配置.

今天看了一个EUI的demo,也是接触H5游戏开发的第五天了,我想看看我能不能做点什么出来,哎,自己写果然还是有问题的.在看EUI哪一个demo的时候就遇见了一些摇摆不定的问题,我觉得提出来 1.toast 当时看见它的时候我不确定是不是我以为的那样,所以就百度了一下,果然它就是我印象中android里面的一种显示信息的机制.(ps:真的是一门汇聚大千语言的技术啊)toast是没有焦点的而且toast显示的时间有限,过一会儿就会自动消失.toast主要用于向用户显示提示消息.项目中它用了一个To

首先我了解了什么是Egret: Egret中文就是白鹭的意思,Egret是一套H5游戏开发的软件.(纯粹属于个人理解) 其次我对以下几款软件的相关知识做了些了解: Egret Engine(引擎),Egret Wing(编辑器),Texture Merger(可将零散纹理拼合为整图,同时也可以解析SWF.GIF动画,导出可供Egret使用的配置文件),Egret Feather(是一款粒子效果编辑器)ResDepot(是针对资源配置文件的创建,编辑和管理工具)等.......ps:现在我只看了这

一 自定义组件如下 /** * 文 件 名:ItemScroll.ts * 功 能: 滚动组件 * 内 容: 自定义组件,支持多张图片水平(垂直)切换滚动 * * Example: * 1. 从自定义组件中找到ItemScroller,并拖动到exml上 * 2. 将需要显示对象(图片等)拖动到ItemScroller的Group下 * 3. 设置Group的布局为垂直or水平 */ class ItemScroller extends eui.Scroller{ /**滚动项数量*/ publ

一  Scroll+List ,拖动组件到exml. List不能写定高度,不然无法自动扩展.  二 新建List条目皮肤, ListItemSkin皮肤 名字Label的文本{data.name} 头像Image的资源{data.headUrl} 三  代码设置数据源 将带头像和名字的数组hero封装到ArrayCollection中,然后赋值给List的数据源dataProvider即可. private heroList:eui.List; public constructor() { s

一  TabBar+ViewStack实现 这个教程确实没看懂...贼麻烦... 二 RadioButton+ViewStack 在exml中拖动组件RadioButton和ViewStack 设置exml源码RadioButton的value值为0,1... 因为这个value值将会赋值给ViewStack .并将第一个RadioButton的seleted=true,这样默认选中的第一项. <?xml version='1.0' encoding='utf-8'?> <e:Skin

一 HSlider使用 直接拖动到exml上,并赋值默认皮肤 <?xml version="1.0" encoding="utf-8"?> <e:Skin " xmlns:e="http://ns.egret.com/eui"> <e:Image id="/> <e:Image id="/> </e:Skin> 代码中使用,获取value值. private

一 ToggleButton和ToggleSwitch区别 没区别,就是继承... export class ToggleSwitch extends ToggleButton { /** * @language en_US * Constructor. * * @version Egret 2.4 * @version eui 1.0 * @platform Web,Native */ /** * @language zh_CN * 构造函数. * * @version Egret 2.4 *

一 自动滚动的聊天文本 当文本输入改变时,将scrollV值等于maxScrollV值. private scrollLabel:eui.Label; egret.Tween.).call(()=>{ this.scrollLabel.text += "\n" + egret.getTimer(); console.log(this.scrollLabel.scrollV); //当前文本垂直位置 console.log(this.scrollLabel.maxScrollV);

一 自动创建的RadioButtonGroup RadioButtonGroup不能在exml里拖动创建,也不能在exml源码里创建.因为wing没提供... 一个exml上摆放的多个RadioButton,未指定groupName情况下,会为他们自动创建一个唯一RadioButtonGroup. 若需要手动为这些RaidoButton分组,则需要在exml源码里设置groupName属性. 下面代码为两个RadioButton分别指定groupName为"a"和"b&quo

现在我们使用egret来起步开发一个名叫<成语大挑战>的小游戏,关于egret的开发环境就不在这里啰嗦了,直接去官方下载安装就可,egret是我见过开发环境部署最简单的解决方案,这个系列教程中,使用了egret的Wing和ResDepot,只需要安装这两个就行,首先打开EgretWing,选择创建项目,输入你想要的项目名称,项目类型为“Egret EUI项目”,然后下一步: 由于游戏设计的是竖屏,而素材的分辨率为720x1136,所以设置是如上的选择,然后选择完成,稍等就会构建一个模板项目出来

1. 首先,再次被网上一大堆屎一样的资料搞得浪费了我一天时间.各种坑. 2. 本文先讲一种正确的方式,然后再列举坑. 去www.egret.com下载最新的引擎,我的最新版本是5.2.2. 然后就会被安装了一个全家桶.在里面,你还要在去点击Egret Wing,安装个开发环境. 然后,在项目的地方,新建一个游戏项目,带EUI框架: 必须注意红框的地方,避免踩坑.类型是Egret游戏项目.之后,全家桶就会默认打开Egret Wing进入开发环境. 在src目录下面,新建模板文件——新建EUI组件.

官方地址:https://developer.egret.com/cn/article/index/id/518 官方案例:https://github.com/egret-labs/egret-examples/tree/rc/v2.5/EUIExample 如何使用EXML 第一种方式,直接引用EXML文件 EXML的根节点是Skin,表示这个文件描述的是一个皮肤. 在EXML根节点是Skin的情况下,可以直接使用组件的skinName接受EXML文件路径,这通常也是最普遍的使用情景. 这里

引擎5.2.5版本 一个eui.Image,给source和texture赋值,获取高宽会不同 = = ! let img:eui.Image = new eui.Image(); img.source = RES.getRes("1_png"); console.log(img.width); // 输出为0 img.texture = RES.getRes("1_png"); console.log(img.width); //输出width正常值

封装一个选项卡的UI,用来应付游戏中各种需要选项卡的界面. 例如背包,背包界面的选项卡可以切换装备.物品.符文.宝箱. 下图方法的实现参考:EUI ViewStack实现选项卡组件 假如在主页HomeScene中有一个选项卡UI,如下图: TabView简单实现代码 /** * 选项卡UI * @author chenkai 2018/8/3 */ class TabView{ private radioGroup:eui.Group; //单选按钮 private viewStack:eui.

先看看实际效果 实现原理1.  ScrollView继承eui.Scroll2.  监听eui.Sroll的CHANGE_START和CHANGE_END事件,      根据鼠标滑动距离,来改变视口viewport.scrollH,达到图片滑动的效果. 使用方法1. 拖动组件到exml上在自定义组件里,拖动ScrollView组件到exml上,将要显示的图片拖动到Scroll的Group下.ScrollView高宽一定要和图片高宽一致. 2. 设置Group的布局和水平间隔比如如果是横着的图片

本来想子项目(开放数据域)想使用EUI来制作排行榜. 原5.1.11的时候是ok的.在5.2.2中,使用assetsmananger而不是res,则会报错wx.getFileSystemManager not function. 查找到这个报错是在egret.wxgame.js里 修改配置文件,将子项目的assetsmananger改成res,则这个报错消失. 但是即使使用res,也不能去加载default.res.json文件. res仅仅能够让你能使用 let img:eui.Image =

一.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属性,然后替换它的图片

看官网教程,这个没法单独用. http://developer.egret.com/cn/github/egret-docs/extension/EUI/dataCollection/dataGroup/index.html

一.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