Kivy中在GridLayout展示10个可点击图片的问题求助

你的代码核心问题有两个：一是用了ImageButton（单个控件）作为容器添加子控件，而Image类本身无法容纳其他控件；二是没有使用GridLayout来实现网格布局。以下是修改后的完整代码：

修改后的.kv文件 #

<ImageButton@ButtonBehavior+Image>:
    # 保留点击行为，可自定义点击逻辑
    on_press: print(f"点击了图片 {self.source}")

<OneMinList>:
    ScrollView:
        GridLayout:
            id: wall
            cols: 2  # 设置网格列数，可根据需求调整
            size_hint_y: None
            height: self.minimum_height  # 让高度自适应内容
            spacing: 10  # 图片间的间距
            padding: 10  # 网格内边距

修改后的.py文件 #

from kivy.uix.image import AsyncImage
from kivymd.uix.screen import MDScreen

class OneMinList(MDScreen):
    def on_enter(self, *args):
        def update_height(img, *args):
            img.height = img.width / img.image_ratio

        for i in range(10):
            # 创建自定义的ImageButton，而非直接用AsyncImage
            image_btn = self.ids.wall.__self__.ImageButton(
                source='image/Screenshot 2023-05-26 202836.jpg',
                size_hint=(1, None),
                keep_ratio=True,
                allow_stretch=True
            )
            image_btn.bind(width=update_height, image_ratio=update_height)
            self.ids.wall.add_widget(image_btn)

关键改动说明 #

1. 替换容器控件：将原来的ImageButton容器换成GridLayout，通过cols指定列数，设置size_hint_y: None并绑定height为minimum_height，确保网格能自适应内容高度并支持滚动。
2. 使用自定义ImageButton：循环创建的是你定义的ImageButton（自带点击行为），而不是普通的AsyncImage，这样每个图片都具备可点击特性。
3. 布局参数优化：添加spacing和padding让布局更美观，你可以根据需求调整列数、间距等参数。

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