|
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. Äú¿ÉÒÔ¸ù¾ÝÐèÒªÀ©Õ¹¸ü¶à·ç¸ñºÍ½Å±¾¹¦ÄÜ
¸´ÖÆ´úÂë
|
|