- ´´½¨ TabView£º
var tab = new TabView();
- ´´½¨Ò»¸ö
TabView
¶ÔÏó£¬ÓÃÓÚ¹ÜÀí¶à¸ö±êǩҳ¡£
- ÉèÖñêǩҳ±êÌ⣺
tab.setTitles(["Ê×Ò³", "µÚ¶þÒ³", "µÚÈýÒ³", "µÚËÄÒ³"]);
- ÉèÖÃ
TabView
µÄ±êǩҳ±êÌ⣬·Ö±ðΪ¡°Ê×Ò³¡±¡¢¡°µÚ¶þÒ³¡±¡¢¡°µÚÈýÒ³¡±ºÍ¡°µÚËÄÒ³¡±¡£
- ÏÔʾ TabView ²¢Ìí¼ÓÊÓͼ£º
tab.show(() => {
printl("TabView ÏÔʾÍê³É");
// Ìí¼Óÿ¸ö±êǩҳµÄÊÓͼ
tab.addView(0, h1()); // Ê×Ò³
tab.addView(1, h2()); // µÚ¶þÒ³
tab.addView(2, h3()); // µÚÈýÒ³
tab.addView(3, h4()); // µÚËÄÒ³
printl("ÊÓͼÌí¼ÓÍê³É");
});
- ÏÔʾ
TabView
£¬²¢ÔÚ¼ÓÔØÍê³ÉºóÖ´Ðлص÷º¯Êý¡£ - Ôڻص÷º¯ÊýÖУ¬·Ö±ðµ÷ÓÃ
h1()
, h2()
, h3()
, ºÍ h4()
º¯ÊýΪÿ¸ö±êǩҳÌí¼ÓÊÓͼ¡£
- µÚÒ»Ò³ÊÓͼ (
h1()
º¯Êý)£º
function h1() {
var v = new Vertical(); // ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷À´°üº¬ËùÓÐÔªËØ
printl("Ê×Ò³´¹Ö±ÈÝÆ÷´´½¨Íê³É");
// ´´½¨·µ»Ø¼ü
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("·µ»Ø¼ü±»µã»÷ÁË");
tab.dismiss(); // ¹Ø±Õ TabView
});
v.addView(btnBack);
printl("·µ»Ø¼üÌí¼ÓÍê³É");
// ´´½¨Óû§Ãû±êÇ©ºÍÊäÈë¿ò
var h1Container = new Horizontal();
var lb = new Label();
lb.setText("Óû§Ãû");
lb.setWidth(60);
var input = new Input();
input.setWidth(150);
h1Container.addView(lb);
h1Container.addView(input);
v.addView(h1Container);
printl("Óû§ÃûÊäÈë¿òÌí¼ÓÍê³É");
// ´´½¨¸´Ñ¡¿ò
var ck1 = new CheckBox();
ck1.setText("¶¶Òô¼«ËÙ°æ");
ck1.value = false;
v.addView(ck1);
printl("¸´Ñ¡¿ò1Ìí¼ÓÍê³É");
var ck2 = new CheckBox();
ck2.setText("¿ìÊÖ¼«ËÙ°æ");
ck2.value = false;
v.addView(ck2);
printl("¸´Ñ¡¿ò2Ìí¼ÓÍê³É");
var ck3 = new CheckBox();
ck3.setText("ÆûË®ÒôÀÖ");
ck3.value = false;
v.addView(ck3);
printl("¸´Ñ¡¿ò3Ìí¼ÓÍê³É");
var ck4 = new CheckBox();
ck4.setText("·¬ÇÑÒôÀÖ");
ck4.value = false;
v.addView(ck4);
printl("¸´Ñ¡¿ò4Ìí¼ÓÍê³É");
var ck5 = new CheckBox();
ck5.setText("Î÷¹ÏÊÓÆµ");
ck5.value = false;
v.addView(ck5);
printl("¸´Ñ¡¿ò5Ìí¼ÓÍê³É");
// ´´½¨¿ªÊ¼Ö´Ðа´Å¥
var btnExecute = new Button();
btnExecute.setText("Æô¶¯Ö÷½Å±¾");
btnExecute.setColor(0, 0, 255);
btnExecute.onClick(() => {
printl("¿ªÊ¼Ö´Ðа´Å¥±»µã»÷ÁË");
if (ck1.value) {
printl("¶¶Òô¼«Ëٰ汻ѡÖÐ");
¼«ËÙ¶¶Òô¹ã¸æµ¥»ú();
}
if (ck2.value) {
printl("¿ìÊÖ¼«Ëٰ汻ѡÖÐ");
¼«ËÙ¿ìÊÖ¹ã¸æµ¥°æ±¾();
}
if (ck3.value) {
printl("ÆûË®ÒôÀÖ±»Ñ¡ÖÐ");
ÆûË®¹ã¸æµ¥»ú();
}
if (ck4.value) {
printl("·¬ÇÑÒôÀÖ±»Ñ¡ÖÐ");
·¬ÇÑÒôÀÖ¹ã¸æµ¥»ú();
}
if (ck5.value) {
printl("Î÷¹ÏÊÓÆµ±»Ñ¡ÖÐ");
Î÷¹ÏÊÓÆµ¹ã¸æµ¥°æ();
}
});
v.addView(btnExecute);
printl("¿ªÊ¼Ö´Ðа´Å¥Ìí¼ÓÍê³É");
printl("Ê×Ò³ÊÓͼ´´½¨Íê³É");
return v; // ·µ»ØÊ×Ò³ÊÓͼ
}
- ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷
v
À´°üº¬ËùÓÐÔªËØ¡£ - ´´½¨Ò»¸ö·µ»Ø¼ü°´Å¥
btnBack
£¬ÉèÖÃÎı¾Îª¡°·µ»Ø¡±£¬µã»÷ʱ¹Ø±Õ TabView
¡£ - ´´½¨Ò»¸öˮƽÈÝÆ÷
h1Container
À´°üº¬Óû§Ãû±êÇ©ºÍÊäÈë¿ò¡£ - ´´½¨Îå¸ö¸´Ñ¡¿ò£¬·Ö±ð¶ÔÓ¦²»Í¬µÄÓ¦Óá£
- ´´½¨Ò»¸ö¡°Æô¶¯Ö÷½Å±¾¡±°´Å¥£¬µã»÷ʱ¸ù¾ÝÑ¡Öеĸ´Ñ¡¿òÖ´ÐÐÏàÓ¦µÄÂß¼¡£
- µÚ¶þÒ³ÊÓͼ (
h2()
º¯Êý)£º
function h2() {
var v = new Vertical(); // ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷À´°üº¬ËùÓÐÔªËØ
printl("µÚ¶þÒ³´¹Ö±ÈÝÆ÷´´½¨Íê³É");
// ´´½¨·µ»Ø¼ü
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("·µ»Ø¼ü±»µã»÷ÁË");
tab.dismiss(); // ¹Ø±Õ TabView
});
v.addView(btnBack);
printl("·µ»Ø¼üÌí¼ÓÍê³É");
// ´´½¨°´Å¥
var btn = new Button();
btn.setText("Æô¶¯app");
btn.setColor(25, 10, 130);
v.addView(btn);
btn.onClick(() => {
printl("µÚ¶þÒ³°´Å¥µã»÷ÁË");
});
printl("µÚ¶þÒ³ÊÓͼ´´½¨Íê³É");
return v; // ·µ»ØµÚ¶þÒ³ÊÓͼ
}
- ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷
v
À´°üº¬ËùÓÐÔªËØ¡£ - ´´½¨Ò»¸ö·µ»Ø¼ü°´Å¥
btnBack
£¬ÉèÖÃÎı¾Îª¡°·µ»Ø¡±£¬µã»÷ʱ¹Ø±Õ TabView
¡£ - ´´½¨Ò»¸ö¡°Æô¶¯app¡±°´Å¥£¬µã»÷ʱ½ö´òÓ¡ÈÕÖ¾ÐÅÏ¢¡£
- µÚÈýÒ³ÊÓͼ (
h3()
º¯Êý)£º
function h3() {
var v = new Vertical(); // ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷À´°üº¬ËùÓÐÔªËØ
printl("µÚÈýÒ³´¹Ö±ÈÝÆ÷´´½¨Íê³É");
// ´´½¨·µ»Ø¼ü
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("·µ»Ø¼ü±»µã»÷ÁË");
tab.dismiss(); // ¹Ø±Õ TabView
});
v.addView(btnBack);
printl("·µ»Ø¼üÌí¼ÓÍê³É");
// ´´½¨»¶Ó±êÇ©
var lb = new Label();
lb.setText("»¶ÓÀ´µ½ÎÒµÄÒ³Ãæ");
v.addView(lb);
printl("µÚÈýÒ³ÊÓͼ´´½¨Íê³É");
return v; // ·µ»ØµÚÈýÒ³ÊÓͼ
}
- ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷
v
À´°üº¬ËùÓÐÔªËØ¡£ - ´´½¨Ò»¸ö·µ»Ø¼ü°´Å¥
btnBack
£¬ÉèÖÃÎı¾Îª¡°·µ»Ø¡±£¬µã»÷ʱ¹Ø±Õ TabView
¡£ - ´´½¨Ò»¸ö»¶Ó±êÇ©£¬ÏÔʾ»¶ÓÐÅÏ¢¡£
- µÚËÄÒ³ÊÓͼ (
h4()
º¯Êý)£º
function h4() {
var v = new Vertical(); // ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷À´°üº¬ËùÓÐÔªËØ
printl("µÚËÄÒ³´¹Ö±ÈÝÆ÷´´½¨Íê³É");
// ´´½¨·µ»Ø¼ü
var btnBack = new Button();
btnBack.setText("·µ»Ø");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("·µ»Ø¼ü±»µã»÷ÁË");
tab.dismiss(); // ¹Ø±Õ TabView
});
v.addView(btnBack);
printl("·µ»Ø¼üÌí¼ÓÍê³É");
// ´´½¨ÄÚÈݱêÇ©
var lb = new Label();
lb.setText("µÚËÄÒ³ÄÚÈÝ");
v.addView(lb);
// ´´½¨µã»÷°´Å¥
var btn = new Button();
btn.setText("µã»÷ÎÒ");
btn.setColor(25, 10, 130);
btn.onClick(() => {
printl("µÚËÄÒ³°´Å¥µã»÷ÁË");
tab.dismiss(); // ¹Ø±Õ TabView
});
v.addView(btn);
printl("µÚËÄÒ³ÊÓͼ´´½¨Íê³É");
return v; // ·µ»ØµÚËÄÒ³ÊÓͼ
}
- ´´½¨Ò»¸ö´¹Ö±ÈÝÆ÷
v
À´°üº¬ËùÓÐÔªËØ¡£ - ´´½¨Ò»¸ö·µ»Ø¼ü°´Å¥
btnBack
£¬ÉèÖÃÎı¾Îª¡°·µ»Ø¡±£¬µã»÷ʱ¹Ø±Õ TabView
¡£ - ´´½¨Ò»¸öÄÚÈݱêÇ©£¬ÏÔʾµÚËÄÒ³µÄÄÚÈÝ¡£
- ´´½¨Ò»¸ö¡°µã»÷ÎÒ¡±°´Å¥£¬µã»÷ʱ¹Ø±Õ
TabView
¡£
ͨ¹ýÕâЩÐ޸ĺÍ˵Ã÷£¬Ã¿¸ö±êǩҳ¶¼Ìí¼ÓÁËÒ»¸ö·µ»Ø¼ü£¬µã»÷·µ»Ø¼ü¿ÉÒÔ¹Ø±Õ TabView