# aardio 范例: 用高级选项卡（win.ui.tabs）实现弹出菜单



```aardio
//用高级选项卡（win.ui.tabs）实现弹出菜单
import fonts.fontAwesome;
import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
button={cls="button";text="弹出列表";left=390;top=363;right=517;bottom=410;z=3};
tabButton1={cls="plus";text="测试菜单一";left=523;top=167;right=676;bottom=212;align="left";bgcolor=0x95CC68;iconStyle={font=LOGFONT(name='FontAwesome');padding={left=25;top=1;right=108}};iconText='\uF008 ';tabstop=1;textPadding={left=49};z=1};
tabButton2={cls="plus";text="测试菜单二";left=523;top=214;right=676;bottom=259;align="left";bgcolor=0x95CC68;iconStyle={font=LOGFONT(name='FontAwesome');padding={left=25;top=1;right=108}};iconText='\uF019 ';tabstop=1;textPadding={left=49};z=2}
)
/*}}*/

import win.ui.tabs;
var menu = win.ui.tabs(winform.tabButton1,winform.tabButton2)
menu.skin({
	background={
		default=0xFF68CC95;
		disabled=0xFFC4CCC8;
		hover=0xFF4A522F;
	};
	color={
		default=0xFF000000;
		disabled=0xFF8A8A8A;
		hover=0xFFFFFFFF
	};
	checked={
		border={default={color=0xFF0E64E7;right=4}}
	}
})

menu.onOk = function(tabItem){ 
	winform.msgbox(tabItem.text)
}

winform.button.oncommand = function(id,event){
	menu.popup(true,winform.button)
}

menu.add({
	text='测试菜单三'; 
	iconText='\uF02F' //为新增菜单项指定字体图标
})

// 调用这句代码切换到弹出列表显示模式
menu.initPopup()

winform.show() 
win.loopMessage();
```