如何在代码其他区域设置Text Widget文本？按钮点击触发设为"hi"

这个需求太常见啦，我给你分几个主流开发平台讲讲具体怎么做，都是实际项目里常用的写法：

iOS（Swift） #

首先你得在Storyboard或者XIB里，给你的TextField拖一个IBOutlet（用来在代码里引用这个控件），再给按钮拖一个IBAction（处理点击事件）。代码大概是这样：

import UIKit

class ViewController: UIViewController {
    // 关联Storyboard里的TextField
    @IBOutlet weak var myTextField: UITextField!

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    // 按钮点击事件
    @IBAction func tapSetTextButton(_ sender: UIButton) {
        // 设置TextField的文本为"hi"
        myTextField.text = "hi"
    }
}

如果是用纯代码创建控件（不用Storyboard），那直接在代码里初始化TextField，然后在按钮点击事件里修改它的text属性就行。

iOS（Objective-C） #

要是你用的是Objective-C，思路也一样，先关联控件和点击事件：

#import "ViewController.h"

@interface ViewController ()
// 声明TextField的属性
@property (weak, nonatomic) IBOutlet UITextField *myTextField;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
}

// 按钮点击方法
- (IBAction)tapSetTextButton:(UIButton *)sender {
    // 设置文本
    self.myTextField.text = @"hi";
}

@end

Android（Kotlin） #

在Android里，TextField对应的是EditText控件。你可以用两种方式实现：

方式1：findViewById #

先在布局文件（比如activity_main.xml）里给EditText和按钮设置id：

<EditText
    android:id="@+id/myEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

<Button
    android:id="@+id/setTextButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="设置文本"/>

然后在Activity里处理点击事件：

import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val myEditText = findViewById<EditText>(R.id.myEditText)
        val setTextButton = findViewById<Button>(R.id.setTextButton)

        setTextButton.setOnClickListener {
            // 设置文本为"hi"
            myEditText.setText("hi")
            // 或者用myEditText.text = "hi"（Kotlin扩展语法）
        }
    }
}

方式2：View Binding（更推荐） #

View Binding可以避免findViewById的繁琐，先在build.gradle里开启：

android {
    ...
    buildFeatures {
        viewBinding true
    }
}

然后代码里直接用绑定类：

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.yourpackage.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.setTextButton.setOnClickListener {
            binding.myEditText.text = "hi"
        }
    }
}

Android（Java） #

Java版本的实现，用findViewById的话：

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        EditText myEditText = findViewById(R.id.myEditText);
        Button setTextButton = findViewById(R.id.setTextButton);

        setTextButton.setOnClickListener(v -> {
            myEditText.setText("hi");
        });
    }
}

Web前端（JavaScript） #

如果是网页里的input文本框，给控件设置id后，直接在按钮点击事件里修改value属性就行：

HTML部分：

<input type="text" id="myTextField">
<button id="setTextBtn">设置文本</button>

JavaScript部分：

// 获取控件
const myTextField = document.getElementById('myTextField');
const setTextBtn = document.getElementById('setTextBtn');

// 添加点击事件监听
setTextBtn.addEventListener('click', function() {
    // 设置文本为"hi"
    myTextField.value = "hi";
});

这样不管你用哪个平台，都能轻松实现点击按钮修改文本框内容的需求啦～

内容的提问来源于stack exchange，提问作者AzuLX