Kivy:GridLayout中的奇数标签间距

2024-06-16 12:42:29 发布

您现在位置:Python中文网/ 问答频道 /正文

我正在制作一个网页垃圾,可以从不同的网站上获取文章。为此,我动态地将文章小部件添加到它们各自的GridLayouts中。然而,有些屏幕上的文章是均匀分布的,而另一些则是零星分布的。看起来文章越长,空间就越小。下面是我认为相关的代码片段(除了1300多行之外,我会包括所有内容)

示例:

好间距 Good spacing

间隔差 Bad spacing

Python:

def text_collision(self):
    labels = [i for i in self.news_articles.children]
    for label in labels:
        font_instance = 35
        label.size = label.texture_size
        if label.collide_point(*label.to_widget(*Window.mouse_pos)):
            animation = Animation(font_size=font_instance + 2, s=1 / 60, duration=.06)
            label.color = (.96, .60, .61, 1)
            if label.count == 0:
                animation.start(label)
                label.count += 1
        else:
            label.count = 0
            Animation.cancel_all(label)
            label.color = (1, 1, 1, 1)
            label.font_size = font_instance

def articles(self):
    titles = self.csv_load()[0]
    links = self.csv_load()[1]
    for lnk, items in zip(links, titles):
        if len(items.strip()) == 0 or len(lnk.strip()) == 0:
            continue
        article_widget = Label(text="[ref={}][b]{}[/b][/ref]".format(lnk, items), markup=True, 
                         font_size=35, text_size=(700, None), halign='left', size_hint_y=None)
        self.news_articles.add_widget(article_widget)
        article_widget.on_ref_press = self.openlink

基维:

ScrollView:
    do_scroll_x: False
    do_scroll_y: True
    pos: (50, -140)
    smooth_scroll_end: 5

    GridLayout:
        id: articles
        cols: 1
        col_default_width: 700
        padding: [0, 140, 0, 0]
        size_hint_y: None
        height: self.minimum_height
        spacing: 150

Tags: instancetextinselfforsizeifcount
2条回答

尝试了几个小时,仍然找不到合理的解决方案,所以我想出了一个有点破绽的答案。我所做的只是根据文章标题的长度限制字符的数量。这样,间隔就不那么零散了,因为所有小部件的高度都差不多

GridLayout中使用height: self.minimum_height时,必须为子级定义好heights。因此size_hint_y=None如果不为height提供值,将导致问题。尝试为Aricle_Widget创建一个kv规则,如下所示:

class Article_Widget(Label):
    pass

在{}中:

<Article_Widget>:
    markup: True
    font_size: 35
    text_size: (700, None)
    halign: 'left'
    size_hint_y: None
    height: self.texture_size[1]

然后在articles()方法中:

article_widget = Article_Widget(text="[ref={}][b]{}[/b][/ref]".format(lnk, items))

我还没有测试过这段代码,所以我不能保证它能正常工作。但是想法是让Label确定它的height,这样GridLayout就可以正确地计算self.minimum_height

相关问题 更多 >