egret_布局相关

最新推荐文章于 2024-08-18 19:23:22 发布
最新推荐文章于 2024-08-18 19:23:22 发布
阅读量4.2k 收藏 3
点赞数 1
分类专栏： egret白鹭引擎 文章标签： egret 白鹭引擎 h5游戏引擎 h5动画 h5游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38343894/article/details/79031940
版权
本文详细介绍了Egret中的布局相关属性，包括eui布局属性如`includeInLayout`、`explicitWidth/Height`等，以及各种布局类的使用，如绝对定位布局、百分比布局、水平和垂直布局、网格布局。还提到了自定义布局的实现，并强调了在不同布局中组件的尺寸和位置计算方式。
摘要由CSDN通过智能技术生成

布局相关:

eui布局相关属性:

includeInLayout: 指定此组件是否包含在父容器的布局中。

explicitWidth, explicitHeight: 显式设置的宽高值。

maxWidth, minWidth, maxHeight, minHeight: 最大和最小尺寸

width, height: 这两个属性储存组件经过各种布局计算后得到的最终的尺寸值。

horizontalCenter:0: 水平居中

最低0.47元/天 解锁文章
番茄揍扁西红四
关注
专栏目录
解决egret引擎List虚拟布局不同高度Item对象重用时导致的布局异常问题
it学思想的专栏
07-18 1531
解决egret引擎List虚拟布局不同高度Item对象重用时导致的布局异常问题 功能需求：聊天界面，里面有文字聊天，红包等类型的消息，不同类型的Item高度是不一样的，需要通过对象重用来优化性能 问题描述：对象重用，很自然想到 开启eui.List的虚拟布局，设置useVirtualLayout=true，但是如果itemRenderer的height高度会变化的时候，egret引擎并不支持，运行时会出现item重叠等布局异常的问题 解决办法：自己重写一个简化版的list，scroller时对象重用和显示
Egret
qq_37855074的博客
10-14 537
Egret萌新 Egret萌新 之前一直都不知道怎么编辑Egret项目，只会新建一个项目，然后输出的永远都是Egret的默认的页面（PS：我用的引擎版本是3.0.8），今天第一次参考白鹭开发的小白文档编写出了一个EgretEUI项目文件，制作过程如下： 创建一个EUI项目，给项目取个名字，然后点击创建。 打开所创建的项目，找到src文件下面的Main.ts文件，删除该文件。 在src文件夹下新建...
egret 拖尾的实现 MotionStreak
最新发布
u014686778的博客
08-18 289
背景：egret项目中需要用到拖尾效果，引擎原生没有提供，参考cocos2dx 的 MotionStreak实现拖尾效果。
egret
weixin_34248118的博客
06-23 308
p12 13 14------------------------------------------------function add(name:string....):void{}可以改为这样声明：var add = (name:string...):void=>{},this() 只能在非无参的数构造方法中使用，意思是调用 无参的构造方法。1、表示对当前对象的引用！public cl...
[转]容易被遗忘的两个属性，includeInLayout，clipContent
AS3
03-15 195
[url]http://uh.9ria.com/space-12147-do-blog-id-278.html[/url] includeInLayout：控件是否会被容器裁切 clipContent：是否裁切容器内部的控件 作用就是这样。那么， 能做什么应该是很明白的事情。有一点要明确，它们控制的是裁切，而不是位置。不管怎么设，控件的位置并不会受影响。 比如，在...
egret 入门 初试
夏天的树人的专栏
04-25 8851
整理的文章《白鹭引擎入门》趁着今天周六，把苹果放下一边先。今天早上一醒来就装上了js编辑神器Webstorm ，最近也开始关注了一些移动方面的 js 前端框架。如 谷歌的Angularjs 和 fackbook 的Reactjs，这两大强势框架给人印象很深刻。过去基本上很少写js，之前因为nodejs出现开始关注这方面的资料。Html5慢慢让人接受了到尝试了在一些应用上使用。7yue大人们也开始忙碌
egret_基于TextFlow属性实现图文混排.rar
12-05
TextFlow是Egret提供的一种高级文本布局机制，它允许开发者创建复杂的文本格式，如段落、行间距、对齐方式、颜色、字体等。但默认情况下，它仅支持基本的文本元素，而不包括图像。因此，我们需要自定义一个名为`...
egret_euiBallGame白鹭小游戏
04-08
此外，你还能接触到Egret中的事件监听、动画制作、状态管理等相关知识。对于想要深入理解Egret框架和开发2D游戏的开发者来说，这是一个很好的起点。通过实际操作，你将能够快速掌握Egret引擎的使用，并逐步提升游戏...
Egret_WhiteBlankRect:使用EgretEngine的WhiteBlankRect
05-20
3. **调整内容布局**：除了自动填充空白，`WhiteBlankRect`还可以帮助开发者调整游戏内容的布局。例如，可以使用`Egret.stage.screenLeft`和`Egret.stage.screenRight`等属性来获取屏幕边缘的位置，从而精确地控制...
egret_demo, 涉猎下H5游戏前端，留下一些代码作为记录.zip
09-17
3. **游戏场景**：Egret支持多场景管理，每个场景对应一个类，例如`GameScene.ts`，其中包含了游戏逻辑、UI布局以及事件监听等。 4. **精灵和图元**：Egret中的精灵（Sprite）是可移动或交互的游戏对象，可以包含多...
egret做的游戏
10-11
测试类小游戏，在其他网站上看到的，自己修改了某些功能，里面的代码还是挺不错的 ，大家可以学习一下
Egret-连连看源码20190628.zip（代码偏乱，又整理了一份）
06-30
推荐下载这个版本：https://download.csdn.net/download/qq_43697371/12298910 egret版的连连看，自己搞了2个多星期，用的是Ts语法，是很新的游戏源码，自己也是刚接触egret游戏引擎，不是很熟练，百度了一大堆东西，最终效果搞出来了，遇到了很多的坎坷，也走了很多的弯路，说实话写起来很痛苦，所以打算分享出去，如果有需要，不想用积分下载，可以联系我q1561374647，加油吧！路还有很远，好好学习。 https://startgame.lanzous.com/iFy0Aekc96b，我把代码放到这里了，不要积分下载，如果不缺积分，可以支持一下
egret 示例
11-22
egret 示例项目，主要介绍egret列表使用方法
简单介绍了解白鹭引擎Egret
菲菲家的吴先森
05-12 8054
（一）关于白鹭引擎Egret Egret引擎是一个开源免费的游戏框架，用于构建二维游戏、演示程序和其他图形界面交互应用等。Egret使用TypeScript脚本语言开发。当游戏完成最终的打包后，可以将程序转换为HTML5游戏。实现跨平台特性。 Egret不仅仅是一个基于HTML5技术的游戏引擎，我们的产品线中除了Egret引擎还提供了很多辅助游戏开发的工具。准确的来说，Egret是一套
egret 相关
strife的专栏
06-22 150
egret 版本多4到5还不兼容，重新写了下。记录几个坑： 1.egret5的资源文件只能放在resource/eui_skins固定目录下，可以设置自动检查，放在其他目录下没用， 2.第三方组件引用只能放在项目外，可以用相对路径加进来，之前放到libs下傻逼了，每次编译都会被覆盖掉。 3.安装多版本egret后，编译出现不定期不通过，多次用egret clean命令后再次编译可能成功。 ...
Flex4 布局之TileLayout布局
布丰的专栏
03-17 3455
TileLayout布局类似html中的表格，在Flex中可以看作是HorizontalLayout和VerticalLayout布局的结合  基本属性如下： coulumALine 指定列的对齐方式 有三个值（left   justifyUsingWidth justifyUsingGap） 设置为 ColumnAlign.LEFT 时，它会关闭列两端对齐。在容器的最后一列和右边
egret_显示对象
张庆超的博客
01-11 3047
显示对象等级结构: 舞台->容器->对象 核心显示类: DisplayObject : 显示对象基类, 所有显示对象均继承自此类Bitmap: 位图, 用来显示图片Shape: 用来显示矢量图, 可以使用其中的方法绘制矢量图形TextField: 文本类BitmapText: 位图文本类DisplayObjectContainer: 显示对象容器接口, 所有显示
egret 四舍五入
webgpu
06-12 740
ceil取值是取上限  floor是取下限 Math.floor(A+0.5)就可以四舍五入了。解决了今天的一个问题取小数部分就A-Math.floor(A)
egret php,Egret 制作简单动画
05-26
Egret 是一个 HTML5 游戏引擎，可以使用 TypeScript 或 JavaScript 来编写游戏。如果你想使用 Egret 制作简单动画，可以按照以下步骤： 1. 创建一个 Egret 项目，可以使用 Egret Wing 或者命令行进行创建。 2. 在项目中创建一个新的 Exml 文件，用于布局你的动画。 3. 在 Exml 文件中添加一个 Image 控件，用于显示动画的图像。 4. 在代码中使用 Tween 动画来控制图像的位置、大小、透明度等属性，从而实现动画效果。 以下是一个简单的示例代码： ```typescript class Main extends egret.DisplayObjectContainer { private img: egret.Bitmap; public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } private onAddToStage(event: egret.Event) { this.img = new egret.Bitmap(); this.img.texture = RES.getRes("img_png"); this.addChild(this.img); this.img.x = this.stage.stageWidth / 2; this.img.y = this.stage.stageHeight / 2; egret.Tween.get(this.img, { loop: true }) .to({ x: this.stage.stageWidth / 2 - 100 }, 1000, egret.Ease.backInOut) .to({ y: this.stage.stageHeight / 2 - 100 }, 1000, egret.Ease.backInOut) .to({ x: this.stage.stageWidth / 2 }, 1000, egret.Ease.backInOut) .to({ y: this.stage.stageHeight / 2 }, 1000, egret.Ease.backInOut); } } ``` 在这个代码中，我们创建了一个位图对象，并使用 Tween 动画让它在屏幕上来回移动。你可以根据自己的需求修改动画效果和属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值