//UI-TAB½çÃæÊÓͼ[TabView]·½·¨Ð¡½á£¬½»Á÷QQȺ711841924
// ·½·¨Ò»£ºshowÏÔʾ½çÃæ
//ÉêÇëÒ»¸öUI
var tab = new TabView();
tab.setTitels(['Ê×Ò³','¹ØÓÚ'])
vc.show(() => {
//Ò³Ãæ¼ÓÔØÍêºóÖ´ÐÐÒÔÏ´úÂë
printl("hello IOS")
//´´½¨Ò»¸öˮƽÈÝÆ÷
var h = new Horizontal()
//´´½¨Ò»¸ö°´Å¥
var btn = new Button();
//ÉèÖð´Å¥ÑÕÉ«
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("°´Å¥±»µã»÷ÁË")
})
//°´Å¥Ìí¼Óµ½Ë®Æ½ÈÝÆ÷ÖÐ
h.addView(btn)
//ˮƽÈÝÆ÷Ìí¼Óµ½µÚÒ»¸öÊÓͼÖбàºÅÊÇ0
tab.addView(0,h)
});
// ·½·¨¶þ£ºsetTitlesÉèÖÃtab±êÌâ
new TabView().setTitles(String[])
// ·½·¨Èý£ºdismiss ¹Ø±ÕUI
new TabView().dismiss()
// ·½·¨ËÄ£ºaddViewÌí¼Ó
//ÉêÇëÒ»¸öUI
var tab = new TabView();
tab.setTitels(['Ê×Ò³','¹ØÓÚ'])
vc.show(() => {
//Ò³Ãæ¼ÓÔØÍêºóÖ´ÐÐÒÔÏ´úÂë
printl("hello IOS")
//´´½¨Ò»¸öˮƽÈÝÆ÷
var h = new Horizontal()
//´´½¨Ò»¸ö°´Å¥
var btn = new Button();
//ÉèÖð´Å¥ÑÕÉ«
btn.setColor(25, 10, 130)
btn.onClick(() => {
printl("°´Å¥±»µã»÷ÁË")
})
//°´Å¥Ìí¼Óµ½Ë®Æ½ÈÝÆ÷ÖÐ
h.addView(btn)
//ˮƽÈÝÆ÷Ìí¼Óµ½µÚÒ»¸öÊÓͼÖбàºÅÊÇ0
tab.addView(0,h)
});
📌showÏÔʾ½çÃæ
Àà±ð | ÏêÇé˵Ã÷ |
·½·¨¹¦ÄÜ | ÏÔʾ½çÃæ£¬Ö§³ÖÔڻص÷Öй¹½¨ UI£¨Èç´´½¨ÈÝÆ÷¡¢°´Å¥µÈ½»»¥ÔªËØ£¬ÊµÏÖ½çÃæäÖȾÓëʼþ°ó¶¨£© |
·½·¨Ç©Ãû | Void show()
|
·µ»ØÖµ | Void £¨ÎÞ·µ»ØÖµ£©
|
²ÎÊý | ÎÞ |
°¸Àý |
//ÉêÇëÒ»¸öUI var tab = new TabView(); tab.setTitels(['Ê×Ò³','¹ØÓÚ']) vc.show(() => { //Ò³Ãæ¼ÓÔØÍêºóÖ´ÐÐÒÔÏ´úÂë
printl("hello IOS")
//´´½¨Ò»¸öˮƽÈÝÆ÷ var h = new Horizontal()
//´´½¨Ò»¸ö°´Å¥ var btn = new Button(); //ÉèÖð´Å¥ÑÕÉ« btn.setColor(25, 10, 130)
btn.onClick(() => { printl("°´Å¥±»µã»÷ÁË") })
//°´Å¥Ìí¼Óµ½Ë®Æ½ÈÝÆ÷ÖÐ h.addView(btn)
//ˮƽÈÝÆ÷Ìí¼Óµ½µÚÒ»¸öÊÓͼÖбàºÅÊÇ0 tab.addView(0,h) });
|
📌setTitlesÉèÖÃtab±êÌâ
Àà±ð | ÏêÇé˵Ã÷ |
·½·¨¹¦ÄÜ | ÉèÖà Tab µÄ±êÌâÁбí |
·½·¨Ç©Ãû | Void setTitles(String[] tabs)
|
·µ»ØÖµ | Void
£¨ÎÞ·µ»ØÖµ£© |
²ÎÊý | - String[] tabs £º±êÌâÊý×é |
°¸Àý | tab.setTitles(["Ê×Ò³", "¹ØÓÚ"])
|
📌dismiss ¹Ø±ÕUI
Àà±ð | ÏêÇé˵Ã÷ |
·½·¨¹¦ÄÜ | ¹Ø±Õµ±Ç° UI ½çÃæ |
·½·¨Ç©Ãû | Void dismiss()
|
·µ»ØÖµ | Void
£¨ÎÞ·µ»ØÖµ£© |
²ÎÊý | ÎÞ |
°¸Àý | new TabView().dismiss() |
📌addViewÌí¼Ó
Àà±ð | ÏêÇé˵Ã÷ |
·½·¨¹¦ÄÜ | ÏòÖ¸¶¨Ë÷ÒýµÄ Tab Ò³ÃæÌí¼ÓÊÓͼ |
·½·¨Ç©Ãû | Void addView(Int32 index, String view)
|
·µ»ØÖµ | Void
£¨ÎÞ·µ»ØÖµ£© |
²ÎÊý | - Int32 index £ºTab Ò³ÃæµÄË÷Òý - String view £ºÒªÌí¼ÓµÄÊÓͼ£¨ÎĵµÀàÐÍÃèÊö£¬Êµ¼Ê°¸ÀýÖÐΪÊÓͼ¶ÔÏó£¬Èç Horizontal ÈÝÆ÷£© |
°¸Àý |
//ÉêÇëÒ»¸öUI var tab = new TabView(); tab.setTitels(['Ê×Ò³','¹ØÓÚ']) vc.show(() => { //Ò³Ãæ¼ÓÔØÍêºóÖ´ÐÐÒÔÏ´úÂë
printl("hello IOS")
//´´½¨Ò»¸öˮƽÈÝÆ÷ var h = new Horizontal()
//´´½¨Ò»¸ö°´Å¥ var btn = new Button(); //ÉèÖð´Å¥ÑÕÉ« btn.setColor(25, 10, 130)
btn.onClick(() => { printl("°´Å¥±»µã»÷ÁË") })
//°´Å¥Ìí¼Óµ½Ë®Æ½ÈÝÆ÷ÖÐ h.addView(btn)
//ˮƽÈÝÆ÷Ìí¼Óµ½µÚÒ»¸öÊÓͼÖбàºÅÊÇ0 tab.addView(0,h) });
|
ʵÀý·ÖÏí£º
//·½·¨Ð¡½á£¬½»Á÷QQȺ711841924
// ´´½¨ TabView
var tab = new TabView();
// ÉèÖñêǩҳ±êÌâ
tab.setTitles(["½Å±¾¿ØÖÆÌ¨", "µÚ¶þÒ³", "µÚÈýÒ³", "µÚËÄÒ³"]);
// ÏÔʾ TabView£¬²¢ÔÚ¼ÓÔØÍê³ÉºóÖ´Ðлص÷º¯Êý
tab.show(function() {
printl("TabView ÏÔʾÍê³É");
// Ìí¼Ó±êǩҳµÄÊÓͼ
tab.addView(0, scriptConsoleView()); // ½Å±¾¿ØÖÆÌ¨£¨Ê×Ò³£©
tab.addView(1, h2()); // µÚ¶þÒ³
tab.addView(2, h3()); // µÚÈýÒ³
tab.addView(3, h4()); // µÚËÄÒ³
printl("ÊÓͼÌí¼ÓÍê³É");
});
// ====================== µÚÒ»Ò³£º½Å±¾¿ØÖÆÌ¨ ======================
function scriptConsoleView() {
var v = new Vertical(); // ´¹Ö±²¼¾ÖÈÝÆ÷
printl("½Å±¾¿ØÖÆÌ¨ÊÓͼ³õʼ»¯");
// 1. ·µ»Ø°´Å¥
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
printl("·µ»Ø¼ü±»µã»÷");
tab.dismiss();
});
v.addView(btnBack);
// 2. ¸´Ñ¡¿ò×飨¶¶Òô¡¢¿ìÊÖ¡¢ÆûË®ÒôÀֵȣ©
var ck1 = new CheckBox();
ck1.setText("¶¶Òô¼«ËÙ°æ");
v.addView(ck1);
var ck2 = new CheckBox();
ck2.setText("¿ìÊÖ¼«ËÙ°æ");
v.addView(ck2);
var ck3 = new CheckBox();
ck3.setText("ÆûË®ÒôÀÖ");
v.addView(ck3);
var ck4 = new CheckBox();
ck4.setText("·¬ÇÑÒôÀÖ");
v.addView(ck4);
var ck5 = new CheckBox();
ck5.setText("Î÷¹ÏÊÓÆµ");
v.addView(ck5);
// 3. Ö´Ðа´Å¥
var btnExecute = new Button();
btnExecute.setText("Æô¶¯Ñ¡Öнű¾");
btnExecute.setColor(0, 0, 255);
btnExecute.onClick(function() {
printl("¿ªÊ¼Ö´ÐÐÑ¡ÖеĽű¾...");
// ¼ì²éÿ¸ö¸´Ñ¡¿òÊÇ·ñÑ¡ÖУ¬²¢Ö´ÐжÔÓ¦º¯Êý
// ¼ì²éÿ¸ö¸´Ñ¡¿òÊÇ·ñÑ¡ÖУ¬²¢Ö´ÐжÔÓ¦º¯Êý
if (ck1.isSelect()) { // ÕýÈ·µ÷ÓÃ isSelect() ·½·¨
¼«ËÙ¶¶Òô¹ã¸æµ¥»ú();
printl("¶¶Òô¼«ËÙ°æ½Å±¾ÒÑÆô¶¯");
}
if (ck2.isSelect()) {
¼«ËÙ¿ìÊÖ¹ã¸æµ¥°æ±¾();
printl("¿ìÊÖ¼«ËÙ°æ½Å±¾ÒÑÆô¶¯");
}
if (ck3.isSelect()) {
ÆûË®¹ã¸æµ¥»ú();
printl("ÆûË®ÒôÀֽű¾ÒÑÆô¶¯");
}
if (ck4.isSelect()) {
·¬ÇÑÒôÀÖ¹ã¸æµ¥»ú();
printl("·¬ÇÑÒôÀֽű¾ÒÑÆô¶¯");
}
if (ck5.isSelect()) {
Î÷¹ÏÊÓÆµ¹ã¸æµ¥°æ();
printl("Î÷¹ÏÊÓÆµ½Å±¾ÒÑÆô¶¯");
}
});
v.addView(btnExecute);
printl("½Å±¾¿ØÖÆÌ¨ÊÓͼ´´½¨Íê³É");
return v;
}
// ====================== ÆäËûÒ³Ãæ ======================
function h2() {
var v = new Vertical();
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
tab.dismiss();
});
v.addView(btnBack);
var btn = new Button();
btn.setText("Æô¶¯App");
btn.setColor(25, 10, 130);
btn.onClick(function() {
printl("µÚ¶þÒ³°´Å¥µã»÷");
});
v.addView(btn);
return v;
}
function h3() {
var v = new Vertical();
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
tab.dismiss();
});
v.addView(btnBack);
var lb = new Label();
lb.setText("»¶ÓÀ´µ½µÚÈýÒ³");
v.addView(lb);
return v;
}
function h4() {
var v = new Vertical();
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(function() {
tab.dismiss();
});
v.addView(btnBack);
var lb = new Label();
lb.setText("µÚËÄÒ³ÄÚÈÝ");
v.addView(lb);
var btn = new Button();
btn.setText("µã»÷ÎÒ");
btn.setColor(25, 10, 130);
btn.onClick(function() {
printl("µÚËÄÒ³°´Å¥µã»÷");
});
v.addView(btn);
return v;
}
// ====================== ½Å±¾º¯Êý¶¨Òå ======================
function ¼«ËÙ¶¶Òô¹ã¸æµ¥»ú() {
printl("ÕýÔÚÖ´Ðж¶Òô¼«ËÙ°æ½Å±¾...");
// ÕâÀïÌæ»»ÎªÊµ¼Ê½Å±¾Âß¼
}
function ¼«ËÙ¿ìÊÖ¹ã¸æµ¥°æ±¾() {
printl("ÕýÔÚÖ´ÐпìÊÖ¼«ËÙ°æ½Å±¾...");
// ÕâÀïÌæ»»ÎªÊµ¼Ê½Å±¾Âß¼
}
function ÆûË®¹ã¸æµ¥»ú() {
printl("ÕýÔÚÖ´ÐÐÆûË®ÒôÀֽű¾...");
// ÕâÀïÌæ»»ÎªÊµ¼Ê½Å±¾Âß¼
}
function ·¬ÇÑÒôÀÖ¹ã¸æµ¥»ú() {
printl("ÕýÔÚÖ´Ðз¬ÇÑÒôÀֽű¾...");
// ÕâÀïÌæ»»ÎªÊµ¼Ê½Å±¾Âß¼
}
function Î÷¹ÏÊÓÆµ¹ã¸æµ¥°æ() {
printl("ÕýÔÚÖ´ÐÐÎ÷¹ÏÊÓÆµ½Å±¾...");
// ÕâÀïÌæ»»ÎªÊµ¼Ê½Å±¾Âß¼
}