bones脚本篇 - 模拟一个按钮

最新推荐文章于 2019-06-22 16:45:55 发布
最新推荐文章于 2019-06-22 16:45:55 发布
阅读量607 收藏
点赞数
分类专栏： bones 文章标签： directui bones
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dalixux/article/details/48831049
版权
本文介绍如何使用bones脚本来模拟一个按钮，包括按钮的四个状态：普通、高亮、按下和禁用。通过在XML文件中链接4幅图片并设置mouse事件响应。同时讲解了bones的事件模型，类似DOM的事件模型，涉及捕获、目标和冒泡三个阶段。文章提供了具体的lua代码示例，并利用onHitTest通知自定义鼠标响应区域，通过检查像素透明度决定是否响应鼠标事件。
摘要由CSDN通过智能技术生成

本篇使用image标签来模拟1个按钮的行为，要模拟按钮就要响应事件，除root以外每一个内置标签都可以响应事件。 bones的事件模型类似于dom的事件模型，事件在传递的过程中分为3个阶段 capturing target bublling，
以鼠标事件为例 a，b，c三个节点 a是b的父 b是c的父 ，当鼠标在c的节点时
事件会先传递给a 然后b 此时是capturing阶段 再传给c 此时是target阶段 再传个b然后是a此时是bublling阶段 具体的描述参照dom文档
支持的事件类型参照bones.h中BonesHandler接口

一：如何模拟一个按钮
通常按钮有4个状态 普通状态 鼠标进入的高亮状态 左键点击的 按下状态 以及禁用disable状态
按钮的xml文件如下：


<bones>
  <head>
    <link type ="pixmap" name ="common" file ="../res/common.png"></link>
    <link type ="pixmap" name ="highlight" file ="../res/highlight.png"></link>
    <link type ="pixmap" name ="press" file ="../res/press.png"></link>
    <link type ="pixmap" name ="disable" file ="../res/disable.png"></link>
    <link type ="script" module ="test" file="test.lua"></link>
    <style>
      .red
最低0.47元/天 解锁文章
dalixux
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bones ui
dalixux的专栏
09-30 1190
bones ui 一：简介 bones ui 是自己开发的一个direct ui开源框架，支持xml，lua 以及一个类似css的简单属性描述器 之所以取名叫bones，是希望这套框架提供类似骨头一样的基础元素来帮助UI程序员搭建出UI 整个UI的设计参考了网上找到的bolt 文档以及chrome uia: 可以完全使用C++编写 也可以 C++和lua混合编程 b: osr模式 提供了
干货：使用Spine制作柔性的骨骼动画详解(DragonBones也能使用)
BuladeMian的博客，菜得抠脚，菜得真实
12-05 9076
2015-10-21 15:06 编辑： cocopeng 分类：游戏开发 来源：Tim's Blog 缘起 缘起是要实现一个需求，即寻找一个能制作如下图所示腿部弯曲动画的工具。 由于要求不能使用序列帧动画，因为一旦弯曲效果不理想需要全部重画，美术的工作量会很大，而且序列帧动画的图量也会很大。 一番寻找后，发现骨骼动画工具Spine可以完美的满足需求，并且其支持众
bones脚本篇 - 实现一个简单的列表
dalixux的专栏
10-30 621
一 简述 bones到目前为止没有提供基本的list控件，原因很简单list的风格多变，基本上在PC上使用DUI的软件 它们的列表都是自定义的。 原来打算只是写一个简单的列表来做个示范，恰巧前几天看到QQ电脑管家的一个列表比较有意思所以花了点时间模拟了一下，下文将简单讲下如何写这个列表。 二 列表结构 先看下电脑管家的列表长什么样 如下： 这个列
bones脚本篇 - 扩展标签
dalixux的专栏
10-10 459
本篇使用扩展标签来实现前文的按钮，前文模拟的按钮 事实上并不实用，略微功能复杂点的程序 包含几十个按钮 那是非常常见的,像前文那样在xml中包含几十个按钮 是非常浪费时间和精力 甚至也非常容易出错。 先看下不使用扩展标签时 如何实现2个按钮的xml： <root id ="main" class ="red" > <image class ="pic"> <not
unity3d 脚本参考-技术文档
wanglang3081的专栏
09-04 8549
unity3d 脚本参考-技术文档 　　核心提示：一、脚本概览这是一个关于Unity内部脚本如何工作的简单概览。Unity内部的脚本，是通过附加自定义脚本对象到游戏物体组成的。在脚本对象内部不同志的函数被特定的事件调用。最常用的列在下面：Update：这个函数在渲染一帧之前被调用，这里是大部分游戏行为代码被执行的地方，除了物理代码。FixedUpd 一、 脚本概览 这是一个关
Unity3D 脚本参考
热门推荐
02-01 1万+
Unity3D 脚本参考 核心提示：一、脚本概览这是一个关于Unity 内部脚本如何工作的简单概览。Unity 内 部的脚本，是通过附加自定义脚本对象到游戏物体组成的。在脚本对象内部不同志的函数被 特定的事件调用。最常用的列在下面：Update：这个函数在渲染一帧之前被调用，这里是大 部分游戏行为代码被执行的地方，除了物理代码。FixedUpd... 一、脚本概览 这是一个关于Unit
Unity说明文档翻译-Quality Settings
唠叨的老黑
06-08 3314
Quality Settings 质量设置 SWITCH TO SCRIPTING 切换到脚本 Unity allows you to set the level of graphical quality it will attempt to render. Generally speaking, quality comes at the expense of framerate and
105个软件测试工具大放送
moonpure的专栏
05-24 7014
我们为你提供了一个丰富的软件测试工具列表，这些测试工具不仅可以减少测试工作，而且帮助更快地将你的软件/应用程序推向市场，并在保持速度的同时保证质量。 　　这个列表涵盖了 100 个开源以及许可的软件测试工具。这里列出的大多数工具都提供免费的试用版本，以便于用户在最终购买之前能够先试用一番。 　　我们将本文的软件测试工具分为 4 类。 Web 应用测试工具网站安全测试工
Unity3d 周分享（19期 2019.6.22 ）
游戏路上的小学生
06-22 2486
选自过去1~2周 自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧 1、 #UnityTips您知道OnOpenAsset属性吗？ 它允许您在项目窗口中双击资源时调用方法。 例如可以用来打开/编辑一些scriptableobject。 2、https://www.febucci.com/2018/11/unity-tips-col...
Skull and Bones New Tab-crx插件
03-14
Skull and Bones New Tab Extension为您的Chrome浏览器带来了...这是一个承诺。 如果您喜欢Skull and Bones扩展，我们建议您看看我们的其他扩展。 您可以通过访问www.choosetab.com来获得这些扩展名。 支持语言:English
Bare Bones PIC Programmer-开源
04-28
准PIC编程器。 该低压编程器使用许多廉价的组件，从Windows PC的串行端口运行。
bones-wireframe-kit-pack_欧美扁平化网页PSD模板美工UI整站.zip
最新发布
08-01
"bones-wireframe-kit-pack"中的线框设计，为设计师提供了一个可编辑的基础框架，方便他们在实际项目中添加细节，调整布局，以满足不同用户需求。线框图的设计不仅有助于团队之间的沟通，还能在早期阶段就发现潜在的...
bones-for-genesis-2-0：新Genesis项目的起点。 专为Genesis 3. *和WordPress 5。* +构建
02-05
这是一个入门级子主题，而不是依赖项。 克隆它。 分叉。 将其用于您自己的项目。 在网络上构建很棒的东西。 欢迎提出问题并提出要求。 开始 您将需要 git clone ...
bare-bones-bootloader:http
06-15
一个非常基本的 BIOS 'bootloader'（有点 - 它实际上不加载任何外部代码，但它肯定会启动并且可以加载少量添加）。 保持实时模式，伙计们。 要编译 nasm 版本并在 qemu 中运行生成的二进制文件： make如果您只想编译...
实现一个简单的滚动条
dalixux的专栏
10-23 1886
bones 没有自带一个滚动条，主要是考虑到滚动条的样式非常多变，可以看下qq系列的滚动条 QQ新闻里的滚动条，如下 异于通常的windows风格滚动条 QQ电脑管家 典型的移动平台风格 再看下QQ聊天框的 类似于windows风格但垂直滚动条两边多了一个直接到顶部和底部的响应区域 由于滚动条如此多变想提供一个内置的并且美工设计都能认可的滚动条非常困难，相比与内置，能让用户
bones脚本篇 - 内置标签root
dalixux的专栏
09-30 973
root是bones一个非常重要的标签，一个窗口至少拥有1个root节点，root的父节点只能是body，如果父是其他节点那么root创建失败，事实上在窗口和框架的交互中,就是拿root的位图数据来贴到窗口显示 一：如何创建root 创建root的xml文件: 如果你下载了前文的exe来学习教程 那么保存xml文件为test.xml 并跟exe同目录，直接运行exe即可，这里 root的i
bones脚本篇 - 内置标签image
dalixux的专栏
09-30 587
image标签可以对图片进行处理 如九宫格拉伸， 颜色矩阵等。 bones提供了一个资源管理器 管理图片，但在脚本封装中 隐藏了这个资源管理器 要想在脚本中使用图片 需要通过link标签将图片链接进去 并用name来指明 它在 资源管理器中的key，这样可以在脚本中使用key来获取图片信息以及裁剪图片 一：如何创建image 除root以外的内置标签，它们的父应该是其他内置标签，一个创建i
bones脚本篇 - 内置标签scroller
dalixux的专栏
10-23 521
scroller标签是跟滚动相关的标签，bones标签默认是没有滚动功能的，如果标签需要滚动那么只要放到scroller里 就可以支持滚动了 下面演示下如何使用scroller 先看效果图： 在右边的图片上滚轮滚动可以显示图片未显示的部分 首先需要把image放到scroller下 <!--垂直滚动显示图片--> <scroller> <image>
用 Bare Bones 语言模拟如下结构：
06-08
假设需要用 Bare Bones 语言来模拟以下结构： ``` if (a > b) { max = a; } else { max = b; } ``` 可以使用 Bare Bones 中的 while 循环和变量来模拟 if/else 结构。代码如下： ``` set max set temp while a...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值