Kivy 学习2

原创已于 2024-04-12 08:05:53 修改 · 690 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#学习

于 2024-04-11 19:34:26 首次发布

本文详细解释了如何在Kivy应用中使用FloatLayout布局，包括设置背景颜色、绑定position和size属性，以及动态调整背景矩形。还介绍了pos和size属性以及如何通过update_rect函数进行响应式更新。

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.floatlayout import FloatLayout
from kivy.graphics import Rectangle, Color

class FloatLayoutApp(App):
    def build(self):

        def update_rect(layout, *args):
            '''设置背景尺寸，可忽略'''
            layout.rect.pos = layout.pos
            layout.rect.size = layout.size

        float_layout = FloatLayout()

        # 设置背景颜色
        with float_layout.canvas:
            Color(1, 1, 1, 1)
            float_layout.rect = Rectangle(pos=float_layout.pos, size=float_layout.size)
            float_layout.bind(pos=update_rect, size=update_rect)

        # 在布局内的[300, 200]处添加一个尺寸为0.3， 0.2的按钮
        button = Button(text='Hello FloatLayout', size_hint=(.3, .2), pos=(300, 200))

        # 将按钮添加到布局内
        float_layout.add_widget(button)
        # 返回布局
        return float_layout

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

kivy中的update_rect中 layout.pos 是什么意思请详细介绍

在Kivy中，pos是一个属性，用于表示控件的位置。它是一个包含两个值的元组，分别表示控件的x坐标和y坐标。通过设置pos属性，可以改变控件在父容器中的位置。

在给定的代码中，layout.pos表示layout这个控件的位置。layout.rect.pos = layout.pos的作用是将layout控件的位置赋值给layout.rect，从而使得layout.rect与layout控件的位置保持一致。

update_rect中的self 和 with self.canvas中的self 不是同一个目标，一个指的是程序类本体，一个指的是背景框本框，bind方法将两者pos 和size 做了一个互动关联，即本体变则框变，并不是某一者的自我互关。

Canvas — Kivy 2.3.0 documentation

我合计着应该是这背景框这玩意虽然已经绑定=了size 和pos，得需要一个bind再次绑定一个def 函数实现动态绑定，我估摸着是这么个事，不然这绑定两次干什么？一时半会儿地还真是令人捉摸不透来。就说不bind一下这个动态函数，这玩意就是上来杵那么一下子，大小就那样了，再变它就不变了，死那了。

整半天这玩意还真就是自我互关。

.rect 和.bind 请详细介绍

在这段代码中，float_layout.rect和float_layout.bind是FloatLayout类的两个属性和方法。

float_layout.rect是一个属性，用于表示FloatLayout布局的矩形背景。在这段代码中，通过创建一个Rectangle对象，并将其赋值给float_layout.rect属性，来设置布局的背景。pos参数表示矩形的位置，size参数表示矩形的大小。
float_layout.bind是一个方法，用于绑定事件处理函数到布局的属性变化。在这段代码中，通过调用float_layout.bind(pos=update_rect, size=update_rect())来绑定update_rect函数到布局的pos和size属性变化事件上。当布局的pos或size属性发生变化时，会自动调用update_rect函数进行更新。

总结起来，这段代码的作用是创建一个FloatLayout布局，并设置其背景颜色为白色。通过绑定事件处理函数，当布局的位置或大小发生变化时，会自动更新背景矩形的位置和大小。

函数update_rect中的layout 值从何来

函数update_rect中的layout值是通过参数传递进来的。在FloatLayoutApp类的build方法中，我们可以看到update_rect函数被绑定到了float_layout的pos和size属性上，即float_layout.bind(pos=update_rect, size=update_rect)。当float_layout的pos或size属性发生变化时，会触发update_rect函数，并将float_layout作为第一个参数传递给update_rect函数，这样就可以在函数内部使用layout来引用float_layout对象。