1.拖动三个按钮到主页面的编辑区。调整它们的水平与竖直方向上的关系。让其均匀分布,然后编辑如下:
2.在【主页】下建立子页面【页面1】,打开页面1,拖动动态面板到页面编辑区。动态面板命名为active_panel,并且添加动态面板状态至三个,状态分别为state1,state2, state3。
3.编辑动态面板active_panel的三个状态分别如下:



4.为主页面的三个按钮添加交互式事件,层一到层三如下所示:


5.为【页面1】添加页面交互,如下图所示:
6.在【主页】面,按F5演示原型
本教程指导您如何在网页中布局三个按钮并创建动态面板,通过添加交互事件和状态来丰富用户体验。首先,将按钮拖动到编辑区并调整其布局,确保均匀分布。接着,在主页面下建立子页面并添加动态面板,为其设置三种状态。最后,为主按钮添加事件,为子页面添加交互逻辑,完成原型设计。
1272

被折叠的 条评论
为什么被折叠?



