结合plus的iconText和iconColor实现富媒体文本字数提示输入框

By admin at 2019-12-22 • 0人收藏 • 1043人看过

如题:

感谢 aardio培训群 撒旦微笑 提供代码

image.png

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
textarea={cls="plus";left=27;top=26;right=721;bottom=414;align="left";autovscroll=false;border={color=-3546113;width=2};editable=1;forecolor=16777215;iconColor=12632256;iconStyle={align="right";font=LOGFONT(name='FontAwesome');padding={right=10;bottom=10};valign="bottom"};iconText="0/300";multiline=1;textPadding={left=10;top=10;right=10;bottom=10};wrap=1;z=1}
)
/*}}*/

winform.textarea.editBox.onChange = function(){ 
    
    //简单文字计数,请按照业务要求自己修改计数范围
    var num = string.len(winform.textarea.text);
    
    //先修改颜色,再修改文字
    
        if(num>300){
            winform.textarea.iconColor = 0xFFFF0000;
        } else {
            winform.textarea.iconColor = 0xFFC0C0C0;
        }
        
        winform.textarea.iconText = num++"/300";
}
winform.show() 
win.loopMessage();

如果,需要显示滚动条, 那么需要在plus里设置滚动条即可.

image.png

登录后方可回帖

登 录
信息栏
公告:
个人博客
专注分享
谢谢合作!

本站域名:HtmLayout.Cn
aardio可以快速开发上位机,本站主要记录了学习过程中遇到的问题和解决办法及aardio代码分享

这里主要专注于aardio学习交流和经验分享.
纯私人站,当笔记本用的,学到哪写到哪.

Aardio 官方站:Aardio官方
Aardio最新功能:Aardio官方更新日志
本 站 主 站:Stm32cube中文网
Sciter中文在线文档Sciter在线学习文档
空间赞助:才仁机械
打赏本站
Loading...