注册 登录
发贴工具
查看: 2|回复: 0
打印 上一主题 下一主题

[24小时收录超级好的网站] AIWROK软件苹果实例UI-垂直容器[Vertical]

[复制链接]

2481

主题

2529

帖子

1万

积分

积分
15084
跳转到指定楼层
楼主

AIWROK软件苹果实例UI-垂直容器[Vertical]

  1. // 🎨UI-垂直容器[Vertical]高级综合示例
  2. // 全面展示Vertical容器的所有功能和方法
  3. // 🍎交流QQ群711841924群一,苹果内测群,528816639

  4. printl("=== Vertical容器高级综合示例启动 ===");

  5. var tab = new TabView();

  6. tab.setTitles(["基础", "对齐", "动态", "嵌套", "综合"]);

  7. tab.show(function() {
  8.     printl("TabView界面加载完成");
  9.    
  10.     // ====================== 第一页:基础布局 ======================
  11.     var basicPage = new Vertical();
  12.     basicPage.setSpacing(15);
  13.     basicPage.setBackgroundColor(245, 248, 250);
  14.    
  15.     var basicHeader = new Horizontal();
  16.     basicHeader.setAlignment("center");
  17.     basicHeader.setBackgroundColor(70, 130, 180);
  18.    
  19.     var basicHeaderLabel = new Label();
  20.     basicHeaderLabel.setText("基础布局演示");
  21.     basicHeaderLabel.setTextColor(255, 255, 255);
  22.     basicHeaderLabel.setFontSize(20);
  23.     basicHeader.addView(basicHeaderLabel);
  24.    
  25.     basicPage.addView(basicHeader);
  26.    
  27.     var basicDesc = new Label();
  28.     basicDesc.setText("展示Vertical容器的基本布局功能,包括间距、背景色、容器大小等基础属性");
  29.     basicDesc.setTextColor(100, 100, 100);
  30.     basicDesc.setFontSize(13);
  31.     basicDesc.setTextAlignment("center");
  32.     basicPage.addView(basicDesc);
  33.    
  34.     var basicSection1 = new Horizontal();
  35.     basicSection1.setAlignment("center");
  36.     basicSection1.setBackgroundColor(220, 220, 225);
  37.    
  38.     var basicSection1Label = new Label();
  39.     basicSection1Label.setText("容器属性设置");
  40.     basicSection1Label.setTextColor(60, 60, 60);
  41.     basicSection1Label.setFontSize(15);
  42.     basicSection1.addView(basicSection1Label);
  43.    
  44.     basicPage.addView(basicSection1);
  45.    
  46.     var basicDemo1 = new Vertical();
  47.     basicDemo1.setSpacing(10);
  48.     basicDemo1.setBackgroundColor(255, 255, 255);
  49.     basicDemo1.setContainerSize(350, 120);
  50.    
  51.     var basicLabel1 = new Label();
  52.     basicLabel1.setText("间距: 10px | 背景色: 白色");
  53.     basicLabel1.setTextColor(60, 60, 60);
  54.     basicLabel1.setFontSize(14);
  55.     basicDemo1.addView(basicLabel1);
  56.    
  57.     var basicLabel2 = new Label();
  58.     basicLabel2.setText("容器大小: 350x120");
  59.     basicLabel2.setTextColor(100, 100, 100);
  60.     basicLabel2.setFontSize(12);
  61.     basicDemo1.addView(basicLabel2);
  62.    
  63.     var basicBtn1 = new Button();
  64.     basicBtn1.setText("测试按钮");
  65.     basicBtn1.setColor(70, 130, 180);
  66.     basicBtn1.setTextColor(255, 255, 255);
  67.     basicBtn1.onClick(function() {
  68.         printl("测试按钮被点击了!");
  69.         var feedbackLabel = new Label();
  70.         feedbackLabel.setText("按钮点击成功!");
  71.         feedbackLabel.setTextColor(0, 128, 0);
  72.         feedbackLabel.setFontSize(12);
  73.         basicDemo1.addView(feedbackLabel);
  74.     });
  75.     basicDemo1.addView(basicBtn1);
  76.    
  77.     basicPage.addView(basicDemo1);
  78.    
  79.     var basicSection2 = new Horizontal();
  80.     basicSection2.setAlignment("center");
  81.     basicSection2.setBackgroundColor(220, 220, 225);
  82.    
  83.     var basicSection2Label = new Label();
  84.     basicSection2Label.setText("不同间距对比");
  85.     basicSection2Label.setTextColor(60, 60, 60);
  86.     basicSection2Label.setFontSize(15);
  87.     basicSection2.addView(basicSection2Label);
  88.    
  89.     basicPage.addView(basicSection2);
  90.    
  91.     var basicSpacingContainer = new Vertical();
  92.     basicSpacingContainer.setSpacing(8);
  93.     basicSpacingContainer.setBackgroundColor(255, 255, 255);
  94.    
  95.     var basicSpacingDemo1 = new Vertical();
  96.     basicSpacingDemo1.setSpacing(5);
  97.     basicSpacingDemo1.setBackgroundColor(245, 245, 245);
  98.    
  99.     var basicSpacingDemo1Label = new Label();
  100.     basicSpacingDemo1Label.setText("间距5px");
  101.     basicSpacingDemo1Label.setTextColor(80, 80, 80);
  102.     basicSpacingDemo1Label.setFontSize(13);
  103.     basicSpacingDemo1.addView(basicSpacingDemo1Label);
  104.    
  105.     var basicSpacingDemo1Label2 = new Label();
  106.     basicSpacingDemo1Label2.setText("示例标签");
  107.     basicSpacingDemo1Label2.setTextColor(120, 120, 120);
  108.     basicSpacingDemo1Label2.setFontSize(11);
  109.     basicSpacingDemo1.addView(basicSpacingDemo1Label2);
  110.    
  111.     var basicSpacingDemo1Btn = new Button();
  112.     basicSpacingDemo1Btn.setText("按钮");
  113.     basicSpacingDemo1Btn.setColor(150, 150, 150);
  114.     basicSpacingDemo1Btn.setTextColor(255, 255, 255);
  115.     basicSpacingDemo1Btn.setWidth(80);
  116.     basicSpacingDemo1Btn.setHeight(30);
  117.     basicSpacingDemo1.addView(basicSpacingDemo1Btn);
  118.    
  119.     basicSpacingContainer.addView(basicSpacingDemo1);
  120.    
  121.     var basicSpacingDemo2 = new Vertical();
  122.     basicSpacingDemo2.setSpacing(15);
  123.     basicSpacingDemo2.setBackgroundColor(245, 245, 245);
  124.    
  125.     var basicSpacingDemo2Label = new Label();
  126.     basicSpacingDemo2Label.setText("间距15px");
  127.     basicSpacingDemo2Label.setTextColor(80, 80, 80);
  128.     basicSpacingDemo2Label.setFontSize(13);
  129.     basicSpacingDemo2.addView(basicSpacingDemo2Label);
  130.    
  131.     var basicSpacingDemo2Label2 = new Label();
  132.     basicSpacingDemo2Label2.setText("示例标签");
  133.     basicSpacingDemo2Label2.setTextColor(120, 120, 120);
  134.     basicSpacingDemo2Label2.setFontSize(11);
  135.     basicSpacingDemo2.addView(basicSpacingDemo2Label2);
  136.    
  137.     var basicSpacingDemo2Btn = new Button();
  138.     basicSpacingDemo2Btn.setText("按钮");
  139.     basicSpacingDemo2Btn.setColor(150, 150, 150);
  140.     basicSpacingDemo2Btn.setTextColor(255, 255, 255);
  141.     basicSpacingDemo2Btn.setWidth(80);
  142.     basicSpacingDemo2Btn.setHeight(30);
  143.     basicSpacingDemo2.addView(basicSpacingDemo2Btn);
  144.    
  145.     basicSpacingContainer.addView(basicSpacingDemo2);
  146.    
  147.     var basicSpacingDemo3 = new Vertical();
  148.     basicSpacingDemo3.setSpacing(25);
  149.     basicSpacingDemo3.setBackgroundColor(245, 245, 245);
  150.    
  151.     var basicSpacingDemo3Label = new Label();
  152.     basicSpacingDemo3Label.setText("间距25px");
  153.     basicSpacingDemo3Label.setTextColor(80, 80, 80);
  154.     basicSpacingDemo3Label.setFontSize(13);
  155.     basicSpacingDemo3.addView(basicSpacingDemo3Label);
  156.    
  157.     var basicSpacingDemo3Label2 = new Label();
  158.     basicSpacingDemo3Label2.setText("示例标签");
  159.     basicSpacingDemo3Label2.setTextColor(120, 120, 120);
  160.     basicSpacingDemo3Label2.setFontSize(11);
  161.     basicSpacingDemo3.addView(basicSpacingDemo3Label2);
  162.    
  163.     var basicSpacingDemo3Btn = new Button();
  164.     basicSpacingDemo3Btn.setText("按钮");
  165.     basicSpacingDemo3Btn.setColor(150, 150, 150);
  166.     basicSpacingDemo3Btn.setTextColor(255, 255, 255);
  167.     basicSpacingDemo3Btn.setWidth(80);
  168.     basicSpacingDemo3Btn.setHeight(30);
  169.     basicSpacingDemo3.addView(basicSpacingDemo3Btn);
  170.    
  171.     basicSpacingContainer.addView(basicSpacingDemo3);
  172.    
  173.     basicPage.addView(basicSpacingContainer);
  174.    
  175.     // ====================== 第二页:高级对齐 ======================
  176.     var alignPage = new Vertical();
  177.     alignPage.setSpacing(15);
  178.     alignPage.setBackgroundColor(250, 245, 248);
  179.    
  180.     var alignHeader = new Horizontal();
  181.     alignHeader.setAlignment("center");
  182.     alignHeader.setBackgroundColor(70, 130, 180);
  183.    
  184.     var alignHeaderLabel = new Label();
  185.     alignHeaderLabel.setText("高级对齐演示");
  186.     alignHeaderLabel.setTextColor(255, 255, 255);
  187.     alignHeaderLabel.setFontSize(20);
  188.     alignHeader.addView(alignHeaderLabel);
  189.    
  190.     alignPage.addView(alignHeader);
  191.    
  192.     var alignDesc = new Label();
  193.     alignDesc.setText("展示Vertical容器的各种对齐方式,包括left、center、right、fill四种对齐模式");
  194.     alignDesc.setTextColor(100, 100, 100);
  195.     alignDesc.setFontSize(13);
  196.     alignDesc.setTextAlignment("center");
  197.     alignPage.addView(alignDesc);
  198.    
  199.     var alignSection1 = new Horizontal();
  200.     alignSection1.setAlignment("center");
  201.     alignSection1.setBackgroundColor(220, 220, 225);
  202.    
  203.     var alignSection1Label = new Label();
  204.     alignSection1Label.setText("对齐方式对比");
  205.     alignSection1Label.setTextColor(60, 60, 60);
  206.     alignSection1Label.setFontSize(15);
  207.     alignSection1.addView(alignSection1Label);
  208.    
  209.     alignPage.addView(alignSection1);
  210.    
  211.     var alignLeft = new Vertical();
  212.     alignLeft.setSpacing(8);
  213.     alignLeft.setAlignment("left");
  214.     alignLeft.setBackgroundColor(230, 250, 230);
  215.     alignLeft.setContainerSize(350, 80);
  216.    
  217.     var alignLeftLabel = new Label();
  218.     alignLeftLabel.setText("左对齐 (left)");
  219.     alignLeftLabel.setTextColor(60, 60, 60);
  220.     alignLeftLabel.setFontSize(14);
  221.     alignLeft.addView(alignLeftLabel);
  222.    
  223.     var alignLeftLabel2 = new Label();
  224.     alignLeftLabel2.setText("对齐效果演示文本");
  225.     alignLeftLabel2.setTextColor(100, 100, 100);
  226.     alignLeftLabel2.setFontSize(12);
  227.     alignLeft.addView(alignLeftLabel2);
  228.    
  229.     alignPage.addView(alignLeft);
  230.    
  231.     var alignCenter = new Vertical();
  232.     alignCenter.setSpacing(8);
  233.     alignCenter.setAlignment("center");
  234.     alignCenter.setBackgroundColor(250, 230, 230);
  235.     alignCenter.setContainerSize(350, 80);
  236.    
  237.     var alignCenterLabel = new Label();
  238.     alignCenterLabel.setText("居中对齐 (center)");
  239.     alignCenterLabel.setTextColor(60, 60, 60);
  240.     alignCenterLabel.setFontSize(14);
  241.     alignCenter.addView(alignCenterLabel);
  242.    
  243.     var alignCenterLabel2 = new Label();
  244.     alignCenterLabel2.setText("对齐效果演示文本");
  245.     alignCenterLabel2.setTextColor(100, 100, 100);
  246.     alignCenterLabel2.setFontSize(12);
  247.     alignCenter.addView(alignCenterLabel2);
  248.    
  249.     alignPage.addView(alignCenter);
  250.    
  251.     var alignRight = new Vertical();
  252.     alignRight.setSpacing(8);
  253.     alignRight.setAlignment("right");
  254.     alignRight.setBackgroundColor(230, 230, 250);
  255.     alignRight.setContainerSize(350, 80);
  256.    
  257.     var alignRightLabel = new Label();
  258.     alignRightLabel.setText("右对齐 (right)");
  259.     alignRightLabel.setTextColor(60, 60, 60);
  260.     alignRightLabel.setFontSize(14);
  261.     alignRight.addView(alignRightLabel);
  262.    
  263.     var alignRightLabel2 = new Label();
  264.     alignRightLabel2.setText("对齐效果演示文本");
  265.     alignRightLabel2.setTextColor(100, 100, 100);
  266.     alignRightLabel2.setFontSize(12);
  267.     alignRight.addView(alignRightLabel2);
  268.    
  269.     alignPage.addView(alignRight);
  270.    
  271.     var alignFill = new Vertical();
  272.     alignFill.setSpacing(8);
  273.     alignFill.setAlignment("fill");
  274.     alignFill.setBackgroundColor(250, 250, 230);
  275.     alignFill.setContainerSize(350, 80);
  276.    
  277.     var alignFillLabel = new Label();
  278.     alignFillLabel.setText("填充对齐 (fill)");
  279.     alignFillLabel.setTextColor(60, 60, 60);
  280.     alignFillLabel.setFontSize(14);
  281.     alignFill.addView(alignFillLabel);
  282.    
  283.     var alignFillLabel2 = new Label();
  284.     alignFillLabel2.setText("对齐效果演示文本");
  285.     alignFillLabel2.setTextColor(100, 100, 100);
  286.     alignFillLabel2.setFontSize(12);
  287.     alignFill.addView(alignFillLabel2);
  288.    
  289.     alignPage.addView(alignFill);
  290.    
  291.     // ====================== 第三页:动态管理 ======================
  292.     var dynamicPage = new Vertical();
  293.     dynamicPage.setSpacing(15);
  294.     dynamicPage.setBackgroundColor(248, 250, 245);
  295.    
  296.     var dynamicHeader = new Horizontal();
  297.     dynamicHeader.setAlignment("center");
  298.     dynamicHeader.setBackgroundColor(70, 130, 180);
  299.    
  300.     var dynamicHeaderLabel = new Label();
  301.     dynamicHeaderLabel.setText("动态管理演示");
  302.     dynamicHeaderLabel.setTextColor(255, 255, 255);
  303.     dynamicHeaderLabel.setFontSize(20);
  304.     dynamicHeader.addView(dynamicHeaderLabel);
  305.    
  306.     dynamicPage.addView(dynamicHeader);
  307.    
  308.     var dynamicDesc = new Label();
  309.     dynamicDesc.setText("展示动态添加、删除、清空控件的功能,以及控件数量统计");
  310.     dynamicDesc.setTextColor(100, 100, 100);
  311.     dynamicDesc.setFontSize(13);
  312.     dynamicDesc.setTextAlignment("center");
  313.     dynamicPage.addView(dynamicDesc);
  314.    
  315.     var dynamicSection1 = new Horizontal();
  316.     dynamicSection1.setAlignment("center");
  317.     dynamicSection1.setBackgroundColor(220, 220, 225);
  318.    
  319.     var dynamicSection1Label = new Label();
  320.     dynamicSection1Label.setText("动态添加控件");
  321.     dynamicSection1Label.setTextColor(60, 60, 60);
  322.     dynamicSection1Label.setFontSize(15);
  323.     dynamicSection1.addView(dynamicSection1Label);
  324.    
  325.     dynamicPage.addView(dynamicSection1);
  326.    
  327.     var dynamicAddContainer = new Vertical();
  328.     dynamicAddContainer.setSpacing(10);
  329.     dynamicAddContainer.setBackgroundColor(255, 255, 255);
  330.    
  331.     var dynamicAddStatus = new Label();
  332.     dynamicAddStatus.setText("当前控件数量: 0");
  333.     dynamicAddStatus.setTextColor(80, 80, 80);
  334.     dynamicAddStatus.setFontSize(14);
  335.     dynamicAddContainer.addView(dynamicAddStatus);
  336.    
  337.     var dynamicAddButton = new Button();
  338.     dynamicAddButton.setText("添加新控件");
  339.     dynamicAddButton.setColor(46, 139, 87);
  340.     dynamicAddButton.setTextColor(255, 255, 255);
  341.     dynamicAddButton.onClick(function() {
  342.         var newLabel = new Label();
  343.         var count = dynamicAddContainer.getViewCount();
  344.         newLabel.setText("动态添加的标签 #" + (count - 1));
  345.         newLabel.setTextColor(100, 100, 100);
  346.         newLabel.setFontSize(12);
  347.         dynamicAddContainer.addView(newLabel);
  348.         dynamicAddStatus.setText("当前控件数量: " + dynamicAddContainer.getViewCount());
  349.         printl("已添加控件,当前数量: " + dynamicAddContainer.getViewCount());
  350.     });
  351.     dynamicAddContainer.addView(dynamicAddButton);
  352.    
  353.     dynamicPage.addView(dynamicAddContainer);
  354.    
  355.     var dynamicSection2 = new Horizontal();
  356.     dynamicSection2.setAlignment("center");
  357.     dynamicSection2.setBackgroundColor(220, 220, 225);
  358.    
  359.     var dynamicSection2Label = new Label();
  360.     dynamicSection2Label.setText("动态删除控件");
  361.     dynamicSection2Label.setTextColor(60, 60, 60);
  362.     dynamicSection2Label.setFontSize(15);
  363.     dynamicSection2.addView(dynamicSection2Label);
  364.    
  365.     dynamicPage.addView(dynamicSection2);
  366.    
  367.     var dynamicRemoveContainer = new Vertical();
  368.     dynamicRemoveContainer.setSpacing(10);
  369.     dynamicRemoveContainer.setBackgroundColor(255, 255, 255);
  370.    
  371.     var dynamicRemoveLabels = [];
  372.     for (var i = 1; i <= 5; i++) {
  373.         var tempLabel = new Label();
  374.         tempLabel.setText("可删除标签 " + i);
  375.         tempLabel.setTextColor(100, 100, 100);
  376.         tempLabel.setFontSize(12);
  377.         dynamicRemoveLabels.push(tempLabel);
  378.         dynamicRemoveContainer.addView(tempLabel);
  379.     }
  380.    
  381.     var dynamicRemoveStatus = new Label();
  382.     dynamicRemoveStatus.setText("当前控件数量: " + dynamicRemoveContainer.getViewCount());
  383.     dynamicRemoveStatus.setTextColor(80, 80, 80);
  384.     dynamicRemoveStatus.setFontSize(14);
  385.     dynamicRemoveContainer.addView(dynamicRemoveStatus);
  386.    
  387.     var dynamicRemoveButton = new Button();
  388.     dynamicRemoveButton.setText("删除第一个控件");
  389.     dynamicRemoveButton.setColor(220, 20, 60);
  390.     dynamicRemoveButton.setTextColor(255, 255, 255);
  391.     dynamicRemoveButton.onClick(function() {
  392.         printl("删除按钮被点击,当前控件数量: " + dynamicRemoveContainer.getViewCount());
  393.         printl("dynamicRemoveLabels数组长度: " + dynamicRemoveLabels.length);
  394.         if (dynamicRemoveLabels.length > 0) {
  395.             // 移除第一个标签
  396.             dynamicRemoveLabels.shift();
  397.             
  398.             // 清空所有控件
  399.             dynamicRemoveContainer.clearAllViews();
  400.             
  401.             // 重新添加剩余的标签
  402.             for (var i = 0; i < dynamicRemoveLabels.length; i++) {
  403.                 dynamicRemoveContainer.addView(dynamicRemoveLabels[i]);
  404.             }
  405.             
  406.             // 重新添加状态标签和按钮
  407.             dynamicRemoveContainer.addView(dynamicRemoveStatus);
  408.             dynamicRemoveContainer.addView(dynamicRemoveButton);
  409.             dynamicRemoveContainer.addView(dynamicClearButton);
  410.             
  411.             // 更新状态
  412.             dynamicRemoveStatus.setText("当前控件数量: " + dynamicRemoveContainer.getViewCount());
  413.             printl("已删除控件,剩余数量: " + dynamicRemoveContainer.getViewCount());
  414.         } else {
  415.             printl("控件数量不足,无法继续删除");
  416.         }
  417.     });
  418.     dynamicRemoveContainer.addView(dynamicRemoveButton);
  419.    
  420.     var dynamicClearButton = new Button();
  421.     dynamicClearButton.setText("清空所有控件");
  422.     dynamicClearButton.setColor(148, 0, 211);
  423.     dynamicClearButton.setTextColor(255, 255, 255);
  424.     dynamicClearButton.onClick(function() {
  425.         dynamicRemoveContainer.clearAllViews();
  426.         dynamicRemoveLabels = [];
  427.         var emptyLabel = new Label();
  428.         emptyLabel.setText("所有控件已清空");
  429.         emptyLabel.setTextColor(150, 150, 150);
  430.         emptyLabel.setFontSize(12);
  431.         dynamicRemoveContainer.addView(emptyLabel);
  432.         dynamicRemoveContainer.addView(dynamicRemoveStatus);
  433.         dynamicRemoveContainer.addView(dynamicRemoveButton);
  434.         dynamicRemoveContainer.addView(dynamicClearButton);
  435.         dynamicRemoveStatus.setText("当前控件数量: " + dynamicRemoveContainer.getViewCount());
  436.         printl("已清空所有控件");
  437.     });
  438.     dynamicRemoveContainer.addView(dynamicClearButton);
  439.    
  440.     dynamicPage.addView(dynamicRemoveContainer);
  441.    
  442.     // ====================== 第四页:嵌套容器 ======================
  443.     var nestedPage = new Vertical();
  444.     nestedPage.setSpacing(15);
  445.     nestedPage.setBackgroundColor(245, 248, 250);
  446.    
  447.     var nestedHeader = new Horizontal();
  448.     nestedHeader.setAlignment("center");
  449.     nestedHeader.setBackgroundColor(70, 130, 180);
  450.    
  451.     var nestedHeaderLabel = new Label();
  452.     nestedHeaderLabel.setText("嵌套容器演示");
  453.     nestedHeaderLabel.setTextColor(255, 255, 255);
  454.     nestedHeaderLabel.setFontSize(20);
  455.     nestedHeader.addView(nestedHeaderLabel);
  456.    
  457.     nestedPage.addView(nestedHeader);
  458.    
  459.     var nestedDesc = new Label();
  460.     nestedDesc.setText("展示Vertical容器与其他容器的嵌套使用,包括Vertical、Horizontal的组合布局");
  461.     nestedDesc.setTextColor(100, 100, 100);
  462.     nestedDesc.setFontSize(13);
  463.     nestedDesc.setTextAlignment("center");
  464.     nestedPage.addView(nestedDesc);
  465.    
  466.     var nestedSection1 = new Horizontal();
  467.     nestedSection1.setAlignment("center");
  468.     nestedSection1.setBackgroundColor(220, 220, 225);
  469.    
  470.     var nestedSection1Label = new Label();
  471.     nestedSection1Label.setText("Vertical嵌套Horizontal");
  472.     nestedSection1Label.setTextColor(60, 60, 60);
  473.     nestedSection1Label.setFontSize(15);
  474.     nestedSection1.addView(nestedSection1Label);
  475.    
  476.     nestedPage.addView(nestedSection1);
  477.    
  478.     var nestedContainer1 = new Vertical();
  479.     nestedContainer1.setSpacing(12);
  480.     nestedContainer1.setBackgroundColor(255, 255, 255);
  481.    
  482.     for (var i = 1; i <= 3; i++) {
  483.         var row = new Horizontal();
  484.         row.setSpacing(10);
  485.         row.setAlignment("center");
  486.         row.setBackgroundColor(240, 240, 245);
  487.         
  488.         var rowLabel = new Label();
  489.         rowLabel.setText("第 " + i + " 行");
  490.         rowLabel.setTextColor(60, 60, 60);
  491.         rowLabel.setFontSize(14);
  492.         row.addView(rowLabel);
  493.         
  494.         var rowButton = new Button();
  495.         rowButton.setText("按钮" + i);
  496.         rowButton.setColor(70, 130, 180);
  497.         rowButton.setTextColor(255, 255, 255);
  498.         rowButton.setWidth(80);
  499.         rowButton.setHeight(35);
  500.         rowButton.onClick(function() {
  501.             printl("嵌套容器中的按钮被点击");
  502.         });
  503.         row.addView(rowButton);
  504.         
  505.         nestedContainer1.addView(row);
  506.     }
  507.    
  508.     nestedPage.addView(nestedContainer1);
  509.    
  510.     var nestedSection2 = new Horizontal();
  511.     nestedSection2.setAlignment("center");
  512.     nestedSection2.setBackgroundColor(220, 220, 225);
  513.    
  514.     var nestedSection2Label = new Label();
  515.     nestedSection2Label.setText("多层嵌套结构");
  516.     nestedSection2Label.setTextColor(60, 60, 60);
  517.     nestedSection2Label.setFontSize(15);
  518.     nestedSection2.addView(nestedSection2Label);
  519.    
  520.     nestedPage.addView(nestedSection2);
  521.    
  522.     var nestedMultiLevelContainer = new Vertical();
  523.     nestedMultiLevelContainer.setSpacing(10);
  524.     nestedMultiLevelContainer.setBackgroundColor(255, 255, 255);
  525.    
  526.     var nestedLevel1Label = new Label();
  527.     nestedLevel1Label.setText("第一层:Vertical容器");
  528.     nestedLevel1Label.setTextColor(80, 80, 80);
  529.     nestedLevel1Label.setFontSize(13);
  530.     nestedMultiLevelContainer.addView(nestedLevel1Label);
  531.    
  532.     var nestedLevel2Container = new Vertical();
  533.     nestedLevel2Container.setSpacing(8);
  534.     nestedLevel2Container.setBackgroundColor(245, 245, 245);
  535.    
  536.     var nestedLevel2Label = new Label();
  537.     nestedLevel2Label.setText("第二层:嵌套的Vertical容器");
  538.     nestedLevel2Label.setTextColor(100, 100, 100);
  539.     nestedLevel2Label.setFontSize(12);
  540.     nestedLevel2Container.addView(nestedLevel2Label);
  541.    
  542.     var nestedLevel3Container = new Horizontal();
  543.     nestedLevel3Container.setSpacing(10);
  544.     nestedLevel3Container.setAlignment("center");
  545.     nestedLevel3Container.setBackgroundColor(240, 240, 240);
  546.    
  547.     var nestedLevel3Label = new Label();
  548.     nestedLevel3Label.setText("第三层:Horizontal容器");
  549.     nestedLevel3Label.setTextColor(120, 120, 120);
  550.     nestedLevel3Label.setFontSize(11);
  551.     nestedLevel3Container.addView(nestedLevel3Label);
  552.    
  553.     var nestedLevel3Button = new Button();
  554.     nestedLevel3Button.setText("测试");
  555.     nestedLevel3Button.setColor(100, 149, 237);
  556.     nestedLevel3Button.setTextColor(255, 255, 255);
  557.     nestedLevel3Button.setWidth(60);
  558.     nestedLevel3Button.setHeight(30);
  559.     nestedLevel3Container.addView(nestedLevel3Button);
  560.    
  561.     nestedLevel2Container.addView(nestedLevel3Container);
  562.     nestedMultiLevelContainer.addView(nestedLevel2Container);
  563.     nestedPage.addView(nestedMultiLevelContainer);
  564.    
  565.     // ====================== 第五页:综合演示 ======================
  566.     var comprehensivePage = new Vertical();
  567.     comprehensivePage.setSpacing(15);
  568.     comprehensivePage.setBackgroundColor(248, 245, 250);
  569.    
  570.     var comprehensiveHeader = new Horizontal();
  571.     comprehensiveHeader.setAlignment("center");
  572.     comprehensiveHeader.setBackgroundColor(70, 130, 180);
  573.    
  574.     var comprehensiveHeaderLabel = new Label();
  575.     comprehensiveHeaderLabel.setText("综合演示");
  576.     comprehensiveHeaderLabel.setTextColor(255, 255, 255);
  577.     comprehensiveHeaderLabel.setFontSize(20);
  578.     comprehensiveHeader.addView(comprehensiveHeaderLabel);
  579.    
  580.     comprehensivePage.addView(comprehensiveHeader);
  581.    
  582.     var comprehensiveDesc = new Label();
  583.     comprehensiveDesc.setText("综合展示Vertical容器的所有功能,包括属性设置、对齐、动态管理、嵌套等");
  584.     comprehensiveDesc.setTextColor(100, 100, 100);
  585.     comprehensiveDesc.setFontSize(13);
  586.     comprehensiveDesc.setTextAlignment("center");
  587.     comprehensivePage.addView(comprehensiveDesc);
  588.    
  589.     var comprehensiveSection1 = new Horizontal();
  590.     comprehensiveSection1.setAlignment("center");
  591.     comprehensiveSection1.setBackgroundColor(220, 220, 225);
  592.    
  593.     var comprehensiveSection1Label = new Label();
  594.     comprehensiveSection1Label.setText("综合功能展示");
  595.     comprehensiveSection1Label.setTextColor(60, 60, 60);
  596.     comprehensiveSection1Label.setFontSize(15);
  597.     comprehensiveSection1.addView(comprehensiveSection1Label);
  598.    
  599.     comprehensivePage.addView(comprehensiveSection1);
  600.    
  601.     var comprehensiveContainer = new Vertical();
  602.     comprehensiveContainer.setSpacing(12);
  603.     comprehensiveContainer.setBackgroundColor(255, 255, 255);
  604.     comprehensiveContainer.setAlignment("center");
  605.    
  606.     var comprehensiveTitleLabel = new Label();
  607.     comprehensiveTitleLabel.setText("综合功能演示区域");
  608.     comprehensiveTitleLabel.setTextColor(50, 50, 50);
  609.     comprehensiveTitleLabel.setFontSize(16);
  610.     comprehensiveTitleLabel.setTextAlignment("center");
  611.     comprehensiveContainer.addView(comprehensiveTitleLabel);
  612.    
  613.     var comprehensiveInfoPanel = new Horizontal();
  614.     comprehensiveInfoPanel.setSpacing(15);
  615.     comprehensiveInfoPanel.setAlignment("center");
  616.     comprehensiveInfoPanel.setBackgroundColor(245, 245, 245);
  617.    
  618.     var comprehensiveInfo1 = new Label();
  619.     comprehensiveInfo1.setText("间距: 12px");
  620.     comprehensiveInfo1.setTextColor(100, 100, 100);
  621.     comprehensiveInfo1.setFontSize(12);
  622.     comprehensiveInfoPanel.addView(comprehensiveInfo1);
  623.    
  624.     var comprehensiveInfo2 = new Label();
  625.     comprehensiveInfo2.setText("对齐: center");
  626.     comprehensiveInfo2.setTextColor(100, 100, 100);
  627.     comprehensiveInfo2.setFontSize(12);
  628.     comprehensiveInfoPanel.addView(comprehensiveInfo2);
  629.    
  630.     var comprehensiveInfo3 = new Label();
  631.     comprehensiveInfo3.setText("背景: 白色");
  632.     comprehensiveInfo3.setTextColor(100, 100, 100);
  633.     comprehensiveInfo3.setFontSize(12);
  634.     comprehensiveInfoPanel.addView(comprehensiveInfo3);
  635.    
  636.     comprehensiveContainer.addView(comprehensiveInfoPanel);
  637.    
  638.     var comprehensiveButtonPanel = new Horizontal();
  639.     comprehensiveButtonPanel.setSpacing(10);
  640.     comprehensiveButtonPanel.setAlignment("center");
  641.    
  642.     var comprehensiveBtnAdd = new Button();
  643.     comprehensiveBtnAdd.setText("添加");
  644.     comprehensiveBtnAdd.setColor(46, 139, 87);
  645.     comprehensiveBtnAdd.setTextColor(255, 255, 255);
  646.     comprehensiveBtnAdd.setWidth(70);
  647.     comprehensiveBtnAdd.setHeight(40);
  648.    
  649.     var comprehensiveItems = [];
  650.     comprehensiveBtnAdd.onClick(function() {
  651.         var newItem = new Label();
  652.         newItem.setText("动态添加项 - " + new Date().getTime());
  653.         newItem.setTextColor(80, 80, 80);
  654.         newItem.setFontSize(12);
  655.         comprehensiveItems.push(newItem);
  656.         comprehensiveContainer.addView(newItem);
  657.         printl("综合演示:已添加新项");
  658.     });
  659.     comprehensiveButtonPanel.addView(comprehensiveBtnAdd);
  660.    
  661.     var comprehensiveBtnRemove = new Button();
  662.     comprehensiveBtnRemove.setText("删除");
  663.     comprehensiveBtnRemove.setColor(220, 20, 60);
  664.     comprehensiveBtnRemove.setTextColor(255, 255, 255);
  665.     comprehensiveBtnRemove.setWidth(70);
  666.     comprehensiveBtnRemove.setHeight(40);
  667.     comprehensiveBtnRemove.onClick(function() {
  668.         printl("删除按钮被点击,当前控件数量: " + comprehensiveContainer.getViewCount());
  669.         printl("comprehensiveItems数组长度: " + comprehensiveItems.length);
  670.         if (comprehensiveItems.length > 0) {
  671.             // 移除第一个项
  672.             comprehensiveItems.shift();
  673.             
  674.             // 清空所有控件
  675.             comprehensiveContainer.clearAllViews();
  676.             
  677.             // 重新添加固定控件
  678.             comprehensiveContainer.addView(comprehensiveTitleLabel);
  679.             comprehensiveContainer.addView(comprehensiveInfoPanel);
  680.             comprehensiveContainer.addView(comprehensiveButtonPanel);
  681.             
  682.             // 重新添加剩余的项
  683.             for (var i = 0; i < comprehensiveItems.length; i++) {
  684.                 comprehensiveContainer.addView(comprehensiveItems[i]);
  685.             }
  686.             
  687.             printl("综合演示:已删除第一项");
  688.         } else {
  689.             printl("综合演示:控件数量不足");
  690.         }
  691.     });
  692.     comprehensiveButtonPanel.addView(comprehensiveBtnRemove);
  693.    
  694.     var comprehensiveBtnClear = new Button();
  695.     comprehensiveBtnClear.setText("清空");
  696.     comprehensiveBtnClear.setColor(148, 0, 211);
  697.     comprehensiveBtnClear.setTextColor(255, 255, 255);
  698.     comprehensiveBtnClear.setWidth(70);
  699.     comprehensiveBtnClear.setHeight(40);
  700.     comprehensiveBtnClear.onClick(function() {
  701.         comprehensiveItems = [];
  702.         comprehensiveContainer.clearAllViews();
  703.         comprehensiveContainer.addView(comprehensiveTitleLabel);
  704.         comprehensiveContainer.addView(comprehensiveInfoPanel);
  705.         comprehensiveContainer.addView(comprehensiveButtonPanel);
  706.         printl("综合演示:已清空所有控件");
  707.     });
  708.     comprehensiveButtonPanel.addView(comprehensiveBtnClear);
  709.    
  710.     comprehensiveContainer.addView(comprehensiveButtonPanel);
  711.    
  712.     var comprehensiveCountLabel = new Label();
  713.     comprehensiveCountLabel.setText("当前控件数量: " + comprehensiveContainer.getViewCount());
  714.     comprehensiveCountLabel.setTextColor(80, 80, 80);
  715.     comprehensiveCountLabel.setFontSize(12);
  716.     comprehensiveContainer.addView(comprehensiveCountLabel);
  717.    
  718.     comprehensivePage.addView(comprehensiveContainer);
  719.    
  720.     var comprehensiveSection2 = new Horizontal();
  721.     comprehensiveSection2.setAlignment("center");
  722.     comprehensiveSection2.setBackgroundColor(220, 220, 225);
  723.    
  724.     var comprehensiveSection2Label = new Label();
  725.     comprehensiveSection2Label.setText("方法总结");
  726.     comprehensiveSection2Label.setTextColor(60, 60, 60);
  727.     comprehensiveSection2Label.setFontSize(15);
  728.     comprehensiveSection2.addView(comprehensiveSection2Label);
  729.    
  730.     comprehensivePage.addView(comprehensiveSection2);
  731.    
  732.     var comprehensiveSummaryContainer = new Vertical();
  733.     comprehensiveSummaryContainer.setSpacing(8);
  734.     comprehensiveSummaryContainer.setBackgroundColor(255, 255, 255);
  735.    
  736.     var comprehensiveSummaryItems = [
  737.         "setSpacing(value) - 设置控件间距",
  738.         "setBackgroundColor(r, g, b) - 设置背景颜色",
  739.         "setContainerSize(width, height) - 设置容器大小",
  740.         "setAlignment(alignment) - 设置对齐方式",
  741.         "addView(view) - 添加子控件",
  742.         "clearAllViews() - 清空所有控件",
  743.         "getViewCount() - 获取控件数量"
  744.     ];
  745.    
  746.     for (var i = 0; i < comprehensiveSummaryItems.length; i++) {
  747.         var itemLabel = new Label();
  748.         itemLabel.setText(comprehensiveSummaryItems[i]);
  749.         itemLabel.setTextColor(80, 80, 80);
  750.         itemLabel.setFontSize(12);
  751.         comprehensiveSummaryContainer.addView(itemLabel);
  752.     }
  753.    
  754.     comprehensivePage.addView(comprehensiveSummaryContainer);
  755.    
  756.     // 添加所有页面到TabView
  757.     tab.addView(0, basicPage);
  758.     tab.addView(1, alignPage);
  759.     tab.addView(2, dynamicPage);
  760.     tab.addView(3, nestedPage);
  761.     tab.addView(4, comprehensivePage);
  762.    
  763.     printl("所有页面初始化完成");
  764. });
复制代码



untoIOS苹果脚本View的完整功能实例nextnocontent
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关导读了
    采集亚马逊正版群发工具有没有?
    Apr.20旅行X心语今天来说说YYPOST新功能的一个灵活用法,采集亚马逊商品信息,并且获得排名的软件,亚马逊现在越来越多客户做,淘宝的水是越来越清了,以前做电商的客户,现在都转战到外国,最赚钱的要数一些客户往亚马逊里堆了吧,拿我这个YYPOST的客户,最多的是采集,分析排名,刷价格,刷数量,改价,刷访问量等等技术

    企业发展B2B网站有什么东东软件可以发呢
    标题企业发展网B2B软件,现在虽然B2B网站收录不错,可愁的是心急的人们,他们太想一口吃撑胖子了,发帖宣传虽然不能像佛系那样淡定,但也不能像跑火车那般急躁对待,自己内容不收录,完全是自己操作内容问题,可以参考一下别人的内容是怎么弄的,然后自己要试着转变,而且收录这个内容,常常会变化的,不是一种规则就吃到老

    搜房天下房聊软件哪一个好呢
    本帖最后由 发帖软件 于 2019-5-22 16:15 编辑 2搜房天下群发房聊信息软件,开始本来打算做58同城的,但发一个就要一次点触验证码,这就让人没有感觉到存在的价值了吧,都是卖二手房和新房的搜房天下倒是可以发即时聊天信息,也没有发现他这个网站有啥子限制,登陆一个搜房天下账号,然后采集回来分类列表的网址,然后就一

    大家坛有没有好用的群发工具下载呢
    当你的笑容给我礼貌的招呼,大家坛全自动发帖软件,宣传推广是一场持久战,总是有一些人把软件用了一天,或是几个小时,就觉得自己付出太多了,那加进来的粉丝,或是流量,应该是和宣传多少成正比的,其实没有这么便宜的事,就像很多阅读量超过一百万的视频,或是电影,真正会在屏幕打赏的人不会超过三千,真正大额打赏给主

    群发正版软件中国塑料网
    中国塑料网群发软件YYPOST脚本下载地址,这个网站会有一个很奇怪的问题就是你在首页登陆无半个验证码,但在登陆网址登陆就会有一个验证码,所以我们灵活一些,在首页登陆就不用输入验证码了哈。网站秒收录比较高,但发的都是五金和建筑行业,先前有很多人都是发土建工程的大公司操作的,现在这个网站专为那个行业诞生的吧。

    OpenStreetMap网站正版2019年发帖工具下载
    本帖最后由 发帖软件 于 2019-5-21 11:13 编辑 OpenStreetMap网站全自动群发,OpenStreetMapOpenStreetMap(简称OSM,中文是公开地图)是一个网上地图协作计划,目标是创造一个内容自由且能让所有人编辑的世界地图。有的人编辑地图然后等收录,有的人发日志等收录,我们这里也是利用地图日志做为宣传的目标,简单的脚本理

    搜房天下全自动收短信全自动识别验证码注册账号软件
    房天下自动注册机,这个脚本是前几天发房聊的脚本廷伸品种,这个脚本能做到自动注册账号,自动保存账号,自动发房聊的效果,不过今天我们主要说一说怎么注册账号写脚本吧,这个搜房天天下的账号,可以发提问,可以发房聊,发论坛,发博客,还有发个人中心页都是有秒收的效果的,这样就省去了去买号,去乱花钱的效果了吧,而

    企业邮箱安卓端有什么APP软件可以发的呢
    请输入标题企业邮箱安卓发发送邮箱脚本,这个脚本是利用企业邮箱进行群发的,全程是一种模拟手工操作的过程,所以封号是很少的,而且企业邮箱群发到普通QQ邮箱不容易进垃圾箱中的,所以这个脚本也是这样的原理,不过最好是利用一些多开器,登陆多点的QQ邮箱账号会比较流畅一些,然后用软件一个一个的切换APP进行群发邮件会

    头条留评论软件有没有好用的呢?
    今天整一个今日头条留言软件,对于留言YYPOST是优势是比较大的存在,因为他往往专注一些下拉定位的优点,像今日头条这样,还是需要一些特殊下拉定位的,因为他新闻有长有短,有图有视频的,所以综合起来定位是比较难的,如果用POST也不是很轻松可以破解他的加密参数。这个脚本也是有一个不好的地方就是换号会比较麻烦,您电

    单网页生成神器
    最近新技术,网页生成机占领了整个网络的半壁江山,效果很疯狂,虽然不知道能持续多久,作为开发软件的领头者,一直在找收录的方法,一直在努力创新着,一直被人模仿,却从没有被超越过,这个网页生成机,已经出来有一段时间了,一直没有拿出来分享,醉过醉过,它是利用的一些小小收录漏洞整的,您最好用一些老站域名,进行

关闭
快速回复 返回列表 返回顶部
本站自动发贴软件,是现在最流行的做脚本软件,这种发贴工具,不但发贴收录快,而且抢占好的先机,完全自由编辑,实现针对性群发模拟操作,软件可以顶贴,也可以发贴,可以兼容支持Discuz、PHPWind、Dvbbs三大主流论坛,有手机验证码收件,邮件收发的功能,支持验证码识别,注册问题识别,多线程任务,自动上传头像,自动激活注册邮件,兼容防注册插件,本站软件原创正版,更新效率最快的原创软件。 『网络推广软件』『自动发帖软件』『 自动发帖