KivyMD下拉菜单计算器：双变量取值相除与MDCard结果显示实现

核心实现步骤 #

• 首先在主应用类中定义两个全局存储属性，分别对应两个下拉菜单的选中数值，初始值可设为None或0，用于后续计算取值

  # 主类初始化中定义
  self.numerator = None  # 第一个菜单选中的被除数
  self.denominator = None  # 第二个菜单选中的除数
  self.result_text = None  # 绑定MDCard内的结果展示文本组件
  

• 为两个MDDropdownMenu的所有菜单项绑定统一选中回调：菜单项被点击时，将传入的数值转换为浮点数，赋值给对应全局属性，同时更新触发菜单的按钮文本为当前选中值，让交互反馈更直观
• 设计计算触发逻辑，可选择两种触发模式：
  • 自动触发：当两个全局属性都拿到合法数值时，自动执行除法计算并更新结果
  • 手动触发：搭配独立计算按钮，点击时校验两个数值合法性后再执行计算
• 计算环节必须做异常兜底：判断除数是否为0、是否存在未选择的空值，避免程序崩溃
• 计算完成后将结果直接赋值给绑定的结果Label组件，内容会自动更新到下方MDCard卡片上

可直接复用的参考示例代码 #

from kivymd.app import MDApp
from kivymd.uix.menu import MDDropdownMenu
from kivymd.uix.button import MDRaisedButton
from kivymd.uix.card import MDCard
from kivymd.uix.boxlayout import MDBoxLayout
from kivymd.uix.label import MDLabel
from kivy.metrics import dp

class CalculatorApp(MDApp):
    def build(self):
        # 根布局
        root = MDBoxLayout(orientation="vertical", spacing=dp(20), padding=dp(20))
        
        # 初始化全局存储值
        self.numerator = None
        self.denominator = None

        # 1. 被除数选择按钮+下拉菜单
        num_btn = MDRaisedButton(text="选择被除数", pos_hint={"center_x":0.5})
        num_menu_items = [
            {"text": "1.5", "on_release": lambda x=1.5: self.select_value("numerator", x, num_btn)},
            {"text": "3.0", "on_release": lambda x=3.0: self.select_value("numerator", x, num_btn)},
            {"text": "7.5", "on_release": lambda x=7.5: self.select_value("numerator", x, num_btn)},
        ]
        self.num_menu = MDDropdownMenu(caller=num_btn, items=num_menu_items, width_mult=3)
        num_btn.bind(on_release=self.num_menu.open)
        root.add_widget(num_btn)

        # 2. 除数选择按钮+下拉菜单
        den_btn = MDRaisedButton(text="选择除数", pos_hint={"center_x":0.5})
        den_menu_items = [
            {"text": "0.5", "on_release": lambda x=0.5: self.select_value("denominator", x, den_btn)},
            {"text": "1.5", "on_release": lambda x=1.5: self.select_value("denominator", x, den_btn)},
            {"text": "0", "on_release": lambda x=0: self.select_value("denominator", x, den_btn)},
        ]
        self.den_menu = MDDropdownMenu(caller=den_btn, items=den_menu_items, width_mult=3)
        den_btn.bind(on_release=self.den_menu.open)
        root.add_widget(den_btn)

        # 3. 计算按钮
        calc_btn = MDRaisedButton(text="计算除法结果", pos_hint={"center_x":0.5}, md_bg_color=(0.2, 0.6, 0.2, 1))
        calc_btn.bind(on_release=self.calculate_division)
        root.add_widget(calc_btn)

        # 4. 结果展示MDCard
        result_card = MDCard(size_hint=(1, None), height=dp(100), padding=dp(10))
        self.result_text = MDLabel(text="等待计算...", halign="center", font_style="H5")
        result_card.add_widget(self.result_text)
        root.add_widget(result_card)

        return root

    def select_value(self, target_attr, value, caller_btn):
        # 下拉菜单选中回调：存值、更新按钮文本、关闭菜单
        setattr(self, target_attr, value)
        caller_btn.text = f"当前选择: {value}"
        if target_attr == "numerator":
            self.num_menu.dismiss()
        else:
            self.den_menu.dismiss()

    def calculate_division(self, *args):
        # 除法计算逻辑，带异常校验
        if self.numerator is None or self.denominator is None:
            self.result_text.text = "请先选择被除数和除数"
            return
        if self.denominator == 0:
            self.result_text.text = "计算错误：除数不能为0"
            return
        result = self.numerator / self.denominator
        self.result_text.text = f"计算结果：{result:.2f}"

if __name__ == "__main__":
    CalculatorApp().run()

关键注意事项 #

• 菜单选中的原始值如果是字符串格式，必须先转成float类型再传入计算逻辑，否则会触发类型错误
• 不需要在菜单打开/关闭的生命周期方法里强行取值，只需要在菜单项点击的回调里实时更新存储属性，逻辑更清晰
• 如果要做自动计算，只需要在select_value方法的末尾加判断：当两个存储值都不为None时直接调用calculate_division方法，不需要额外的计算按钮

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