App Inventor 2 打造个性化酷炫的底部导航条

导航条效果

从零开始完整的视频教程

步骤总结如下

1. 导入并添加拓展，添加一个水平布局，宽度充满，屏幕底部对齐

2. 代码块：添加按钮及图标，id从1开始，最后初始化即可

3. 可以在事件中指定某个Tab选中

4. 可在属性中设置facetype，定制字体

注：可以在导航条的切换事件中通过同一屏幕组件的显示和隐藏来完成UI的切换，多屏幕通信较为复杂且导航条必须每个屏幕都要有，因此还是推荐同一屏幕模拟完成多屏操作，更多请参考《构建具有多个屏幕的应用程序》。

源码下载

拓展及demo点此下载。