MDTextField聚焦时提示文本字体大小无法随屏幕自适应问题

默认MDTextField聚焦时，hint_text会固定缩小到指定字号，长文本容易超出输入框范围。要实现hint_text随屏幕宽度自适应，无论文本长度都能完整显示，可以通过自定义MDTextField组件，动态计算字体大小来实现。

实现思路 #

• 重写MDTextField的聚焦事件方法，在聚焦时计算输入框的可用宽度
• 根据hint文本长度和可用宽度，动态调整hint的字体大小，确保文本不超出显示区域
• 绑定字体大小调整逻辑到组件的尺寸变化事件，适配屏幕旋转等场景

代码示例 #

from kivy.lang import Builder
from kivy.metrics import dp
from kivy.uix.label import Label
from kivymd.app import MDApp
from kivymd.uix.textfield import MDTextField

KV = '''
Screen:
    CustomMDTextField:
        hint_text: "这是一段非常长的提示文本，测试聚焦时是否会超出输入框范围"
        pos_hint: {"center_x": 0.5, "center_y": 0.5}
        size_hint: 0.8, None
        height: dp(56)
'''

class CustomMDTextField(MDTextField):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        # 初始化临时Label用于计算文本宽度
        self._hint_label = Label(text=self.hint_text, font_size=self.hint_text_font_size)
        self.bind(size=self._adjust_hint_font_size, hint_text=self._adjust_hint_font_size)

    def _adjust_hint_font_size(self, *args):
        if not self.hint_text:
            return
        # 获取输入框可用宽度（减去内边距）
        available_width = self.width - dp(16)*2  # 左右内边距各16dp
        self._hint_label.text = self.hint_text
        # 初始字体大小设为默认聚焦后的大小
        font_size = self.hint_text_font_size
        self._hint_label.font_size = font_size
        # 循环缩小字体直到文本宽度小于可用宽度
        while self._hint_label.texture_size[0] > available_width and font_size > dp(10):
            font_size -= 0.5
            self._hint_label.font_size = font_size
        # 应用调整后的字体大小到聚焦状态的hint
        self._hint_text_label.font_size = font_size

    def _on_focus(self, instance, value):
        super()._on_focus(instance, value)
        if value:
            self._adjust_hint_font_size()

class TestApp(MDApp):
    def build(self):
        return Builder.load_string(KV)

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

关键说明 #

• _adjust_hint_font_size方法：通过临时Label计算文本宽度，逐步缩小字体直到文本能完整适配输入框宽度，最小字号限制为10dp避免过小
• _on_focus方法：在聚焦时触发字体调整逻辑，确保聚焦后hint文本立即适配
• 绑定size和hint_text事件：当输入框尺寸变化或hint文本修改时，自动重新调整字体大小

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