// 创建组件
调用 组件类型.创建组件(容器, 组件ID)

// 设置属性
调用 组件.设置属性("属性名", 值)

// 添加到布局
调用 布局组件.添加组件(组件)

// 注册事件
调用 组件.注册事件("事件名", 回调过程)

初始化全局变量 按钮计数 = 0

当 Button_Add.被点击 时
  设置 全局变量 按钮计数 = 全局变量 按钮计数 + 1
  
  // 创建新按钮
  设置 全局变量 新按钮 = 调用 Button.创建组件(VerticalLayout1, "btn_" + 全局变量 按钮计数)
  
  // 设置属性
  调用 全局变量 新按钮.设置属性("文本", "动态按钮" + 全局变量 按钮计数)
  调用 全局变量 新按钮.设置属性("宽度", "200")
  调用 全局变量 新按钮.设置属性("高度", "50")
  
  // 注册点击事件
  调用 全局变量 新按钮.注册点击事件(动态按钮被点击)

// 动态按钮的点击事件处理
过程 动态按钮被点击(组件)
  调用 对话框1.显示消息("你点击了: " + 调用 组件.获取属性("文本"))
过程结束

初始化全局变量 数据列表 = ["苹果", "香蕉", "橙子", "西瓜", "葡萄"]

当 Screen1.初始化 时
  调用 创建列表项()

过程 创建列表项
  // 清空现有组件
  调用 VerticalLayout1.清空()
  
  // 遍历数据列表
  对于 每个项目 在 全局变量 数据列表 中
    // 创建水平布局容器
    设置 全局变量 行布局 = 调用 HorizontalArrangement.创建组件(VerticalLayout1, "row_" + 项目索引)
    调用 全局变量 行布局.设置属性("宽度", "充满")
    调用 全局变量 行布局.设置属性("高度", "60")
    
    // 创建文本标签
    设置 全局变量 标签 = 调用 Label.创建组件(全局变量 行布局, "label_" + 项目索引)
    调用 全局变量 标签.设置属性("文本", 项目)
    调用 全局变量 标签.设置属性("宽度", "200")
    
    // 创建删除按钮
    设置 全局变量 删除按钮 = 调用 Button.创建组件(全局变量 行布局, "del_" + 项目索引)
    调用 全局变量 删除按钮.设置属性("文本", "删除")
    调用 全局变量 删除按钮.设置属性("宽度", "80")
  循环结束
过程结束

设置 全局变量 文本框 = 调用 TextBox.创建组件(VerticalLayout1, "textbox_1")
调用 全局变量 文本框.设置属性("提示", "请输入内容")
调用 全局变量 文本框.设置属性("宽度", "充满")

设置 全局变量 图片 = 调用 Image.创建组件(VerticalLayout1, "img_1")
调用 全局变量 图片.设置属性("图片", "https://example.com/image.png")
调用 全局变量 图片.设置属性("宽度", "100")
调用 全局变量 图片.设置属性("高度", "100")

设置 全局变量 开关 = 调用 Switch.创建组件(VerticalLayout1, "switch_1")
调用 全局变量 开关.设置属性("开启", "真")
调用 全局变量 开关.设置属性("宽度", "充满")

初始化全局变量 组件字典 = 创建空字典

当 动态按钮被点击(组件ID) 时
  // 从字典获取组件
  设置 全局变量 点击组件 = 获取键的值(全局变量 组件字典, 组件ID, "无")
  
  如果 全局变量 点击组件 ≠ "无" 则
    // 处理点击逻辑
    设置 全局变量 按钮文本 = 调用 全局变量 点击组件.获取属性("文本")
    调用 对话框1.显示消息("点击了: " + 全局变量 按钮文本)
  如果结束

// ❌ 不推荐：每次创建都刷新
对于 每个项目 在 列表 中
  创建组件()
  // 界面会频繁刷新
循环结束

// ✅ 推荐：批量创建后一次性刷新
设置 Screen1.可见 = 假
对于 每个项目 在 列表 中
  创建组件()
循环结束
设置 Screen1.可见 = 真

// 使用字典缓存已创建的组件
如果 字典中是否包含键(全局变量 组件字典, 组件ID) 则
  // 复用已存在的组件
  设置 全局变量 组件 = 获取键的值(全局变量 组件字典, 组件ID)
否则
  // 创建新组件
  设置 全局变量 组件 = 调用 Button.创建组件(...)
  调用 设置键值(全局变量 组件字典, 组件ID, 全局变量 组件)
如果结束

初始化全局变量 菜单数据 = [
  {"标题": "首页", "图标": "home.png", "页面": "Screen1"},
  {"标题": "设置", "图标": "settings.png", "页面": "Screen2"},
  {"标题": "关于", "图标": "about.png", "页面": "Screen3"}
]

当 Screen1.初始化 时
  调用 创建菜单项()

过程 创建菜单项
  对于 每个项目 在 全局变量 菜单数据 中
    // 创建菜单项容器
    设置 全局变量 菜单项 = 调用 HorizontalArrangement.创建组件(VerticalLayout1, "menu_" + 项目索引)
    调用 全局变量 菜单项.设置属性("宽度", "充满")
    调用 全局变量 菜单项.设置属性("高度", "60")
    
    // 创建图标
    设置 全局变量 图标 = 调用 Image.创建组件(全局变量 菜单项, "icon_" + 项目索引)
    调用 全局变量 图标.设置属性("图片", 获取键的值(项目, "图标", ""))
    调用 全局变量 图标.设置属性("宽度", "40")
    调用 全局变量 图标.设置属性("高度", "40")
    
    // 创建标题
    设置 全局变量 标题 = 调用 Label.创建组件(全局变量 菜单项, "title_" + 项目索引)
    调用 全局变量 标题.设置属性("文本", 获取键的值(项目, "标题", ""))
    
    // 注册点击事件
    调用 全局变量 菜单项.注册点击事件(菜单项被点击)
  循环结束
过程结束

过程 菜单项被点击(组件)
  // 根据点击的菜单项跳转页面
  设置 全局变量 组件ID = 调用 组件.获取ID()
  设置 全局变量 索引 = 文本取部分(全局变量 组件ID, 6, -1)
  设置 全局变量 目标页面 = 获取键路径的值(全局变量 菜单数据, [全局变量 索引, "页面"], "Screen1")
  调用 打开屏幕(全局变量 目标页面)
过程结束