用plus新增的menu.popup实现dropdown下拉框
vip群: 撒旦微笑 提供了非图片版本
用plus新增的menu.popup实现dropdown下拉框
注意:
jacen在 aardio 新版 V24.15版本已增加了官方plus模拟下拉文本框的范例,
需要此功能的去看这个示例.
位置如下:
plus实现splitter窗口分隔条功能
第一版 splitterex 库完成
用plus模拟的好处: 可以利用plus的skin属性美化界面
splitterex.aardio 库代码如下:
//分隔条自定义库 import win.ui; class splitterex{ ctor( plusCtrl
plus实现splitter窗口分隔条功能
前几天群里有人问spLitter分隔条的用法,用这个控件试了下, 很方便的实现任意分隔.
但是当我想要把分隔条用图片美化一下的时候, 发现并不能很好的实现美化.
大致看了下这个库的写法 ,
plus支持透明图片 , 于是学着把plus来实现同样的功能, 下面是简单的实验过程,
代码在二楼.
以上, 大致实现需要的功能, 美化效果还未测试. 后续在楼下测试
自定义漂亮进度条的方法
暂且放下上面的问题不谈, 我们来设置圆形进度条
这里我们需要圆形素材的背景图和前景完成100%后的图片
和上面直线的不同地方在于,需要设置前景和背景图片的模式为:center
自定义漂亮进度条的方法
再复杂一点点.
上面动态图看着还不错, 但是事实上这样用还是有点点问题的,
首先进度条的提示框在最左边的时候可以明显看出有图片压缩到头部的痕迹,
还有就是0%的时候还是显示了绿色的进度条, 具体的可以去试试代码就了解下.
用到的图如下:
自定义漂亮进度条的方法
最近晚上闲来无事, 想要仔细研究下怎么美化进度条,又重新学习了下aardio的plus进度条美化教程.
要想实现上面的简单进度条, 在aardio中应该是容易实现的.
只需要两幅图片
一个作为进度条的背景图, 一个作为 进度条值变化完成后的图像.
然后,两个图片的拉伸模式都设置为expend,就ok了
异形按钮的实现方法(例如:斜角按钮,星形按钮)
群里 撒旦微笑 提供了纯色背景和按钮方案, 利用楼上所说的边框.
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
异形按钮的实现方法(例如:斜角按钮,星形按钮)
回复#3 @dsp2138 :
高出来说明原来的图像区域就是那么高, 矮的只是上半部分是透明的, 你按照这个思路去试试
记录下自己零基础学习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的过程
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
echarts三维图,散点
回复#2 @evyhui :
这个用的web.form , 用的ie11
用webkit和blink推荐用 http://www.chengxu.xyz/t/214 这个帖子里面的js控件
记录下自己零基础学习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的过程
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的过程
12, 数值输入框
类似winform的spin控件, 输入框的右侧有上下微调按钮,点击可以自加数值
<input type="number" />type="number"只允许输入