Kivy中TextField联动实现：A输入值乘整数后显示于B

以下是两种实用的实现方案，直接可运行：

方案一：事件监听+手动计算 #

这种方式逻辑直观，适合需要额外处理逻辑的场景：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder

Builder.load_string('''
<MainLayout>:
    orientation: 'vertical'
    spacing: 10
    padding: 20
    
    TextField:
        id: input_field_a
        hint_text: "输入数值"
        input_filter: 'float'  # 限制仅输入数值
        on_text: root.update_field_b(self.text)
    
    TextField:
        id: output_field_b
        hint_text: "显示结果"
        readonly: True  # 禁止手动修改结果
''')

class MainLayout(BoxLayout):
    MULTIPLIER = 3  # 自定义乘数，按需修改

    def update_field_b(self, input_text):
        try:
            num = float(input_text)
            self.ids.output_field_b.text = str(num * self.MULTIPLIER)
        except ValueError:
            # 输入无效时清空结果框
            self.ids.output_field_b.text = ""

class LinkedTextFieldApp(App):
    def build(self):
        return MainLayout()

if __name__ == '__main__':
    LinkedTextFieldApp().run()

关键细节 #

• input_filter: 'float' 限制TextField A只能输入数值，减少异常情况
• 通过on_text事件绑定更新方法，输入变化时自动触发计算
• 异常处理确保输入非数值时，结果框不会显示错误内容

方案二：Kivy属性绑定 #

利用Kivy的属性系统实现自动联动，代码更简洁：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder
from kivy.properties import NumericProperty

Builder.load_string('''
<MainLayout>:
    orientation: 'vertical'
    spacing: 10
    padding: 20
    
    TextField:
        id: input_field_a
        hint_text: "输入数值"
        input_filter: 'float'
        text: str(root.input_value) if root.input_value is not None else ""
    
    TextField:
        id: output_field_b
        hint_text: "显示结果"
        readonly: True
        text: str(root.input_value * root.MULTIPLIER) if root.input_value is not None else ""
''')

class MainLayout(BoxLayout):
    MULTIPLIER = 3
    input_value = NumericProperty(None)  # 绑定输入数值的属性

class LinkedTextFieldApp(App):
    def build(self):
        return MainLayout()

if __name__ == '__main__':
    LinkedTextFieldApp().run()

关键细节 #

• 用NumericProperty定义可观察的输入数值属性
• 通过kv语言直接绑定TextField的text属性，实现自动更新
• 当输入无效时，input_value会被设为None，此时结果框自动清空

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