HTMLayout列表控件动态添加列表项，预览本机字体。

最新推荐文章于 2025-01-15 15:58:01 发布

转载最新推荐文章于 2025-01-15 15:58:01 发布 · 196 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/daheian/p/5560001.html

本文介绍了一种使用Aardio编程语言结合HTMLayout实现动态字体列表的方法。通过枚举本机支持GB2312编码的TrueType字体，并将其展示在一个自定义的列表框中，每个选项都包含了字体名称及示例文本，以便于直观地对比不同字体的效果。

import win.ui;
import win.font;
/*DSG{{*/
var winform = win.form(text="HTMLayout列表框 - aardio编程学习";right=599;bottom=399;maxmize=1;parent=...)
winform.add()
/*}}*/

import web.layout;
wbLayout = web.layout( winform )

wbLayout.html = /**
<html>
    <body>
        <widget type="select" id="fontlist">
        
        </widget>
    </body>
</html>
**/

wbLayout.css = /**
widget#fontlist {
    width:100%%;
    height:100%%;
}
widget#fontlist option{
    height:30px;
    font-size:25px;
    margin:2px 0px;
    border:1px dotted green;
}
**/

//枚举本机包含GB2312的字体
win.font.enum( 
    function(logfont,fullname,ftype,style,script,lpntme){
        if( ftype == 0x4/*_TRUETYPE_FONTTYPE*/ && fullname[1] != '@'#/*翻转90度字体*/ ){
        
            //创建一个option元素
            var ele = wbLayout.createEle("option","字体名称："++fullname++"  学习aardio编程语言！123456789  www.aardio.com");
            //将创建的元素ele追加到id="fontlist"的widget元素中
            wbLayout.getEle("fontlist").append(ele);
            //设置新建的option元素的字体
            ele.style["font-family"]='\"'+fullname+'\"';
            
        }
    },{ charset = 0x86/*_GB2312_CHARSET*/; name = "" }
)

winform.show() 
win.loopMessage();