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

当 按钮_添加.被点击 时
  设置 全局变量 按钮计数 = 全局变量 按钮计数 + 1
  初始化局部变量 新ID = 合并字符串("btn_", 全局变量 按钮计数)
  
  // 创建按钮
  调用 DynamicComponents1.创建
    容器 = 垂直布局1
    组件名 = "Button"
    ID = 新ID
  
  // 设置属性
  调用 DynamicComponents1.设置属性(新ID, "Text", 文本输入框1.文本)
  调用 DynamicComponents1.设置属性(新ID, "Width", -2)      // -2 = 充满
  调用 DynamicComponents1.设置属性(新ID, "BackgroundColor", 0xFF2196F3)  // 蓝色
  调用 DynamicComponents1.设置属性(新ID, "TextColor", 0xFFFFFFFF)        // 白色

// 监听动态按钮的点击事件
当 DynamicComponents1.任意按钮.被点击 时（ID）
  调用 对话框1.显示消息对话框(
    合并字符串("点击了按钮：", ID),
    "提示", "确定")

[
  {"name": "苹果", "price": 5.5, "stock": 100},
  {"name": "香蕉", "price": 3.0, "stock": 50},
  {"name": "橙子", "price": 4.5, "stock": 80}
]

水平布局（每条商品）
├── 图片（商品图）
├── 垂直布局
│   ├── 标签（商品名）
│   └── 标签（价格）
└── 按钮（加入购物车）

初始化全局变量 商品列表 = []
初始化全局变量 商品计数 = 0

// 从网络加载商品数据
当 Screen1.初始化 时
  设置 Web客户端1.URL = "https://你的服务器/products.json"
  调用 Web客户端1.发送GET请求

当 Web客户端1.获得文本 时（URL, 响应码, 响应类型, 响应内容）
  如果 响应码 = 200 则
    初始化局部变量 根字典 = 调用 字典.JSON转字典(响应内容)
    设置 全局变量 商品列表 = 获取键的值(根字典, "products", [])
    调用 渲染商品列表()

// 渲染商品列表
定义 渲染商品列表()
  // 先清空容器
  调用 清空容器(垂直布局_商品列表)
  设置 全局变量 商品计数 = 0
  
  对于 每个 商品 在 全局变量 商品列表 中
    设置 全局变量 商品计数 = 全局变量 商品计数 + 1
    初始化局部变量 i = 全局变量 商品计数
    初始化局部变量 名称 = 获取键的值(商品, "name", "")
    初始化局部变量 价格 = 获取键的值(商品, "price", 0)
    
    // 创建行容器（水平布局）
    初始化局部变量 行ID = 合并字符串("row_", i)
    调用 DynamicComponents1.创建("HorizontalArrangement", 垂直布局_商品列表, 行ID)
    调用 DynamicComponents1.设置属性(行ID, "Width", -2)
    调用 DynamicComponents1.设置属性(行ID, "BackgroundColor", 0xFFF5F5F5)
    
    // 创建商品名标签
    初始化局部变量 名称ID = 合并字符串("name_", i)
    调用 DynamicComponents1.创建("Label", 行ID, 名称ID)
    调用 DynamicComponents1.设置属性(名称ID, "Text", 名称)
    调用 DynamicComponents1.设置属性(名称ID, "FontSize", 16)
    调用 DynamicComponents1.设置属性(名称ID, "Width", -2)
    
    // 创建价格标签
    初始化局部变量 价格ID = 合并字符串("price_", i)
    调用 DynamicComponents1.创建("Label", 行ID, 价格ID)
    调用 DynamicComponents1.设置属性(价格ID, "Text", 合并字符串("¥", 价格))
    调用 DynamicComponents1.设置属性(价格ID, "TextColor", 0xFFE53935)
    
    // 创建购买按钮
    初始化局部变量 按钮ID = 合并字符串("buy_", i)
    调用 DynamicComponents1.创建("Button", 行ID, 按钮ID)
    调用 DynamicComponents1.设置属性(按钮ID, "Text", "购买")
    调用 DynamicComponents1.设置属性(按钮ID, "BackgroundColor", 0xFF4CAF50)

// 监听购买按钮点击
当 DynamicComponents1.任意按钮.被点击 时（ID）
  如果 以 "buy_" 开头(ID) 则
    初始化局部变量 序号 = 数字(截取文本(ID, 5, 文本长度(ID)))
    初始化局部变量 商品 = 选择列表项(全局变量 商品列表, 序号)
    初始化局部变量 名称 = 获取键的值(商品, "name", "")
    调用 对话框1.显示消息对话框(
      合并字符串("已加入购物车：", 名称),
      "提示", "确定")

定义 清空容器(容器)
  对于 每个 ID 在 DynamicComponents1.已创建ID列表 中
    调用 DynamicComponents1.删除(ID)

初始化局部变量 当前文本 = 调用 DynamicComponents1.获取属性("btn_1", "Text")