App Inventor 2 MenuSlide 拓展：滑动菜单效果

• MenuSlide 拓展：滑动菜单效果
• 使用案例
  • 制作滑动菜单
• 方法
• 事件
• 拓展下载
• 版权信息

« 返回首页

MenuSlide 拓展：滑动菜单效果

代码如下：

使用案例

制作滑动菜单

准备一个用于承载菜单的布局，并设置数量、字号和间距；用户点击菜单项时，根据 index 切换页面内容：

when Screen1.Initialize() {
  MenuSlide1.Count = 3
  MenuSlide1.TextSize = 14
  MenuSlide1.FontScale = 1
  MenuSlide1.Gap = 16
  MenuSlide1.Create(水平布局_菜单)
}

when MenuSlide1.OnClickCircleText(index, text) {
  标签_状态.Text = join("当前菜单：", text)
  垂直布局_首页.Visible = index = 0
  垂直布局_消息.Visible = index = 1
  垂直布局_设置.Visible = index = 2
}

第 0 项用于“首页”、第 1 项用于“消息”、第 2 项用于“设置”。上方的动图和积木图就是该案例的效果参考。

方法

Create创建菜单(布局)

在指定布局中创建滑动菜单。

• 布局：承载滑动菜单的布局组件

事件

OnClickCircleText点击圆形文字时(索引,文本)

点击菜单中的圆形文字项时触发。

拓展下载

• .aix 拓展下载：

com.varsha.menuslide.aix

版权信息

本文档内容依据原作者发布页面整理翻译，版权归原作者所有。

• 原作者：varsha
• 原始网址：https://community.kodular.io/t/my-new-free-sidebar-extension/209153