无需KV语言实现KivyMD Hero组件遇布局与动画问题求助

问题原因分析 #

这确实是参数配置和Hero动画的尺寸依赖问题，分两个问题拆解：

1. size_hint=(None, None)时的显示异常与自适应失效 #

当设置size_hint=(None, None)时，Kivy组件不会自动继承父容器的尺寸比例，必须手动指定width和height参数。如果未设置这两个参数，组件会使用默认的极小尺寸（甚至为0），导致布局排版错乱（显示顺序异常）；且窗口大小变化时，因无尺寸绑定逻辑，组件无法跟随父容器缩放，自然无法实现自适应。

2. size_hint=(0.5, 1)时的Hero动画失真 #

Hero动画的过渡效果依赖源组件（MDSmartTile）和目标组件的尺寸、位置完全匹配。使用size_hint=(0.5, 1)时，组件尺寸会动态跟随父容器变化，但Hero动画在初始化或触发时，可能缓存了源组件的初始尺寸，或过渡过程中无法实时同步尺寸变化，导致动画过程中源/目标组件的尺寸比例不匹配，最终出现失真。

解决方案 #

方案1：修复size_hint=(None, None)的自适应问题 #

保持size_hint=(None, None)，但手动绑定组件尺寸到父容器，同时设置初始尺寸：

# 假设ScrollView实例为scroll_view，MDSmartTile实例为tile
tile.size_hint = (None, None)
# 初始宽度设为父容器的一半，高度匹配父容器
tile.width = scroll_view.width * 0.5
tile.height = scroll_view.height
# 绑定父容器尺寸变化事件，实时更新tile尺寸
scroll_view.bind(width=lambda _, w: setattr(tile, 'width', w*0.5))
scroll_view.bind(height=lambda _, h: setattr(tile, 'height', h))

这样既保证组件能跟随窗口自适应缩放，又能让Hero动画获取到明确的实时尺寸，避免动画失真。

方案2：优化size_hint=(0.5, 1)的Hero动画 #

如果坚持使用size_hint，需在触发Hero动画前，强制同步源组件的当前尺寸到Hero配置中：

def on_tile_click(self, tile):
    # 获取tile当前的实际尺寸
    current_size = tile.size
    # 手动设置Hero动画的源尺寸
    self.hero_widget.source_size = current_size
    # 触发Hero动画
    self.open_hero_screen()

让动画基于组件的当前真实尺寸计算过渡，即可避免失真。

内容的提问来源于stack exchange，提问作者Vishak Raj