aardio 文档
aardio 范例:水平选项卡
//水平选项卡
import fonts.fontAwesome;
import win.ui;
/*DSG{{*/
var winform = win.form(text="简单多标签浏览器 —— 使用「高级选项卡」实现";right=992;bottom=623;bgcolor=16777215)
winform.add(
tabBorder={cls="bkplus";left=0;top=33;right=991;bottom=34;bgcolor=32768;border=1;disabled=1;dl=1;dr=1;dt=1;z=1};
tabPanel={cls="custom";left=-2;top=53;right=989;bottom=622;bgcolor=16777215;db=1;dl=1;dr=1;dt=1;z=4};
tabPlus1={cls="plus";text="网页开发";left=0;top=2;right=149;bottom=34;bgcolor=16777215;border={bottom=1;color=-16744448};dl=1;dt=1;font=LOGFONT(h=-14);z=2};
tabPlus2={cls="plus";text="JavaScript 脚本";left=149;top=2;right=299;bottom=34;bgcolor=16777215;border={bottom=1;color=-16744448};dl=1;dt=1;font=LOGFONT(h=-14);z=3}
)
/*}}*/
import win.ui.tabs;
var tabs = win.ui.tabs(winform.tabPlus1,winform.tabPlus2);
tabs.clear(); //清除模板
//选项卡样式
tabs.skin({
foreground={
active=0xFFFFFFFF;
default=0x00FFFFFF;
hover=0xFFCCCCCC;
};
checked={
foreground={
default=0x00FFFFFF;
};
border = {
default = {left=1;right=1;top=1;color=0xFF008000}
disabled = {left=1;right=1;top=1;color=0xFF008000}
};
}
});
import win.ui.tooltip;
var tooltipCtr = win.ui.tooltip( winform );//在窗口上创建tooltip控件
import web.form;
tabs.createWebForm = function(url){
//动态添加更多选项卡
var tabIndex = tabs.add(text="正在加载...")
tabs.selIndex = tabIndex;//选中新选项卡
var form = tabs.loadForm(tabIndex);
form.show();
var wb = web.form( form );
wb.noScriptErr=true;
//获取选项卡按钮
var tab = tabs.tabList[tabIndex];
//绑定选项卡鼠标悬停提示控件
var ti = tooltipCtr.addTool(tab)
//网页标题变更时更新选项卡文本与提示
wb.TitleChange = function(title){
tab.text = title;
ti.setText( title + '\r\n' + wb.location );
}
//自定义网页弹窗
wb.NewWindow3 = function(ppDisp, Cancel,dwFlags,bstrUrlContext, bstrUrl ) {
if(dwFlags & 0x10000/*_NWMF_FORCEWINDOW*/ ){
var form = win.form(text="正在加载......";width = 800;height=600);
var wb = web.form( form );
form.show();
wb.TitleChange = function(title){
winform.text = title;
}
return wb.application;
}
return tabs.createWebForm( "about:blank" ).application;
}
if(url){
wb.go(url);
}
return wb;
}
tabs.createWebForm("http://www.aardio.com");
//也可以用下面的代码自定义关闭按钮的外观样式
tabs.closeButton.skin(
background = {
hover = 0xFFe35c51;
active = 0xFF8f241b;
default = 0x99FFCC66;
}
color = {
hover = 0xFFFFFFFF;
active = 0xFFEEEEEE;
default = 0xCCFFFFFF;
}
)
//可以自定义关闭按钮在选项卡上的显示位
tabs.beforeShowCloseButton = function(tab,rcTab,rcCloseButton){
return rcTab.right - rcCloseButton.width() - 5, rcTab.top + ( rcTab.height() - rcCloseButton.height() )/2;
}
winform.show(3/*_SW_MAXIMIZE*/);
win.loopMessage();
Markdown 格式