1185907650 发表于 2020-9-17 09:57:29

【技术文章博客】火山PC编辑框组件详解1

一、布局
如下
https://www.lkuaiy.com/image/editor/15992282409982.png

https://www.lkuaiy.com/image/editor/15992282471973.png


二、调节器
分手动调节和自动调节,手动顾名思义就是手动调节
注意,只能在设置手动调节时,才能触发调节钮事件

①正常编辑框形态
先来看下常态的样式,如下图。加了调节器就不一样了,如第一张图
https://www.lkuaiy.com/image/editor/15992282552541.png

②设置调节器
可以设置上下限值
https://www.lkuaiy.com/image/editor/15992282611881.png

https://www.lkuaiy.com/image/editor/15992282682833.png

③手动调节触发
添加事件
https://www.lkuaiy.com/image/editor/15992282799552.png

https://www.lkuaiy.com/image/editor/15992282916808.png

https://www.lkuaiy.com/image/editor/15992282991902.png


三、输入方式
①类型
输入方式类型有很多,如下图
https://www.lkuaiy.com/image/editor/15992283078491.png

②密码遮盖
以密码方式为例,并设置密码遮盖符
若不设置盖,常态就是*号显示,加了遮盖符就以此符显示,这里以@符为例
https://www.lkuaiy.com/image/editor/15992283177778.png


四、左右留空
就是在编辑框前和后设置留位位间距
https://www.lkuaiy.com/image/editor/15992283268933.png


五、设置文本颜色
https://www.lkuaiy.com/image/editor/15992283343517.png


六、小结
所有参数,都可以在属性里设置,也可以直接用代码设置,看自己喜好
属性里设置:即右键打开的设计界面区,本课都是讲代码区设置


七、演示效果
https://www.lkuaiy.com/image/editor/15992283427108.gif

原文地址:阅读原文

页: [1]
查看完整版本: 【技术文章博客】火山PC编辑框组件详解1