欢迎光临散文网 会员登陆 & 注册

易语言用组件拼制一个可横向调节数值的调节框。

2020-10-14 23:02 作者:雾削木FHZ  | 我要投稿

    在部分界面设计中我们会用到可以编辑数值的编辑框进行操作,但如果是仅限数值的加减操作的话,设计一个可以调节数值的按钮在编辑框旁会显的很不错,当然在一些高大上的软件中已经采用了独特的设计方案,这里我们就简单的使用编辑框和调节器搭建一个横向调节数值的调节框。

    首先我们需要准备如下的界面:

界面设计

    随后我们将调节器左右两个的一半放入编辑框底下,这里我们需要将调节器设置到最底层,当然可以将一二步倒过来做,也可以达到同样的效果。

层次设计

经过调节组件位置后我们得到了如下的一个自制组件:

横向调节框

然后我们需要写入代码才能让调节框正常的调节,记得将编辑框设置仅可输入整数、对齐方式选择居中:

编辑框属性

然后写上我们的代码:

事件代码

我们将两个调节器的事件调出来,调节器1是右边的调节器,调节器2是左边的调节器,这时候我们会发现右边只能点击到增加的按钮(按钮值为1)而左边的刚好相反,是减小的按钮(按钮值为-1),所以我们写上转换编辑框内容为数值然后增加上按钮值后因为要赋值到编辑框中,所以需要转换成文本型。

(横向调节器源代码Dome下载:https://www.lanzoux.com/ip52Ahfkx2h)😃

(一键三连)

易语言用组件拼制一个可横向调节数值的调节框。的评论 (共 条)

分享到微博请遵守国家法律