App Inventor 2 PopupMenu与列表选择器自定义教程

当 Screen1.初始化
  设 ListPicker1.元素 = ["选项一", "选项二", "选项三", "选项四"]

当 ListPicker1.准备打开()
  ' 动态设置选项
  设 动态列表 = TinyDB1.获取值("menu_items", 创建空列表)
  设 ListPicker1.元素 = 动态列表

当 ListPicker1.选择完成(选中项)
  标签_结果.文本 = "你选择了：" & 选中项

当 按钮_更新菜单.被点击
  设 新菜单 = ["今日推荐", "热门课程", "最新发布", "我的收藏"]
  设 ListPicker1.元素 = 新菜单

当 ListPicker1.准备打开()
  设 ListPicker1.标题 = "请选择操作"
  设 ListPicker1.背景颜色 = 白色
  设 ListPicker1.文本颜色 = 黑色

当 Screen1.初始化
  设 Spinner1.元素 = ["选项A", "选项B", "选项C"]

当 Spinner1.选择完成(选中项)
  标签_结果.文本 = 选中项

Screen1
├── 按钮菜单（触发按钮）
├── 水平布局_遮罩（半透明黑色背景，覆盖全屏）
│   └── 垂直布局_菜单（白色背景，底部弹出）
│       ├── 按钮_选项1
│       ├── 按钮_选项2
│       ├── 按钮_选项3
│       └── 按钮_取消

设 菜单可见 = false

当 按钮_菜单.被点击
  设 菜单可见 = true
  设 水平布局_遮罩.可见 = true
  ' 动态设置按钮文字
  设 按钮_选项1.文本 = 从字典 菜单项 获取 "option1"
  设 按钮_选项2.文本 = 从字典 菜单项 获取 "option2"
  设 按钮_选项3.文本 = 从字典 菜单项 获取 "option3"

当 按钮_选项1.被点击
  调用 处理选择(1)
  调用 关闭菜单()

当 按钮_选项2.被点击
  调用 处理选择(2)
  调用 关闭菜单()

当 按钮_选项3.被点击
  调用 处理选择(3)
  调用 关闭菜单()

当 按钮_取消.被点击
  调用 关闭菜单()

定义 关闭菜单()
  设 菜单可见 = false
  设 水平布局_遮罩.可见 = false

设 菜单数据 = [
  {icon: "📋", text: "复制"},
  {icon: "✂️", text: "剪切"},
  {icon: "📌", text: "粘贴"},
  {icon: "🗑️", text: "删除"},
  {icon: "📤", text: "分享"}
]

当 按钮_菜单.被点击
  ' 使用ListView显示动态菜单
  设 ListView_菜单.元素 = 菜单数据.map(显示函数)
  设 水平布局_遮罩.可见 = true

当 ListView_菜单.选择完成(选中位置, 选中项)
  设 选中索引 = 选中位置
  调用 关闭菜单()
  如果 选中索引 = 1
    调用 执行复制()
  否则 如果 选中索引 = 2
    调用 执行剪切()
  否则 如果 选中索引 = 3
    调用 执行粘贴()
  否则 如果 选中索引 = 4
    调用 执行删除()
  否则 如果 选中索引 = 5
    调用 执行分享()

当 按钮_选择.被点击
  调用 Notifier1.显示选择对话框(
    "请选择",                    ' 标题
    "选择一个选项",              ' 消息
    ["选项A", "选项B", "选项C"], ' 按钮列表
    false                        ' 是否可取消
  )

当 Notifier1.选择完成(选择)
  标签_结果.文本 = "选择了：" & 选择

当 标签_内容.被长按()
  调用 Notifier1.显示选择对话框("操作", "", ["复制", "粘贴", "删除"], false)