时间戳

首页 > 解决方案 > 如何在搪瓷网格容器中设置固定宽度/高度

user-interface - 如何在搪瓷网格容器中设置固定宽度/高度

问题描述

我刚刚遇到了用于 python GUI 编程的 Enaml。我以前只使用 PySide2 做一个简单的计算器 GUI 模型，所以我对 Qt 和 Enaml 都是新手。原谅我的无知；）

本质上，我想要一个规则的网格Field或其他元素，具有固定的正方形大小。在浏览了一些示例后，我想出了：

from enaml.layout.api import grid
from enaml.widgets.api import Window, Container, Field


enamldef DigitField(Field):
    # The fields will contain a single digit for testing.
    mask = 'D'
    max_length = 1
    # These don't have any effect?
    hug_width = 'required'
    hug_height = 'required'

enamldef Main(Window):
    Container:
        constraints = [
            grid(
                [f11, f12],
                [f21, f22],
            ),
        ]

        DigitField: f11:
            text = '1'
        DigitField: f12:
            text = '1'

        DigitField: f21:
            text = '1'
        DigitField: f22:
            text = '1'

但是hug_widthandhug_height似乎不起作用。然后我尝试手动设置f11.width == 50，例如，在约束内，但是 kiwisolver 对我大喊关于无法解决的约束。我尝试了从示例中找到的有关设置宽度值的所有内容，但适用的内容vbox似乎不适用于grid.

有任何想法吗？另外，如果有人有一个用 Enaml 制作的完整应用程序，那是开源的，我很想看看。文档还可以，但是一些更高级的示例会很棒。

标签： user-interfaceenaml

解决方案

好吧，我想我已经找到了让它发挥作用的方法。hug_width将宽度限制为字段内容加上一些默认填充（来自 Qt 工具包）。相反，使用resist_width = 'ignore'我能够完全删除填充。可以使用手动或自动方法生成网格。

手动方法：

from enaml.layout.api import grid
from enaml.widgets.api import Window, Container, Field


enamldef DigitField(Field):
    # The fields will contain a single digit for testing.
    mask = 'D'
    max_length = 1
    resist_width = 'ignore'
    resist_height = 'ignore'

enamldef Main(Window):
    Container:
        constraints = [
            grid(
                [f11, f12],
                [f21, f22],
            ),
            f11.width == f11.height,
            f12.width == f12.height,
        ]

        DigitField: f11:
            text = '1'
        DigitField: f12:
            text = '1'

        DigitField: f21:
            text = '1'
        DigitField: f22:
            text = '1'

这太湿了，而且规模很大，所以我们有......

工厂方法：

from itertools import zip_longest

from enaml.core.api import Include
from enaml.layout.api import align, grid, factory
from enaml.widgets.api import Window, Container, Field


enamldef DigitField(Field):
    mask = 'D'
    max_length = 1
    resist_width = 'ignore'
    resist_height = 'ignore'

def generate_grid(container, num_cols):
    rows = []
    widgets = container.visible_widgets()
    row_iters = (iter(widgets),) * num_cols
    rows = list(zip_longest(*row_iters))
    return [grid(*rows), align('width', *widgets)]

enamldef Main(Window):
    Container:
        Container:
            constraints << [factory(generate_grid, 3)]
            Include:
                objects << [DigitField(text=str(1)) for i in range(9)]

我已经嵌套了，Container因为主窗口中可能还会有其他东西，并且 Enaml 窗口需要一个 master Container。

推荐阅读