如何让ProgressBar随对应Image移动？解决squares与white_images字典分离问题

核心思路：整合分散的数据结构 #

别用两个独立的self.squares和self.white_images字典分开存按钮/位置、Image，把每个方块相关的按钮、Image、ProgressBar、位置全部打包到同一个数据单元里，通过统一的键访问，从根源上解决关联问题。

1. 定义统一数据容器 #

用自定义类封装所有关联元素，结构更清晰：

class SquareElement:
    def __init__(self, button, image, progress_bar, position):
        self.button = button       # 原self.squares中的按钮
        self.image = image         # 原self.white_images中的图片
        self.progress_bar = progress_bar  # 绑定的进度条
        self.position = position   # 当前位置

替换原来的两个字典，用新字典存储所有元素：

# 初始化统一字典，键保持和原字典一致
self.square_elements = {}

2. 初始化时完成绑定与位置同步 #

在创建Image和ProgressBar的环节，直接和对应按钮关联，并同步初始位置：

# 循环创建元素（复用你原有的按钮、图片创建逻辑）
for key in your_key_list:
    # 创建按钮并获取位置
    button = self.create_square_button(...)
    pos = button.get_position()
    
    # 创建对应Image并设置初始位置
    white_image = self.create_white_image(...)
    white_image.set_position(pos)
    
    # 创建ProgressBar并绑定到Image位置
    progress_bar = self.create_progress_bar(...)
    progress_bar.set_position(white_image.get_position())
    
    # 存入统一字典
    self.square_elements[key] = SquareElement(button, white_image, progress_bar, pos)

如果已经存在原两个字典（键一一对应），直接迁移到统一结构：

for key in self.squares:
    button, pos = self.squares[key]
    image = self.white_images[key]
    progress_bar = self.create_progress_bar(...)
    progress_bar.set_position(image.get_position())
    self.square_elements[key] = SquareElement(button, image, progress_bar, pos)

# 迁移完成后可删除原字典，避免冗余
del self.squares, self.white_images

3. 实现位置跟随逻辑 #

移动Image时，直接从统一字典取出对应的ProgressBar同步位置：

def update_image_position(self, key, new_pos):
    element = self.square_elements[key]
    # 更新Image位置
    element.image.set_position(new_pos)
    # 同步ProgressBar位置
    element.progress_bar.set_position(new_pos)
    # 更新位置记录
    element.position = new_pos

若按钮位置变化需要同步Image和ProgressBar，同理：

def update_button_position(self, key, new_pos):
    element = self.square_elements[key]
    element.button.set_position(new_pos)
    element.image.set_position(new_pos)
    element.progress_bar.set_position(new_pos)
    element.position = new_pos

为什么这能解决问题？ #

原两个字典分离需要额外维护键的对应关系，容易出现关联错误。统一结构后，每个键对应的所有元素都在同一个对象里，操作时直接通过键获取完整关联集合，逻辑更直观，也避免了数据不一致的问题。

内容的提问来源于stack exchange，提问作者Willem Brock Smith