AIWROK软件IOS系统里的UI-标签类[Label]方法小结

信息发布软件

	AIWROK软件IOS系统里的UI-标签类[Label]方法小结 //UI-标签类[Label]方法小结，交流QQ群711841924 //第一个方法：setText设置标签文本 var label = new Label(); label.setText("Hello World"); //第二个方法：setTextColor设置文本颜色 var label = new Label(); label.setTextColor(1.0f, 0.0f, 0.0f); // 设置文本颜色为红色 //第三个方法：setFontSize设置字体大小 var label = new Label(); label.setFontSize(16.0f); // 设置字体大小为16 //第四个方法：setBackgroundColor设置背景颜色 var label = new Label(); label.setBackgroundColor(0, 255, 255); // 设置背景颜色为绿色 //第五个方法：setWidth 设置标签宽度 var label = new Label(); label.setWidth(200); // 设置标签宽度为200 //第六个方法：setHeight设置标签高度 var label = new Label(); label.setHeight(50); // 设置标签高度为50 //第七个方法：setTextAlignment设置文本对齐方式 var label = new Label(); label.setTextAlignment("center"); // 设置文本对齐方式为居中left center right 复制代码 📌setText设置标签文本 类别 详情说明 方法功能 设置标签的显示文本 方法签名 Void setText(String text) 返回值 Void 参数 - String text ：要设置的标签文本 案例 var label = new Label(); label.setText("Hello World"); 📌setTextColor 设置文本颜色 类别 详情说明 方法功能 设置文本的颜色 方法签名 Void setTextColor(Single red, Single green, Single blue) 返回值 Void 参数 - Single red ：红色分量 - Single green ：绿色分量 - Single blue ：蓝色分量 案例 var label = new Label(); label.setTextColor(1.0f, 0.0f, 0.0f); // 设置文本颜色为红色 📌setBackgroundColor设置背景颜色 类别 详情说明 方法功能 设置文本的颜色 方法签名 Void setTextColor(Single red, Single green, Single blue) 返回值 Void 参数 - Single red ：红色分量 - Single green ：绿色分量 - Single blue ：蓝色分量 案例 var label = new Label(); label.setTextColor(1.0f, 0.0f, 0.0f); // 设置文本颜色为红色 📌setFontSize设置字体大小 类别 详情说明 方法功能 设置文本的字体大小 方法签名 Void setFontSize(Single size) 返回值 Void 参数 - Single size ：字体大小参数 案例 var label = new Label(); label.setFontSize(16.0f); // 设置字体大小为16 📌setWidth 设置标签宽度 类别 详情说明 方法功能 设置标签的宽度 方法签名 Void setWidth(Int32 width) 返回值 Void 参数 - Int32 width ：要设置的标签宽度值 案例 var label = new Label(); label.setWidth(200); // 设置标签宽度为200 📌setHeight设置标签高度 类别 详情说明 方法功能 设置标签的高度 方法签名 Void setHeight(Int32 height) 返回值 Void 参数 - Int32 height ：要设置的标签高度值 案例 var label = new Label(); label.setHeight(50); // 设置标签高度为50 📌setTextAlignment设置文本对齐方式 类别 详情说明 方法功能 设置文本在标签内的对齐方式，可选值：left （左对齐）、center （居中对齐）、right （右对齐） 方法签名 Void setTextAlignment(String alignment) 返回值 Void 参数 - String alignment ：对齐方式，可选值为 left （左对齐）、center （居中对齐）、right （右对齐） 案例 var label = new Label(); label.setTextAlignment("center"); // 设置文本对齐方式为居中（可选值：left、center、right） 完整示例方法例子： // 🔨🍎UI-标签类[Label]方法完整示例 // UI-标签类[Label]方法小结，交流QQ群711841924 // 创建 TabView var tab = new TabView(); // 设置标签页标题 tab.setTitles(["文本与颜色", "尺寸与对齐", "综合演示"]); // 显示 TabView，并在加载完成后执行回调函数 tab.show(function() {     printl("Label示例 TabView 显示完成");     // ====================== 第一页：文本与颜色设置 ======================     var textColorPage = new Vertical();     textColorPage.setSpacing(15);     textColorPage.setBackgroundColor(240, 240, 240);     // 标题     var title = new Label();     title.setText("Label文本与颜色设置演示");     title.setFontSize(18.0);     title.setTextColor(0, 0, 0);     textColorPage.addView(title);     // 基本文本设置     var basicText = new Label();     basicText.setText("基本文本设置示例");     textColorPage.addView(basicText);     // 红色文本     var redText = new Label();     redText.setText("这是红色文本");     redText.setTextColor(255, 0, 0); // 红色     redText.setFontSize(16.0);     textColorPage.addView(redText);     // 绿色文本     var greenText = new Label();     greenText.setText("这是绿色文本");     greenText.setTextColor(0, 255, 0); // 绿色     greenText.setFontSize(14.0);     textColorPage.addView(greenText);     // 蓝色文本     var blueText = new Label();     blueText.setText("这是蓝色文本");     blueText.setTextColor(0, 0, 255); // 蓝色     blueText.setFontSize(12.0);     textColorPage.addView(blueText);     // 带背景色的文本     var bgText = new Label();     bgText.setText("带背景色的文本");     bgText.setTextColor(255, 255, 255); // 白色文本     bgText.setBackgroundColor(100, 100, 100); // 灰色背景     textColorPage.addView(bgText);     // ====================== 第二页：尺寸与对齐设置 ======================     var sizeAlignPage = new Vertical();     sizeAlignPage.setSpacing(20);     sizeAlignPage.setBackgroundColor(245, 245, 220);     // 标题     var title2 = new Label();     title2.setText("Label尺寸与对齐设置演示");     title2.setFontSize(18.0);     title2.setTextColor(0, 0, 0);     sizeAlignPage.addView(title2);     // 不同尺寸的文本     var largeText = new Label();     largeText.setText("大号字体 (20px)");     largeText.setFontSize(20.0);     largeText.setWidth(300);     largeText.setHeight(40);     sizeAlignPage.addView(largeText);     var mediumText = new Label();     mediumText.setText("中号字体 (16px)");     mediumText.setFontSize(16.0);     mediumText.setWidth(250);     mediumText.setHeight(35);     sizeAlignPage.addView(mediumText);     var smallText = new Label();     smallText.setText("小号字体 (12px)");     smallText.setFontSize(12.0);     smallText.setWidth(200);     smallText.setHeight(30);     sizeAlignPage.addView(smallText);     // 不同对齐方式     var leftAlign = new Label();     leftAlign.setText("左对齐文本");     leftAlign.setTextAlignment("left");     leftAlign.setWidth(250);     leftAlign.setHeight(30);     leftAlign.setBackgroundColor(220, 220, 255);     sizeAlignPage.addView(leftAlign);     var centerAlign = new Label();     centerAlign.setText("居中对齐文本");     centerAlign.setTextAlignment("center");     centerAlign.setWidth(250);     centerAlign.setHeight(30);     centerAlign.setBackgroundColor(220, 255, 220);     sizeAlignPage.addView(centerAlign);     var rightAlign = new Label();     rightAlign.setText("右对齐文本");     rightAlign.setTextAlignment("right");     rightAlign.setWidth(250);     rightAlign.setHeight(30);     rightAlign.setBackgroundColor(255, 220, 220);     sizeAlignPage.addView(rightAlign);     // ====================== 第三页：综合演示 ======================     var comprehensivePage = new Vertical();     comprehensivePage.setSpacing(15);     comprehensivePage.setBackgroundColor(255, 240, 240);     // 标题     var title3 = new Label();     title3.setText("Label综合演示");     title3.setFontSize(20.0);     title3.setTextColor(0, 0, 150);     title3.setTextAlignment("center");     title3.setWidth(350);     title3.setHeight(50);     title3.setBackgroundColor(200, 230, 255);     comprehensivePage.addView(title3);     // 多种属性组合     var combo1 = new Label();     combo1.setText("大字体+红色+居中+背景色");     combo1.setFontSize(18.0);     combo1.setTextColor(200, 0, 0);     combo1.setTextAlignment("center");     combo1.setWidth(350);     combo1.setHeight(45);     combo1.setBackgroundColor(255, 230, 230);     comprehensivePage.addView(combo1);     var combo2 = new Label();     combo2.setText("中字体+蓝色+右对齐+背景色");     combo2.setFontSize(15.0);     combo2.setTextColor(0, 0, 200);     combo2.setTextAlignment("right");     combo2.setWidth(350);     combo2.setHeight(40);     combo2.setBackgroundColor(230, 230, 255);     comprehensivePage.addView(combo2);     var combo3 = new Label();     combo3.setText("小字体+绿色+左对齐+背景色");     combo3.setFontSize(12.0);     combo3.setTextColor(0, 150, 0);     combo3.setTextAlignment("left");     combo3.setWidth(350);     combo3.setHeight(35);     combo3.setBackgroundColor(230, 255, 230);     comprehensivePage.addView(combo3);     // 信息展示标签     var infoLabel = new Label();     infoLabel.setText("Label控件支持7种方法：\n1. setText - 设置文本\n2. setTextColor - 设置文本颜色\n3. setFontSize - 设置字体大小\n4. setBackgroundColor - 设置背景色\n5. setWidth - 设置宽度\n6. setHeight - 设置高度\n7. setTextAlignment - 设置文本对齐");     infoLabel.setFontSize(12.0);     infoLabel.setTextColor(50, 50, 50);     infoLabel.setTextAlignment("left");     infoLabel.setWidth(350);     infoLabel.setHeight(150);     infoLabel.setBackgroundColor(255, 255, 200);     comprehensivePage.addView(infoLabel);     // 公共返回按钮     var btnBack = new Button();     btnBack.setText("返回");     btnBack.setColor(255, 0, 0);     btnBack.setTextColor(255, 255, 255);     btnBack.onClick(function() {         printl("返回键被点击");         tab.dismiss();     });     // 添加所有页面到TabView     tab.addView(0, textColorPage);     tab.addView(1, sizeAlignPage);     tab.addView(2, comprehensivePage);     tab.addView(3, btnBack);     printl("Label示例视图添加完成"); }); printl("Label控件方法演示程序启动"); 复制代码