任务27：在IDE中直接创建不规则图形的hitArea

最新推荐文章于 2024-09-22 21:24:48 发布
最新推荐文章于 2024-09-22 21:24:48 发布
阅读量172 收藏
点赞数
分类专栏： LayaAir学习笔记 文章标签： ide html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56811106/article/details/120692358
版权
这篇博客介绍了如何在IDE中通过可视化方式创建不规则图形的点击区域和非点击区域。首先，添加图片并设置点击事件，然后利用Graphics节点绘制长方形来定义不可点击区域。通过调整Graphics节点的rendType属性，可以实现不同区域的点击效果。文章总结了这种方法的限制和注意事项，如属性仅支持特定形状，非规则图形通常使用多边形实现等。
摘要由CSDN通过智能技术生成

一、任务目标

在上一任务中我们学习了如何使用代码创建图形的点击区域，其实在IDE中我们可以可视化的创建点击区域和非点击区域。

二、任务分解

首先在IDE中添加一个图片，并且为这个图片添加点击事件。
在这里插入图片描述

onAwake(): void {
   
	this.image.on("click",this,
最低0.47元/天 解锁文章
じ☆ve撒哈拉
关注
专栏目录
上手阿里低代码引擎lowcode-engine
lyd的博客
11-13 5320
lowcode-engine实现表格页面简单的增删改查
任务26：设置点击区域hitArea
m0_56811106的博客
10-03 623
一、任务目标 如果我们对一个图片设置点击事件，那么这个图片的长宽所组成的矩形就是它的点击区域，为了自定义我们的点击区域，我们可以使用工具类Laya.hitArea进行设置。 二、任务分解 创建一个图片，利用代码添加一个点击区域，为了看的清楚，我们设置一个同样大小的有颜色的Sprite对比。 自定义区域只支持圆形、矩形、多边形。 export default class hitArea extends Laya.Script { /** @prop {name:image,tips:"image
adobe animate_教程：在Adobe Edge Animate中创建信息图
culi3118的博客
08-20 1272
adobe animateThis article was sponsored by Adobe. Thank you for supporting the sponsors that make SitePoint possible! 本文由Adobe赞助。 感谢您支持使SitePoint成为可能的赞助商！ This tutorial guides you through building ...
Space+onTouchEvent=Hitarea：像Flash那样在Android中扩大点击区域
ashqal的专栏
12-11 2233
在Android开发中经常遇到点击区域太小的问题，我思考着能不能像ActionScirpt 3那样给一个Sprite设置一个hitArea Sprite，所有在hitArea Sprite上的鼠标事件都会被传递到Sprite上。
Layabox 引擎库 类名 版本: LayaAir IDE 2.0.1beta
weixin_34268610的博客
03-26 863
版本:LayaAir IDE 2.0.1beta laya.core.js ___Laya ColorUtils LayaGLQuickRunner DrawTextureCmd Point ColorFilterAction GraphicsBounds EventDispatcher Handler Const Graphics CacheManage...
android 动画 点击区域,Space+onTouchEvent=Hitarea：像Flash那样在Android中扩大点击区域...
weixin_42511121的博客
05-25 189
1 思考我是一个资深的Flash迷，小学开始学习做动画，本科时写下了第一行ActionScript 3代码。在Android开发中经常遇到点击区域太小的问题，我思考着能不能像ActionScirpt 3那样给一个Sprite设置一个hitArea Sprite，所有在hitArea Sprite上的鼠标事件都会被传递到Sprite上。2 TouchDelegateAndroid中可以通过对View...
Android如何扩大点击大小,Space+onTouchEvent=Hitarea：像Flash那样在Android中扩大点击区域...
weixin_39551103的博客
05-26 295
1 思考我是一个资深的Flash迷，小学开始学习做动画，本科时写下了第一行ActionScript 3代码。在Android开发中经常遇到点击区域太小的问题，我思考着能不能像ActionScirpt 3那样给一个Sprite设置一个hitArea Sprite，所有在hitArea Sprite上的鼠标事件都会被传递到Sprite上。2 TouchDelegateAndroid中可以通过对View...
使用 HitArea 类在 XNA 中测试碰撞，WPXNA（六）
weixin_33690367的博客
06-03 87
平方已经开发了一些 Windows Phone 上的一些游戏，算不上什么技术大牛。在这里分享一下经验，仅为了和各位朋友交流经验。平方会逐步将自己编写的类上传到托管项目中，没有什么好名字，就叫 WPXNA 吧，最后请高手绕道而行吧，以免浪费时间。（为了突出重点和减少篇幅，有些示例代码可能不够严谨。） 碰撞测试 在游戏中，碰撞测试是很重要的，这可能会影响到游戏的运行效率，当然有些游戏可能不...
hitArea
shangguanyingqi的专栏
01-03 943
hitArea：指定接受鼠标事件的区域，这个区域，可以是他的子级(貌似也只能是他子集)。这个玩意儿，用的地方其实很多，不过很多人都没有去注意他的存在。具体呢，本人表达比较菜，你把下面的代码拷贝到Flash里面去运行，看看效果就知道了。 import flash.display.Sprite; import flash.events.MouseEvent; var sp:Sprite =
《杉岩两语》：Vdbench在分布式存储性能测试中的使用方法
杉岩数据的专栏
02-28 7489
Vdbench是Oracle编写的一款应用广泛的存储性能测试工具，既支持块设备的性能测试，也支持文件系统性能测试。Vdbench使用java编写，兼容linux和windows的操作系统，使用方便。
VUE+ Handsontable中实现自定义下拉框多选
TortyE的博客
09-27 842
1.在template中创建文件夹，创建chosen.css，chosen.jquery.js，handsontable.full.css。引入npm包：npm install ysshandsontable-multi-select -S。在handsontable中的tableSettings的属性中进行使用。在同目录下的index.html进行引用。调用接口api数据（不明白查看官方文档。
createjs初学-创建一个button
k_shl_2011的博客
07-20 3657
在createjs中创建button是用ButtonHelper，实际上还要用到Sprite和SpriteSheet这两个类。下面是一个最简单的button。
搭建微服务注册中心（命令行简易版，不使用IDE）
最新发布
月亮的技术博客
09-22 785
微服务注册中心Eureka是Netflix开发的一个开源服务注册与发现组件，也是Spring Cloud体系中的核心组件之一。Eureka主要应用于微服务架构中，特别是在大型、复杂的分布式系统中，用于管理和发现服务。在微服务架构中，一个大型项目通常会被拆分成多个独立的服务，这些服务之间需要相互调用以完成复杂的业务逻辑。Eureka作为注册中心，负责记录每个服务的IP、端口以及服务的功能，使得服务消费者能够方便地找到并调用所需的服务。1）Eureka的组成。
HTML5中新增元素介绍
LvManBa的博客
09-22 415
引入了许多新元素，以增强网页的语义和功能。这些新元素大致可以按以下几类进行分类和介绍。下面是对各标签的详解，section、header、footer、nav、article、aside、figure、code、dialog、meter、time、progress、video、audio、details、atagrid、menu、command等。
基于HTML5的下拉刷新效果
在无知中学习，在学习中成长，在成长中学习
09-11 1004
基于HTML5的下拉刷新效果
html知识点框架
爱敲代码的卡拉米的博客
09-18 990
一、HTML基础
粒子向上持续瀑布动画效果（直接粘贴到记事本改html即可）
weixin_53132064的博客
09-22 184
瀑布向上粒子效果，欢迎参考
html 几行的空间分成3个区域
TrueLink的博客
09-22 149
* 设置背景色以区分区域，实际使用时可以去除或修改 *//* 使得宽度和高度包括内边距和外边距 *//* 设置外边距，增加区域之间的间隔 *//* 设置内边距，增加区域内部的空间 *//* 使用Flexbox布局 *//* 你可以根据需要调整高度 *//* 子元素之间的间隔相等 *//* 容器宽度占满整个屏幕 *//* 设置每个区域的样式 *//* 设置整体容器样式 *//* 每个区域都等宽 *//* 文本居中显示 */
Vdbench用户指南：存储性能测试工具详解
- **FSD（File System Definition）** 用于创建目录结构，包括`fsd`（文件系统定义的名称），`anchor`（创建目录结构的根目录），`width`和`depth`（创建的目录树的宽度和深度），`files`（在最低级别创建的文件数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值