![bcb2ea672bd40ce9e6e37c6c67c94469.png](https://i-blog.csdnimg.cn/blog_migrate/0f34b79be5e2457c726e2f2ccd733dd2.jpeg)
腾讯课堂搜“尚识”可以在线学习
无代码软件开发中显示的数字正常都是用数字显示元件来处理的,将要显示的数值传给显示元件中的“值”变量对象即可,注意传入值和这个变量都是数字类型。对显示元件可以进行样式设计,样式设计和其他显示元件的设计一样可以用样式属性也可以用样式类统一处理,也可以修改默认的样式定义,此外还会常用到数字显示元件的格式属性,用以定义显示数字的格式,拖放数字显示元件、数字传值及格式设计的完整演示如下:
![9b04fef4a2114916607a2e63514d7fac.gif](https://i-blog.csdnimg.cn/blog_migrate/2bc43b95aea52797f013396b125dfaba.gif)
拖放数字显示元件---数字传值---格式设计
主要处理步骤:
![01bf08b27257f4418eeaafbbc7292cba.png](https://i-blog.csdnimg.cn/blog_migrate/9fd483fb1c9fb315a06e2c9be16c628b.jpeg)
拖放数字显示元件
![4e2011f2d612789d441a62184452d159.png](https://i-blog.csdnimg.cn/blog_migrate/6a15d10ff4b1b7bb4ad5e554b5aebd2e.jpeg)
为元件传显示值100.101010
![6a6627be6db95ecc9cb3357fbf74e36b.png](https://i-blog.csdnimg.cn/blog_migrate/a5708a16bbb02cf2371129312b3c1045.jpeg)
设计显示格式为#.#
![6dd35d47217398d0539cb819c8dfb1b1.png](https://i-blog.csdnimg.cn/blog_migrate/4f9a4b8ea6c193089804a02b914d888d.jpeg)
保存后刷新显示为10.1
以上设计中,拖放及样式处理与其他显示元件一样,数字显示居中是因为之前我们为其父元件设计了内部文字剧中样式。
显示格式是数字显示用的一个属性,格式设计可以为#.##,小数点后的符号代表显示小数位数,以上我们传值是100.10101010,但格式设计为#.#,所以保存后运行时显示为100.1。
与文本显示元件一样,数字显示元件可以在表格中用于显示数字,这时如果显示元件是放在表格行中的其tag标签需改为td。如果表格行中已放了一个DIV显示块元件并且标签改为td,则可以在块中直接拖放数字等显示元件不需修改标签。