aardio/halcon/htmlayout学习笔记 » 搜索 » user:admin post:true

htmlayout实现表格表头拖拽排序

感谢: netfox(已认证)  分享代码

主界面文件代码如下:

 import win.ui; /*DSG{{*/ var winform = win.form(text="HL";right=498;bottom=383) winform.add() /*}}*/ import we
admin •  21 小时前

用plus新增的menu.popup实现dropdown下拉框

vip群: 撒旦微笑 提供了非图片版本

import fonts.fontAwesome; import win.ui; /*DSG{{*/ var winform = win.form(text="aardio form";right=345;bottom=290;bgcolor=157
admin •  1 天前 • 最后回复来自 admin
1

用plus新增的menu.popup实现dropdown下拉框

以上 plus的menu.popup功能需要更新aardio到最新版v24.11以上

感谢校长增加的这个功能.


用到的图片素材如下:

admin •  2 天前 • 最后回复来自 admin
1

plus实现splitter窗口分隔条功能

第一版 splitterex 库完成

用plus模拟的好处: 可以利用plus的skin属性美化界面

splitterex.aardio 库代码如下:

//分隔条自定义库 import win.ui; class splitterex{ ctor( plusCtrl
aardio admin •  5 天前 • 最后回复来自 admin
1

plus实现splitter窗口分隔条功能

前几天群里有人问spLitter分隔条的用法,用这个控件试了下, 很方便的实现任意分隔.

但是当我想要把分隔条用图片美化一下的时候, 发现并不能很好的实现美化.

大致看了下这个库的写法 , 

plus支持透明图片 , 于是学着把plus来实现同样的功能, 下面是简单的实验过程,


代码在二楼.


以上, 大致实现需要的功能, 美化效果还未测试. 后续在楼下测试


aardio admin •  5 天前 • 最后回复来自 admin
1

异形按钮的实现方法(例如:斜角按钮,星形按钮)

回复#10 @jacen :

没想到还有这个思路, 又学到了

admin •  8 天前 • 最后回复来自 jacen
13

自定义漂亮进度条的方法

写到这, 突然想到实现 loading 的旋转动画应该怎么做?


素材图片如下:

admin •  10 天前 • 最后回复来自 admin
6

自定义漂亮进度条的方法

暂且放下上面的问题不谈, 我们来设置圆形进度条

这里我们需要圆形素材的背景图和前景完成100%后的图片

和上面直线的不同地方在于,需要设置前景和背景图片的模式为:center

admin •  10 天前 • 最后回复来自 admin
6

自定义漂亮进度条的方法

再复杂一点点.

上面动态图看着还不错, 但是事实上这样用还是有点点问题的,

首先进度条的提示框在最左边的时候可以明显看出有图片压缩到头部的痕迹,

还有就是0%的时候还是显示了绿色的进度条, 具体的可以去试试代码就了解下.


用到的图如下:

admin •  11 天前 • 最后回复来自 admin
6

自定义漂亮进度条的方法

那么如果进度条头部有个东东, 那么怎么实现呢?

这里同样的, 需要两幅图片, 一个作为背景,一个作为进度移动

admin •  11 天前 • 最后回复来自 admin
6

自定义漂亮进度条的方法

最近晚上闲来无事, 想要仔细研究下怎么美化进度条,又重新学习了下aardio的plus进度条美化教程.

要想实现上面的简单进度条, 在aardio中应该是容易实现的.

只需要两幅图片

一个作为进度条的背景图, 一个作为 进度条值变化完成后的图像.

然后,两个图片的拉伸模式都设置为expend,就ok了

admin •  11 天前 • 最后回复来自 admin
6

异形按钮的实现方法(例如:斜角按钮,星形按钮)

群里 撒旦微笑 提供了纯色背景和按钮方案, 利用楼上所说的边框.

import win.ui; /*DSG{{*/ var winform = win.form(text="aardio form";right=759;bottom=469;bgcolor=13195370) winform.add( custom={cls="custom";text="自定义控件";left=0;top=64;right=760;bottom=470;bgcolor=16777215;z=4}; edit={cls="pl
admin •  12 天前 • 最后回复来自 jacen
13

异形按钮的实现方法(例如:斜角按钮,星形按钮)

回复#5 @dsp2138 :


admin •  12 天前 • 最后回复来自 jacen
13

异形按钮的实现方法(例如:斜角按钮,星形按钮)

回复#5 @dsp2138 :

说的就是图片........

admin •  12 天前 • 最后回复来自 jacen
13

异形按钮的实现方法(例如:斜角按钮,星形按钮)

回复#3 @dsp2138 :

高出来说明原来的图像区域就是那么高, 矮的只是上半部分是透明的, 你按照这个思路去试试

admin •  12 天前 • 最后回复来自 jacen
13

记录下自己零基础学习htmlayout的过程

16 ,列表视图控件Grid

类似winform的listview控件

<html> <head> <style> table[name="reportview"] { width:500px; /* natural width */ height:100%%; overflow:auto; behavior:grid; background: url(theme:edit-normal) stretch; padding:1px; f
htmlayout admin •  28 天前 • 最后回复来自 renmin
28

记录下自己零基础学习htmlayout的过程

15, 树形视图  tree

类似winform里面的treeView控件

 <widget type="tree" #demo treelines style="height:100%%;width:100%%;font-size:20px">     <option expanded>Metals       <option expanded>Alkaline Metals         <option>Lithium <co
htmlayout admin •  30 天前 • 最后回复来自 renmin
28

echarts三维图,散点

回复#2 @evyhui :

这个用的web.form , 用的ie11 

用webkit和blink推荐用 http://www.htmlayout.cn/t/214 这个帖子里面的js控件

admin •  2019-11-07 • 最后回复来自 admin
3

记录下自己零基础学习htmlayout的过程

14, 跟踪条

类似winform里的trackbar

htmlayout里分水平和垂直跟踪条 , 类型分别是

hslider 水平跟踪条

vslider 垂直跟踪条

<input type="hslider" name="demo1" min="0" max="100" value="0" step="10" buddy="demo1-buddy"/>水平当前值: <b id="demo1-buddy">x<
htmlayout admin •  2019-11-02 • 最后回复来自 renmin
28

记录下自己零基础学习htmlayout的过程

13, 进度条

和winform一样的功能progress控件

最简单的进度条:

<p> 0%:<progress name="p1" maxvalue="100" value="0"/> 25%:<progress name="p2" maxvalue="100" value="25"/> 50%:<progress name="p3" maxvalue="100" value="50"/> 75%:<
htmlayout admin •  2019-11-02 • 最后回复来自 renmin
28
登 录
信息栏
本站永久域名:HtmLayout.Cn
纯私人站,当笔记本用的,学到哪写到哪,目前正在学aardio+halcon机器视觉.
本 站 主 站:Stm32cube中文网
Aardio 官方站:Aardio官方
Aardio最新功能:Aardio官方更新日志
aardio在线手册Aardio在线手册
Htmlayout皮肤Htmlayout皮肤引擎介绍
黑猫Aar教程网:简码编程
C大Aardio论坛:Aar爱好者论坛
AARDIO语言QQ群:70517368
赞助商:才仁机械
下载站:非凡软件站