Python kivy - 如何减少 TextInput 的高度

2022-01-15 00:00:00 python kivy kivy-language user-interface

问题描述

我正在使用 kivy 为应用程序制作一个非常简单的 gui.没有什么复杂的，非常简单的布局.

I am using kivy to make a very simple gui for an application. Nothing complex, very simple layout.

尽管如此，我在使用 TextInputs 时遇到了困难……它们总是以全高显示，我无法让它们调整为合理"的文本高度，例如高度.

Nevertheless I am having a hard time with TextInputs...They always display with full height and I can't manage to make them adjust to a "reasonable" text-height like height.

我使用 kv 文件样式，因为我发现它更简洁，更容易将其集成到现有应用程序中...我想尽可能减少应用程序的 gui-python 代码.

I am using the kv files style since I find it cleaner and easier to integrate it in an already existing app...I would like to reduce as much as possible the gui-python code of the app.

这是我为 TextInput 得到的(无用添加 gui 的其他部分).

Here is what I got for the TextInput (useless to add other parts of the gui).

Python 代码

# textInput.py
from kivy import require
from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang.builder import Builder

Builder.load_file('path/to/kv/file/textInput.kv')

require('1.10.0')

class MainScreen(BoxLayout):
    pass

class Test(App):
    def build(self):
        self.title = 'Testing textInput'
        return MainScreen()

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

KV 代码

# textInput.kv
<MainScreen>
    orientation: 'vertical'

    # Third section title
    Label:
        size_hint: (1, .1)
        text: 'Setup Connection'
        font_size: 25

    # Third section Box
    BoxLayout:
        size_hint: (1, .2)
        padding: [100, 0, 100, 0]
        BoxLayout:
            Label:
                size_hint: (.2, 1)
                text: 'Host'
            TextInput:
                height: self.minimum_height
                multiline: False
                text: 'localhost'
            Label:
                size_hint: (.2, 1)
                text: ''
            Label:
                size_hint: (.2, 1)
                text: 'Port'
            TextInput:
                size_hint: (.2, 1)
                multiline: False
                text: '502'

我尝试了很多东西，在这里的代码中我尝试同时使用 size_hint 和 height...但没有一个有效..

I have tried lot of stuff, in the code here I am trying both to use size_hint and height...but none works..

解决方案

要设置一个小部件的高度，首先将 size_hint_y 设置为 None 然后你可以设置height 到任何你想要的.

To set a height of a widget, first set the size_hint_y to None and then you can set the height to whatever you want.

TextInput:
    size_hint: (.2, None)
    height: 30
    multiline: False
    text: '502'

相关文章