|  | 
 
| IOSÆ»¹ûʾÀýÈçºÎʹÓò»Í¬µÄUI·ç¸ñ´´½¨Ö±½ÓÔËÐнű¾µÄ°´Å¥ 
   
 ¸´ÖÆ´úÂë// ¶à·ç¸ñ½Å±¾µ÷ÓÃʾÀý
// Õâ¸öʾÀýչʾÈçºÎʹÓò»Í¬µÄUI·ç¸ñ´´½¨Ö±½ÓÔËÐнű¾µÄ°´Å¥
// ====================== »ù´¡·ç¸ñ ======================
function basicStyleDemo() {
    // ´´½¨»ù´¡ÊÓͼ
    var vc = new IOSView();
    vc.show(() => {
        var view = vc.getView();
        printl("»ù´¡·ç¸ñ½Å±¾µ÷ÓÃʾÀýÒÑÆô¶¯");
        
        // ´´½¨±êÌâ
        var title = new Label();
        title.setText("»ù´¡·ç¸ñ½Å±¾µ÷ÓÃ");
        title.setTextColor(0, 0, 255);
        view.addView(title);
        
        // ´´½¨´¹Ö±ÈÝÆ÷
        var vertical = new Vertical();
        
        // ´´½¨½Å±¾1°´Å¥
        var script1Btn = new Button();
        script1Btn.setText("ÔËÐнű¾1: ÆÁÄ»µã»÷");
        script1Btn.setColor(255, 0, 0);
        script1Btn.onClick(() => {
            printl("Ö´ÐÐÆÁÄ»µã»÷½Å±¾");
            vc.dismiss();
            // Ö´ÐÐÆÁÄ»ÖÐÐĵã»÷
            hid.clickPercent(0.5, 0.5);
            printl("ÆÁÄ»µã»÷½Å±¾Ö´ÐÐÍê³É");
        });
        vertical.addView(script1Btn);
        
        // ´´½¨½Å±¾2°´Å¥
        var script2Btn = new Button();
        script2Btn.setText("ÔËÐнű¾2: Ò³Ãæ»¬¶¯");
        script2Btn.setColor(0, 255, 0);
        script2Btn.onClick(() => {
            printl("Ö´ÐÐÒ³Ãæ»¬¶¯½Å±¾");
            vc.dismiss();
            // Ö´ÐÐÒ³ÃæÉÏÏ»¬¶¯
            hid.swipVPercent(0.5, 0.8, 0.5, 0.2, 50, 1000, 100);
            printl("Ò³Ãæ»¬¶¯½Å±¾Ö´ÐÐÍê³É");
        });
        vertical.addView(script2Btn);
        
        // ´´½¨¹Ø±Õ°´Å¥
        var closeBtn = new Button();
        closeBtn.setText("¹Ø±Õ");
        closeBtn.setColor(128, 128, 128);
        closeBtn.onClick(() => {
            vc.dismiss();
        });
        vertical.addView(closeBtn);
        
        // ½«´¹Ö±ÈÝÆ÷Ìí¼Óµ½ÊÓͼ
        view.addView(vertical);
    });
}
// ====================== Áбí·ç¸ñ ======================
function listStyleDemo() {
    // ´´½¨ÊÓͼ
    var vc = new IOSView();
    vc.show(() => {
        var view = vc.getView();
        printl("Áбí·ç¸ñ½Å±¾µ÷ÓÃʾÀýÒÑÆô¶¯");
        
        // ´´½¨±êÌâ
        var title = new Label();
        title.setText("Áбí·ç¸ñ½Å±¾µ÷ÓÃ");
        title.setTextColor(0, 0, 255);
        view.addView(title);
        
        // ´´½¨´¹Ö±ÈÝÆ÷×÷ΪÁбí
        var listContainer = new Vertical();
        
        // ´´½¨ÁбíÏî1
        var item1 = createListItem("É罻ýÌå²Ù×÷", "´ò¿ªÎ¢ÐŲ¢·¢ËÍÏûÏ¢");
        item1.onClick(() => {
            printl("Ö´ÐÐÉ罻ýÌå²Ù×÷½Å±¾");
            vc.dismiss();
            // Ä£Äâ´ò¿ªÎ¢ÐÅ
            hid.home();
            printl("ÒÑ·µ»ØÖ÷Ò³£¬×¼±¸´ò¿ªÎ¢ÐÅ");
        });
        listContainer.addView(item1);
        
        // ´´½¨ÁбíÏî2
        var item2 = createListItem("ϵͳÉèÖÃ", "µ÷ÕûÆÁÄ»ÁÁ¶È");
        item2.onClick(() => {
            printl("Ö´ÐÐϵͳÉèÖýű¾");
            vc.dismiss();
            // Ä£Äâµ÷ÕûÉèÖÃ
            printl("ϵͳÉèÖýű¾Ö´ÐÐÍê³É");
        });
        listContainer.addView(item2);
        
        // ´´½¨ÁбíÏî3
        var item3 = createListItem("ÓéÀÖÓ¦ÓÃ", "´ò¿ªÒôÀÖ²¥·ÅÆ÷");
        item3.onClick(() => {
            printl("Ö´ÐÐÓéÀÖÓ¦Óýű¾");
            vc.dismiss();
            // Ä£Äâ´ò¿ªÒôÀÖ²¥·ÅÆ÷
            printl("ÒôÀÖ²¥·ÅÆ÷½Å±¾Ö´ÐÐÍê³É");
        });
        listContainer.addView(item3);
        
        // ½«ÁбíÈÝÆ÷Ìí¼Óµ½ÊÓͼ
        view.addView(listContainer);
        
        // ´´½¨¹Ø±Õ°´Å¥
        var closeBtn = new Button();
        closeBtn.setText("¹Ø±Õ");
        closeBtn.setColor(128, 128, 128);
        closeBtn.onClick(() => {
            vc.dismiss();
        });
        view.addView(closeBtn);
    });
}
// ====================== ¿¨Æ¬·ç¸ñ ======================
function cardStyleDemo() {
    // ´´½¨ÊÓͼ
    var vc = new IOSView();
    vc.show(() => {
        var view = vc.getView();
        printl("¿¨Æ¬·ç¸ñ½Å±¾µ÷ÓÃʾÀýÒÑÆô¶¯");
        
        // ´´½¨±êÌâ
        var title = new Label();
        title.setText("¿¨Æ¬·ç¸ñ½Å±¾µ÷ÓÃ");
        title.setTextColor(0, 0, 255);
        view.addView(title);
        
        // ´´½¨´¹Ö±ÈÝÆ÷
        var vertical = new Vertical();
        
        // ´´½¨¿¨Æ¬1
        var card1 = createCard("ÈÕ³£ÈÎÎñ", "Ö´ÐÐÿÈÕ½¡¿µ´ò¿¨", 255, 0, 0);
        card1.onClick(() => {
            printl("Ö´ÐÐÈÕ³£ÈÎÎñ½Å±¾");
            vc.dismiss();
            // Ä£ÄâÈÕ³£ÈÎÎñ²Ù×÷
            printl("ÿÈÕ½¡¿µ´ò¿¨½Å±¾Ö´ÐÐÍê³É");
        });
        vertical.addView(card1);
        
        // ´´½¨¿¨Æ¬2
        var card2 = createCard("¹¤×÷ÖúÊÖ", "ÕûÀí¹¤×÷Îļþ", 0, 0, 255);
        card2.onClick(() => {
            printl("Ö´Ðй¤×÷ÖúÊֽű¾");
            vc.dismiss();
            // Ä£Ä⹤×÷ÖúÊÖ²Ù×÷
            printl("¹¤×÷ÎļþÕûÀí½Å±¾Ö´ÐÐÍê³É");
        });
        vertical.addView(card2);
        
        // ´´½¨¿¨Æ¬3
        var card3 = createCard("ѧϰ¹¤¾ß", "´ò¿ªÑ§Ï°×ÊÁÏ", 0, 255, 0);
        card3.onClick(() => {
            printl("Ö´ÐÐѧϰ¹¤¾ß½Å±¾");
            vc.dismiss();
            // Ä£Äâѧϰ¹¤¾ß²Ù×÷
            printl("ѧϰ×ÊÁÏ´ò¿ª½Å±¾Ö´ÐÐÍê³É");
        });
        vertical.addView(card3);
        
        // ½«´¹Ö±ÈÝÆ÷Ìí¼Óµ½ÊÓͼ
        view.addView(vertical);
        
        // ´´½¨¹Ø±Õ°´Å¥
        var closeBtn = new Button();
        closeBtn.setText("¹Ø±Õ");
        closeBtn.setColor(128, 128, 128);
        closeBtn.onClick(() => {
            vc.dismiss();
        });
        view.addView(closeBtn);
    });
}
// ====================== Íø¸ñ·ç¸ñ ======================
function gridStyleDemo() {
    // ´´½¨ÊÓͼ
    var vc = new IOSView();
    vc.show(() => {
        var view = vc.getView();
        printl("Íø¸ñ·ç¸ñ½Å±¾µ÷ÓÃʾÀýÒÑÆô¶¯");
        
        // ´´½¨±êÌâ
        var title = new Label();
        title.setText("Íø¸ñ·ç¸ñ½Å±¾µ÷ÓÃ");
        title.setTextColor(0, 0, 255);
        view.addView(title);
        
        // ´´½¨Íø¸ñ²¼¾Ö
        // µÚÒ»ÐÐ
        var row1 = new Horizontal();
        var gridBtn1 = createGridButton("ÆÁÄ»½ØÍ¼", 255, 0, 0);
        gridBtn1.onClick(() => {
            printl("Ö´ÐÐÆÁÄ»½ØÍ¼½Å±¾");
            vc.dismiss();
            // Ä£ÄâÆÁÄ»½ØÍ¼
            printl("ÆÁÄ»½ØÍ¼½Å±¾Ö´ÐÐÍê³É");
        });
        
        var gridBtn2 = createGridButton("ÇåÀí»º´æ", 0, 255, 0);
        gridBtn2.onClick(() => {
            printl("Ö´ÐÐÇåÀí»º´æ½Å±¾");
            vc.dismiss();
            // Ä£ÄâÇåÀí»º´æ
            printl("»º´æÇåÀí½Å±¾Ö´ÐÐÍê³É");
        });
        
        row1.addView(gridBtn1);
        row1.addView(gridBtn2);
        
        // µÚ¶þÐÐ
        var row2 = new Horizontal();
        var gridBtn3 = createGridButton("ÒôÁ¿µ÷½Ú", 0, 0, 255);
        gridBtn3.onClick(() => {
            printl("Ö´ÐÐÒôÁ¿µ÷½Ú½Å±¾");
            vc.dismiss();
            // Ä£ÄâÒôÁ¿µ÷½Ú
            printl("ÒôÁ¿µ÷½Ú½Å±¾Ö´ÐÐÍê³É");
        });
        
        var gridBtn4 = createGridButton("ÆÁÄ»Ðýת", 255, 255, 0);
        gridBtn4.onClick(() => {
            printl("Ö´ÐÐÆÁÄ»Ðýת½Å±¾");
            vc.dismiss();
            // Ä£ÄâÆÁÄ»Ðýת
            printl("ÆÁÄ»Ðýת½Å±¾Ö´ÐÐÍê³É");
        });
        
        row2.addView(gridBtn3);
        row2.addView(gridBtn4);
        
        // Ìí¼ÓÐе½ÊÓͼ
        view.addView(row1);
        view.addView(row2);
        
        // ´´½¨¹Ø±Õ°´Å¥
        var closeBtn = new Button();
        closeBtn.setText("¹Ø±Õ");
        closeBtn.setColor(128, 128, 128);
        closeBtn.onClick(() => {
            vc.dismiss();
        });
        view.addView(closeBtn);
    });
}
// ====================== Ö÷½çÃæ ======================
function mainMenu() {
    // ´´½¨Ö÷ÊÓͼ
    var mainVC = new IOSView();
    mainVC.show(() => {
        var view = mainVC.getView();
        printl("¶à·ç¸ñ½Å±¾µ÷ÓÃʾÀýÖ÷²Ëµ¥ÒÑÆô¶¯");
        
        // ´´½¨±êÌâ
        var title = new Label();
        title.setText("¶à·ç¸ñ½Å±¾µ÷ÓÃʾÀý");
        title.setTextColor(0, 0, 255);
        view.addView(title);
        
        // ´´½¨´¹Ö±ÈÝÆ÷
        var vertical = new Vertical();
        
        // ´´½¨»ù´¡·ç¸ñ°´Å¥
        var basicStyleBtn = new Button();
        basicStyleBtn.setText("»ù´¡·ç¸ñʾÀý");
        basicStyleBtn.setColor(255, 0, 0);
        basicStyleBtn.onClick(() => {
            mainVC.dismiss();
            basicStyleDemo();
        });
        vertical.addView(basicStyleBtn);
        
        // ´´½¨Áбí·ç¸ñ°´Å¥
        var listStyleBtn = new Button();
        listStyleBtn.setText("Áбí·ç¸ñʾÀý");
        listStyleBtn.setColor(0, 255, 0);
        listStyleBtn.onClick(() => {
            mainVC.dismiss();
            listStyleDemo();
        });
        vertical.addView(listStyleBtn);
        
        // ´´½¨¿¨Æ¬·ç¸ñ°´Å¥
        var cardStyleBtn = new Button();
        cardStyleBtn.setText("¿¨Æ¬·ç¸ñʾÀý");
        cardStyleBtn.setColor(0, 0, 255);
        cardStyleBtn.onClick(() => {
            mainVC.dismiss();
            cardStyleDemo();
        });
        vertical.addView(cardStyleBtn);
        
        // ´´½¨Íø¸ñ·ç¸ñ°´Å¥
        var gridStyleBtn = new Button();
        gridStyleBtn.setText("Íø¸ñ·ç¸ñʾÀý");
        gridStyleBtn.setColor(255, 255, 0);
        gridStyleBtn.onClick(() => {
            mainVC.dismiss();
            gridStyleDemo();
        });
        vertical.addView(gridStyleBtn);
        
        // ´´½¨Í˳ö°´Å¥
        var exitBtn = new Button();
        exitBtn.setText("Í˳ö");
        exitBtn.setColor(128, 128, 128);
        exitBtn.onClick(() => {
            mainVC.dismiss();
        });
        vertical.addView(exitBtn);
        
        // ½«´¹Ö±ÈÝÆ÷Ìí¼Óµ½ÊÓͼ
        view.addView(vertical);
    });
}
// ====================== ¸¨Öúº¯Êý ======================
// ´´½¨ÁбíÏî
function createListItem(title, description) {
    var item = new Vertical();
    
    var titleLabel = new Label();
    titleLabel.setText(title);
    titleLabel.setTextColor(0, 0, 0);
    
    var descLabel = new Label();
    descLabel.setText(description);
    descLabel.setTextColor(128, 128, 128);
    
    item.addView(titleLabel);
    item.addView(descLabel);
    
    // ÉèÖñ³¾°É«
    item.setColor(240, 240, 240);
    
    // ÉèÖñ߾à
    item.setWidth(300);
    item.setHeight(80);
    
    return item;
}
// ´´½¨¿¨Æ¬
function createCard(title, description, r, g, b) {
    var card = new Vertical();
    
    var titleLabel = new Label();
    titleLabel.setText(title);
    titleLabel.setTextColor(255, 255, 255);
    
    var descLabel = new Label();
    descLabel.setText(description);
    descLabel.setTextColor(255, 255, 255);
    
    card.addView(titleLabel);
    card.addView(descLabel);
    
    // ÉèÖÿ¨Æ¬Ñùʽ
    card.setColor(r, g, b);
    card.setWidth(300);
    card.setHeight(100);
    
    return card;
}
// ´´½¨Íø¸ñ°´Å¥
function createGridButton(text, r, g, b) {
    var btn = new Button();
    btn.setText(text);
    btn.setColor(r, g, b);
    btn.setTextColor(255, 255, 255);
    btn.setWidth(150);
    btn.setHeight(100);
    return btn;
}
// Æô¶¯Ö÷²Ëµ¥
mainMenu();
// ×¢ÒâÊÂÏ
// 1. ±¾Ê¾ÀýÌṩÁËËÄÖÖ²»Í¬·ç¸ñµÄ½Å±¾µ÷ÓýçÃæ
// 2. µã»÷½çÃæÖеĽű¾°´Å¥¿ÉÒÔÖ±½ÓÖ´ÐÐÏàÓ¦µÄ½Å±¾¹¦ÄÜ
// 3. ½Å±¾¹¦ÄÜÖ÷ҪʹÓÃhidÄ£¿é½øÐÐÉ豸²Ù×÷
// 4. Äú¿ÉÒÔ¸ù¾ÝÐèÒªÀ©Õ¹¸ü¶à·ç¸ñºÍ½Å±¾¹¦ÄÜ
 
 | 
 |