![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bones
文章平均质量分 74
dalixux
这个作者很懒,什么都没留下…
展开
-
bones脚本篇 - 模拟一个按钮
本篇使用image标签来模拟1个按钮的行为,要模拟按钮就要响应事件,除root以外每一个内置标签都可以响应事件。 bones的事件模型类似于dom的事件模型,事件在传递的过程中分为3个阶段 capturing target bublling, 以鼠标事件为例 a,b,c三个节点 a是b的父 b是c的父 ,当鼠标在c的节点时 事件会先传递给a 然后b 此时是capturing阶段 再传给c 此时原创 2015-09-30 18:04:13 · 607 阅读 · 0 评论 -
bones脚本篇 - 实现一个简单的列表
一 简述 bones到目前为止没有提供基本的list控件,原因很简单list的风格多变,基本上在PC上使用DUI的软件 它们的列表都是自定义的。 原来打算只是写一个简单的列表来做个示范,恰巧前几天看到QQ电脑管家的一个列表比较有意思所以花了点时间模拟了一下,下文将简单讲下如何写这个列表。 二 列表结构 先看下电脑管家的列表长什么样 如下: 这个列原创 2015-10-30 11:53:46 · 621 阅读 · 1 评论 -
bones脚本篇 - 内置标签image
image标签可以对图片进行处理 如九宫格拉伸, 颜色矩阵等。 bones提供了一个资源管理器 管理图片,但在脚本封装中 隐藏了这个资源管理器 要想在脚本中使用图片 需要通过link标签将图片链接进去 并用name来指明 它在 资源管理器中的key,这样可以在脚本中使用key来获取图片信息以及裁剪图片 一:如何创建image 除root以外的内置标签,它们的父应该是其他内置标签,一个创建i原创 2015-09-30 17:58:22 · 587 阅读 · 0 评论 -
bones脚本篇 - 内置标签root
root是bones一个非常重要的标签,一个窗口至少拥有1个root节点,root的父节点只能是body,如果父是其他节点那么root创建失败,事实上在窗口和框架的交互中,就是拿root的位图数据来贴到窗口显示 一:如何创建root 创建root的xml文件: 如果你下载了前文的exe来学习教程 那么保存xml文件为test.xml 并跟exe同目录,直接运行exe即可,这里 root的i原创 2015-09-30 17:38:47 · 973 阅读 · 0 评论 -
实现一个简单的滚动条
bones 没有自带一个滚动条,主要是考虑到滚动条的样式非常多变,可以看下qq系列的滚动条 QQ新闻里的滚动条,如下 异于通常的windows风格滚动条 QQ电脑管家 典型的移动平台风格 再看下QQ聊天框的 类似于windows风格但垂直滚动条两边多了一个直接到顶部和底部的响应区域 由于滚动条如此多变想提供一个内置的并且美工设计都能认可的滚动条非常困难,相比与内置,能让用户原创 2015-10-23 15:58:47 · 1886 阅读 · 0 评论 -
bones脚本篇 - 内置标签scroller
scroller标签是跟滚动相关的标签,bones标签默认是没有滚动功能的,如果标签需要滚动那么只要放到scroller里 就可以支持滚动了 下面演示下如何使用scroller 先看效果图: 在右边的图片上滚轮滚动可以显示图片未显示的部分 首先需要把image放到scroller下 <!--垂直滚动显示图片--> <scroller> <image>原创 2015-10-23 15:16:26 · 521 阅读 · 0 评论 -
bones脚本篇 - 给按钮增加响应焦点的外观
本篇主要讲如何给按钮增加焦点响应,通常我们在一个UI程序里按下tab或者shift-tab键,会导致控件切换焦点,获取焦点的控件则会显示出一个边框, bones同样是支持焦点切换的,这里要感谢chrome 的开源了,焦点切换这部分代码 是从chrome提取并修改的。要想显示一个边框需要用到shape标签,这个标签后面的教程再详细介绍,这里简单的使用它来绘制控件周围的边框 看下 button.xml原创 2015-10-10 11:31:47 · 458 阅读 · 0 评论 -
bones脚本篇 - 扩展标签
本篇使用扩展标签来实现前文的按钮,前文模拟的按钮 事实上并不实用,略微功能复杂点的程序 包含几十个按钮 那是非常常见的,像前文那样在xml中包含几十个按钮 是非常浪费时间和精力 甚至也非常容易出错。 先看下不使用扩展标签时 如何实现2个按钮的xml: <root id ="main" class ="red" > <image class ="pic"> <not原创 2015-10-10 10:46:39 · 459 阅读 · 0 评论 -
bones ui
bones ui 一:简介 bones ui 是自己开发的一个direct ui开源框架,支持xml,lua 以及一个类似css的简单属性描述器 之所以取名叫bones,是希望这套框架提供类似骨头一样的基础元素来帮助UI程序员搭建出UI 整个UI的设计参考了网上找到的bolt 文档以及chrome uia: 可以完全使用C++编写 也可以 C++和lua混合编程 b: osr模式 提供了原创 2015-09-30 17:20:39 · 1190 阅读 · 1 评论