AIWROK软件苹果IOS里的UI-输入框类[Input]方法小结

	AIWROK软件苹果IOS里的UI-输入框类[Input]方法小结 //🍎UI-输入框类[Input]方法方法小结，交流QQ群711841924 //第一个方法：📌setText 设置输入框文本 var input = new Input(); input.setText("Hello"); // 设置输入框文本为Hello //第二个方法：📌getText 获取输入框文本 var input = new Input(); string currentText = input.getText(); // 获取输入框的文本内容 //第三个方法：📌setlD设置控件ID var input = new Input(); input.setID("input123"); //读取使用 config.getConfig("input123"); //第四个方法：📌setDefultText 设置默认值 var input = new Input(); input.setID("输入框1") input.setDefultText("Hello"); // 设置输入框文本为Hello //第五个方法：📌setTextColor设置文本颜色 var input = new Input(); input.setTextColor(255, 0, 0); // 设置文本颜色为红色 //第六个方法：📌setFontSize设置字体大小 var input = new Input(); input.setFontSize(14); // 设置字体大小为14 //第七个方法：📌setBackgroundColor 设置背景颜色 var input = new Input(); input.setBackgroundColor(0, 255, 0); // 设置背景颜色为绿色 //第八个方法：📌setWidth设置输入框宽度 var input = new Input(); input.setWidth(300); // 设置输入框宽度为300 //第九个方法：📌setHeight 设置输入框高度 var input = new Input(); input.setHeight(40); // 设置输入框高度为40 //第十个方法：📌setPlaceholder 设置占位符文本 var input = new Input(); input.setPlaceholder("请输入内容"); // 设置占位符文本为'请输入内容' //第十一个方法：📌setTextAlignment 设置文本对齐方式 var input = new Input(); input.setTextAlignment("center"); // 设置文本对齐方式为居中 //第十二个方法：📌setlnputStyle设置输入框样式 var input = new Input(); input.setInputStyle(true); // 设置输入框样式为底部线条 复制代码 📌setText 设置输入框文本 类别 详情说明 方法功能 设置输入框的显示文本 方法签名 Void setText(String text) 返回值 Void 参数 -String text ：要设置的输入框文本内容 案例 var input = new Input(); input.setText("Hello"); // 设置输入框文本为Hello 📌getText 获取输入框文本 类别 详情说明 方法功能 获取当前输入框的文本内容 方法签名 String getText() 返回值 String 参数 无 案例 var input = new Input(); string currentText = input.getText(); // 获取输入框的文本内容 📌setlD设置控件ID 类别 详情说明 方法功能 设置控件 ID，设置后可自动保存配置信息 方法签名 Void setID(String id) 返回值 Void 参数 - String id ：要设置的控件 ID 案例 var input = new Input(); input.setID("input123"); //读取使用 config.getConfig("input123"); 📌setDefultText 设置默认值 类别 详情说明 方法功能 设置输入框的默认显示文本 方法签名 Void setDefaultText(String text) 返回值 Void 参数 - String text ：要设置的输入框默认文本内容 案例 var input = new Input(); input.setID("输入框1") input.setDefultText("Hello"); // 设置输入框文本为Hello 📌setTextColor设置文本颜色 类别 详情说明 方法功能 设置输入框文本的颜色 方法签名 Void setTextColor(Int32 red, Int32 green, Int32 blue) 返回值 Void 参数 - Int32 red ：红色分量（通常取值范围 0~255 ） - Int32 green ：绿色分量（通常取值范围 0~255 ） - Int32 blue ：蓝色分量（通常取值范围 0~255 ） 案例 var input = new Input(); input.setTextColor(255, 0, 0); // 设置文本颜色为红色 📌setFontSize设置字体大小 类别 详情说明 方法功能 设置输入框中文本的字体大小 方法签名 Void setFontSize(Int32 size) 返回值 Void 参数 - Int32 size ：要设置的字体大小 案例 var input = new Input(); input.setFontSize(14); // 设置字体大小为14 📌setBackgroundColor 设置背景颜色 类别 详情说明 方法功能 设置输入框的背景颜色 方法签名 Void setBackgroundColor(Int32 red, Int32 green, Int32 blue) 返回值 Void 参数 - Int32 red ：红色分量（通常取值范围 0~255 ） - Int32 green ：绿色分量（通常取值范围 0~255 ） - Int32 blue ：蓝色分量（通常取值范围 0~255 ） 案例 var input = new Input(); input.setBackgroundColor(0, 255, 0); // 设置背景颜色为绿色 📌setWidth设置输入框宽度 类别 详情说明 方法功能 设置输入框的宽度 方法签名 Void setWidth(Int32 width) 返回值 Void 参数 - Int32 width ：要设置的输入框宽度 案例 var input = new Input(); input.setWidth(300); // 设置输入框宽度为300 📌setHeight 设置输入框高度 类别 详情说明 方法功能 设置输入框的高度 方法签名 Void setHeight(Int32 height) 返回值 Void 参数 - Int32 height ：要设置的输入框高度 案例 var input = new Input(); input.setHeight(40); // 设置输入框高度为40 📌setPlaceholder 设置占位符文本 类别 详情说明 方法功能 设置输入框的占位符文本 方法签名 Void setPlaceholder(String text) 返回值 Void 参数 - String text ：要设置的占位符文本内容 案例 var input = new Input(); input.setPlaceholder("请输入内容"); // 设置占位符文本为'请输入内容' 📌setTextAlignment 设置文本对齐方式 类别 详情说明 方法功能 设置输入框中文字的对齐方式 方法签名 Void setTextAlignment(String alignment) 返回值 Void 参数 - String alignment ：文本对齐方式（如 center 、left 、right 等可选值） 案例 var input = new Input(); input.setTextAlignment("center"); // 设置文本对齐方式为居中 📌setlnputStyle设置输入框样式 类别 详情说明 方法功能 设置输入框的显示文本 方法签名 Void setText(String text) 返回值 Void 参数 - String text ：要设置的输入框文本内容 案例 var input = new Input(); input.setInputStyle(true); // 设置输入框样式为底部线条 完整案例： // 🔨UI-输入框类[Input]方法完整示例 // 🍎UI-输入框类[Input]方法小结，交流QQ群711841924 printl("=== Input控件方法完整示例 ==="); var vc = new IOSView(); vc.show(() => {     printl("Input示例界面已加载");         // 获取当前视图     var view = vc.getView();         // 创建主容器     var mainContainer = new Vertical();     mainContainer.setSpacing(15);     mainContainer.setBackgroundColor(245, 245, 245);         // 标题区域     var titleContainer = new Vertical();     titleContainer.setAlignment("center");     titleContainer.setSpacing(5);     titleContainer.setBackgroundColor(0, 122, 255);         var titleLabel = new Label();     titleLabel.setText("Input控件演示");     titleLabel.setFontSize(20.0);     titleLabel.setTextColor(255, 255, 255);     titleLabel.setTextAlignment("center");         var subtitleLabel = new Label();     subtitleLabel.setText("输入框控件的使用方法");     subtitleLabel.setFontSize(14.0);     subtitleLabel.setTextColor(255, 255, 255);     subtitleLabel.setTextAlignment("center");         titleContainer.addView(titleLabel);     titleContainer.addView(subtitleLabel);     mainContainer.addView(titleContainer);         // Input方法演示区域     var demoContainer = new Vertical();     demoContainer.setBackgroundColor(255, 255, 255);     demoContainer.setSpacing(15);         var demoTitle = new Label();     demoTitle.setText("Input控件功能演示");     demoTitle.setFontSize(16.0);     demoTitle.setTextColor(0, 0, 0);     demoTitle.setTextAlignment("center");     demoContainer.addView(demoTitle);         // 第一个方法：setText 设置输入框文本     var setTextDemo = new Vertical();     setTextDemo.setSpacing(5);         var setTextLabel = new Label();     setTextLabel.setText("📌 setText 设置输入框文本");     setTextLabel.setFontSize(14.0);     setTextLabel.setTextColor(0, 122, 255);     setTextDemo.addView(setTextLabel);         var setInput = new Input();     setInput.setText("Hello"); // 设置输入框文本为Hello     setInput.setWidth(250);     setInput.setHeight(40);     setInput.setBackgroundColor(240, 240, 240);         setTextDemo.addView(setInput);     demoContainer.addView(setTextDemo);         // 第二个方法：getText 获取输入框文本     var getTextDemo = new Vertical();     getTextDemo.setSpacing(5);         var getTextLabel = new Label();     getTextLabel.setText("📌 getText 获取输入框文本");     getTextLabel.setFontSize(14.0);     getTextLabel.setTextColor(0, 122, 255);     getTextDemo.addView(getTextLabel);         var getInput = new Input();     getInput.setPlaceholder("请输入内容");     getInput.setWidth(250);     getInput.setHeight(40);     getInput.setBackgroundColor(240, 240, 240);         var getButton = new Button();     getButton.setText("获取文本");     getButton.setColor(52, 199, 89);     getButton.setTextColor(255, 255, 255);     getButton.setWidth(80);     getButton.setHeight(40);         getButton.onClick(() => {         var currentText = getInput.getText(); // 获取输入框的文本内容         printl("输入框内容: " + currentText);                  var resultLabel = new Label();         resultLabel.setText("获取到: " + currentText);         resultLabel.setFontSize(12.0);         resultLabel.setTextColor(52, 199, 89);         getTextDemo.addView(resultLabel);     });         var getTextContainer = new Horizontal();     getTextContainer.setSpacing(10);     getTextContainer.addView(getInput);     getTextContainer.addView(getButton);         getTextDemo.addView(getTextContainer);     demoContainer.addView(getTextDemo);         // 第三个方法和第四个方法：setID 和 setDefultText     var idDefaultDemo = new Vertical();     idDefaultDemo.setSpacing(5);         var idDefaultLabel = new Label();     idDefaultLabel.setText("📌 setID 和 setDefultText");     idDefaultLabel.setFontSize(14.0);     idDefaultLabel.setTextColor(0, 122, 255);     idDefaultDemo.addView(idDefaultLabel);         var idInput = new Input();     idInput.setID("输入框1");     idInput.setDefultText("Hello"); // 设置输入框默认文本为Hello     idInput.setWidth(250);     idInput.setHeight(40);     idInput.setBackgroundColor(240, 240, 240);         var idButton = new Button();     idButton.setText("读取配置");     idButton.setColor(255, 149, 0);     idButton.setTextColor(255, 255, 255);     idButton.setWidth(80);     idButton.setHeight(40);         idButton.onClick(() => {         var savedConfig = config.getConfig("输入框1");         printl("保存的配置: " + savedConfig);                  var resultLabel = new Label();         resultLabel.setText("配置值: " + savedConfig);         resultLabel.setFontSize(12.0);         resultLabel.setTextColor(255, 149, 0);         idDefaultDemo.addView(resultLabel);     });         var idContainer = new Horizontal();     idContainer.setSpacing(10);     idContainer.addView(idInput);     idContainer.addView(idButton);         idDefaultDemo.addView(idContainer);     demoContainer.addView(idDefaultDemo);         // 第五个方法：setTextColor设置文本颜色     var textColorDemo = new Vertical();     textColorDemo.setSpacing(5);         var textColorLabel = new Label();     textColorLabel.setText("📌 setTextColor设置文本颜色");     textColorLabel.setFontSize(14.0);     textColorLabel.setTextColor(0, 122, 255);     textColorDemo.addView(textColorLabel);         var colorInput = new Input();     colorInput.setPlaceholder("红色文本输入框");     colorInput.setTextColor(255, 0, 0); // 设置文本颜色为红色     colorInput.setWidth(250);     colorInput.setHeight(40);     colorInput.setBackgroundColor(240, 240, 240);         textColorDemo.addView(colorInput);     demoContainer.addView(textColorDemo);         // 第六个方法：setFontSize设置字体大小     var fontSizeDemo = new Vertical();     fontSizeDemo.setSpacing(5);         var fontSizeLabel = new Label();     fontSizeLabel.setText("📌 setFontSize设置字体大小");     fontSizeLabel.setFontSize(14.0);     fontSizeLabel.setTextColor(0, 122, 255);     fontSizeDemo.addView(fontSizeLabel);         var sizeInput = new Input();     sizeInput.setPlaceholder("大字体输入框");     sizeInput.setFontSize(18); // 设置字体大小为18     sizeInput.setWidth(250);     sizeInput.setHeight(40);     sizeInput.setBackgroundColor(240, 240, 240);         fontSizeDemo.addView(sizeInput);     demoContainer.addView(fontSizeDemo);         // 第七个方法：setBackgroundColor 设置背景颜色     var bgColorDemo = new Vertical();     bgColorDemo.setSpacing(5);         var bgColorLabel = new Label();     bgColorLabel.setText("📌 setBackgroundColor设置背景颜色");     bgColorLabel.setFontSize(14.0);     bgColorLabel.setTextColor(0, 122, 255);     bgColorDemo.addView(bgColorLabel);         var bgInput = new Input();     bgInput.setPlaceholder("绿色背景输入框");     bgInput.setBackgroundColor(144, 238, 144); // 设置背景颜色为浅绿色     bgInput.setWidth(250);     bgInput.setHeight(40);         bgColorDemo.addView(bgInput);     demoContainer.addView(bgColorDemo);         // 第八个和第九个方法：setWidth 和 setHeight     var sizeDemo = new Vertical();     sizeDemo.setSpacing(5);         var sizeLabel = new Label();     sizeLabel.setText("📌 setWidth 和 setHeight");     sizeLabel.setFontSize(14.0);     sizeLabel.setTextColor(0, 122, 255);     sizeDemo.addView(sizeLabel);         var sizeInput = new Input();     sizeInput.setPlaceholder("自定义尺寸输入框");     sizeInput.setWidth(300); // 设置输入框宽度为300     sizeInput.setHeight(50); // 设置输入框高度为50     sizeInput.setBackgroundColor(240, 240, 240);         sizeDemo.addView(sizeInput);     demoContainer.addView(sizeDemo);         // 第十个方法：setPlaceholder 设置占位符文本     var placeholderDemo = new Vertical();     placeholderDemo.setSpacing(5);         var placeholderLabel = new Label();     placeholderLabel.setText("📌 setPlaceholder 设置占位符文本");     placeholderLabel.setFontSize(14.0);     placeholderLabel.setTextColor(0, 122, 255);     placeholderDemo.addView(placeholderLabel);         var placeholderInput = new Input();     placeholderInput.setPlaceholder("请输入内容"); // 设置占位符文本为'请输入内容'     placeholderInput.setWidth(250);     placeholderInput.setHeight(40);     placeholderInput.setBackgroundColor(240, 240, 240);         placeholderDemo.addView(placeholderInput);     demoContainer.addView(placeholderDemo);         // 第十一个方法：setTextAlignment 设置文本对齐方式     var alignmentDemo = new Vertical();     alignmentDemo.setSpacing(5);         var alignmentLabel = new Label();     alignmentLabel.setText("📌 setTextAlignment 设置文本对齐方式");     alignmentLabel.setFontSize(14.0);     alignmentLabel.setTextColor(0, 122, 255);     alignmentDemo.addView(alignmentLabel);         var leftInput = new Input();     leftInput.setPlaceholder("左对齐");     leftInput.setTextAlignment("left"); // 设置文本对齐方式为左对齐     leftInput.setWidth(250);     leftInput.setHeight(40);     leftInput.setBackgroundColor(240, 240, 240);         var centerInput = new Input();     centerInput.setPlaceholder("居中对齐");     centerInput.setTextAlignment("center"); // 设置文本对齐方式为居中     centerInput.setWidth(250);     centerInput.setHeight(40);     centerInput.setBackgroundColor(240, 240, 240);         var rightInput = new Input();     rightInput.setPlaceholder("右对齐");     rightInput.setTextAlignment("right"); // 设置文本对齐方式为右对齐     rightInput.setWidth(250);     rightInput.setHeight(40);     rightInput.setBackgroundColor(240, 240, 240);         alignmentDemo.addView(leftInput);     alignmentDemo.addView(centerInput);     alignmentDemo.addView(rightInput);     demoContainer.addView(alignmentDemo);         // 第十二个方法：setInputStyle设置输入框样式     var styleDemo = new Vertical();     styleDemo.setSpacing(5);         var styleLabel = new Label();     styleLabel.setText("📌 setInputStyle设置输入框样式");     styleLabel.setFontSize(14.0);     styleLabel.setTextColor(0, 122, 255);     styleDemo.addView(styleLabel);         var styleInput = new Input();     styleInput.setPlaceholder("底部线条样式");     styleInput.setInputStyle(true); // 设置输入框样式为底部线条     styleInput.setWidth(250);     styleInput.setHeight(40);         styleDemo.addView(styleInput);     demoContainer.addView(styleDemo);         mainContainer.addView(demoContainer);         // 实际应用示例     var applicationContainer = new Vertical();     applicationContainer.setBackgroundColor(255, 255, 255);     applicationContainer.setSpacing(15);         var appTitle = new Label();     appTitle.setText("Input实际应用示例");     appTitle.setFontSize(16.0);     appTitle.setTextColor(0, 0, 0);     appTitle.setTextAlignment("center");     applicationContainer.addView(appTitle);         // 用户名输入     var usernameContainer = new Vertical();     usernameContainer.setSpacing(5);         var usernameLabel = new Label();     usernameLabel.setText("用户名:");     usernameLabel.setFontSize(14.0);     usernameLabel.setTextColor(0, 0, 0);     usernameContainer.addView(usernameLabel);         var usernameInput = new Input();     usernameInput.setPlaceholder("请输入用户名");     usernameInput.setWidth(250);     usernameInput.setHeight(40);     usernameInput.setBackgroundColor(240, 240, 240);     usernameContainer.addView(usernameInput);     applicationContainer.addView(usernameContainer);         // 密码输入     var passwordContainer = new Vertical();     passwordContainer.setSpacing(5);         var passwordLabel = new Label();     passwordLabel.setText("密码:");     passwordLabel.setFontSize(14.0);     passwordLabel.setTextColor(0, 0, 0);     passwordContainer.addView(passwordLabel);         var passwordInput = new Input();     passwordInput.setPlaceholder("请输入密码");     passwordInput.setWidth(250);     passwordInput.setHeight(40);     passwordInput.setBackgroundColor(240, 240, 240);     passwordInput.setInputStyle(true); // 底部线条样式     passwordContainer.addView(passwordInput);     applicationContainer.addView(passwordContainer);         // 按钮区域     var buttonContainer = new Horizontal();     buttonContainer.setSpacing(10);     buttonContainer.setAlignment("center");         var submitBtn = new Button();     submitBtn.setText("提交");     submitBtn.setColor(0, 122, 255);     submitBtn.setTextColor(255, 255, 255);     submitBtn.setWidth(100);     submitBtn.setHeight(40);         submitBtn.onClick(() => {         var username = usernameInput.getText();         var password = passwordInput.getText();         printl("用户名: " + username);         printl("密码: " + password);                  var resultLabel = new Label();         resultLabel.setText("提交成功！用户名: " + username);         resultLabel.setFontSize(12.0);         resultLabel.setTextColor(52, 199, 89);         applicationContainer.addView(resultLabel);     });         var resetBtn = new Button();     resetBtn.setText("重置");     resetBtn.setColor(255, 149, 0);     resetBtn.setTextColor(255, 255, 255);     resetBtn.setWidth(100);     resetBtn.setHeight(40);         resetBtn.onClick(() => {         usernameInput.setText("");         passwordInput.setText("");         printl("输入框已重置");     });         buttonContainer.addView(submitBtn);     buttonContainer.addView(resetBtn);     applicationContainer.addView(buttonContainer);     mainContainer.addView(applicationContainer);         // 控件信息区域     var infoContainer = new Vertical();     infoContainer.setBackgroundColor(236, 245, 255);     infoContainer.setSpacing(8);         var infoTitle = new Label();     infoTitle.setText("ℹ️ Input控件说明");     infoTitle.setFontSize(16.0);     infoTitle.setTextColor(0, 122, 255);     infoContainer.addView(infoTitle);         var info1 = new Label();     info1.setText("• Input控件用于接收用户输入");     info1.setFontSize(12.0);     info1.setTextColor(52, 58, 64);     infoContainer.addView(info1);         var info2 = new Label();     info2.setText("• 支持文本设置、获取和样式定制");     info2.setFontSize(12.0);     info2.setTextColor(52, 58, 64);     infoContainer.addView(info2);         var info3 = new Label();     info3.setText("• 可通过setID保存和读取配置");     info3.setFontSize(12.0);     info3.setTextColor(52, 58, 64);     infoContainer.addView(info3);         mainContainer.addView(infoContainer);         // 底部按钮     var bottomContainer = new Horizontal();     bottomContainer.setSpacing(10);     bottomContainer.setAlignment("center");         var exitBtn = new Button();     exitBtn.setText("退出示例");     exitBtn.setColor(255, 59, 48);     exitBtn.setTextColor(255, 255, 255);     exitBtn.setHeight(40);         exitBtn.onClick(() => {         printl("退出按钮被点击");         vc.dismiss();     });         bottomContainer.addView(exitBtn);     mainContainer.addView(bottomContainer);         // 添加到主视图     view.addView(mainContainer);         printl("Input示例界面构建完成"); }); printl("Input控件完整示例已启动"); 复制代码