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

信息发布软件 · 发表于 2025-8-6 07:00:51

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控件完整示例已启动");

复制代码

		自动登录	找回密码
密码			立即注册

[宣传软件网站动态] AIWROK软件苹果IOS里的UI-输入框类[Input]方法小结

相关帖子