如何实现顶部tab式导航栏？来文中看看~
实现的效果：点击tab，切换对应的内容页面，指示标识移动到对应选中tab。
思路：
- 通过动态面板实现内容页面切换，n个tab设置n个状态；
- 指示标识通过位移，移动到对应的位置；
- 绑定tab按钮的点击事件，设置动态面板的状态切换，以及指示标识的移动位置。
1、首先，添加页面布局，如下图
2、为动态面板添加
状态页面，n个Tab，增加n个状态页。我设置了3个Tab，增加了3个对应的状态页，并且重命名，命名要容易区分，因为接下来即将对它进行编辑。
为状态页面添加内容，为了看出切换效果，每个页面的内容不要一样。
准备工作做完，以下即将开始划重点。
3、为tab按钮绑定点击事件
点击事件有2个：
- 动态面板状态切换；
- 指示标识位置移动。
这个2个事件的没有顺序要求，随意。
先简单介绍以下动态面板切换：
为了将tab1和面板状态page1关联，在设置面板状态时，需要选择page1，动画效果和动画时长按需选择（同理，如果是tab2，要选择page2。所以面板状态的命名要容易识别，用途就在这里~）如下图。
重点中的重点，就是元件的位移~
元件位移，在设置用例当中，有个“移动”的操作。选中需要移动的元件——命名为“指示标识”的元件（元件的命名方便在操作元件时快速识别）。
需要编辑设置的条件：参考坐标系（相对位置、绝对位置）、位移的位置（x、y）、动画效果（非必须），如下图：
