注意，如果是拖入的动态面板尺寸是固定的，需要在属性中勾选【自动调整为内容尺寸】的选项。
第五步，双击动态面板“Submenu”，再双击第一个状态“State1”，继续为二级导航元件的【鼠标单击时】添加动作。
我们先添加【隐藏】外层动态面板“Submenu”的动作，并且勾选【拉动元件】的选项。
注意：在组织动作区域中，新添加的动作会在下方出现，要把它拖动到上方，这样的顺序才不会出现问题。
也就是前面说的，在三级导航展开之前，我们先收起外层动态面板，并拉动元件。
等三级导航展开之后，这个时候外层动态面板自动高度变长了，再把它呈现出来，并且推动下方元件。
这样，就有了正确的展开效果。
当然，这样处理对收起三级导航同样有效。
第六步，继续为二级导航元件的【鼠标单击时】添加第3个动作，也就是上面提到的【呈现】外层动态面板“Submenu”，同时，在【更多选项】中选择【推动元件】的选项。
完成上述动作的添加之后，二级导航元件的交互如下图所示。
第七步，把做好的二级导航和三级导航一起选中，根据需求复制几份摆放好。
注意，如下图所示，复制时，不要单独复制二级导航和三级导航，必须二级导航和三级导航一起复制，这样交互的对应关系才会继续有效。
第八步，为一级导航添加【鼠标单击时】的用例，设置动作【切换可见性】，勾选动态面板“Submenu”，同时在设置中勾选【推动/拉动元件】。
添加了这个交互之后，点击一级导航时，就能点一下呈现二级导航，再点一下隐藏二级导航。
第九步，点击一级导航的时候，三级导航默认是收起的状态。
继续为一级导航元件添加【鼠标单击时】的交互，设置动作【隐藏】所有的三级导航所在的动态面板“ThreePanel”，并且在隐藏的设置中都要勾选【拉动元件】的选项。
第十步，把以上完成的所有内容全选，根据需求复制几份，并摆放整齐。
同样要注意，复制时，不要单独某个元件，必须所有元件一起复制，这样交互的对应关系才会继续有效。
通过以上步骤，就完成了三级片的制作。
额。。。三级导航的制作！
https://axurehub.com/868.html
第五步，双击动态面板“Submenu”，再双击第一个状态“State1”，继续为二级导航元件的【鼠标单击时】添加动作。
我们先添加【隐藏】外层动态面板“Submenu”的动作，并且勾选【拉动元件】的选项。
注意：在组织动作区域中，新添加的动作会在下方出现，要把它拖动到上方，这样的顺序才不会出现问题。
也就是前面说的，在三级导航展开之前，我们先收起外层动态面板，并拉动元件。
等三级导航展开之后，这个时候外层动态面板自动高度变长了，再把它呈现出来，并且推动下方元件。
这样，就有了正确的展开效果。
当然，这样处理对收起三级导航同样有效。
第六步，继续为二级导航元件的【鼠标单击时】添加第3个动作，也就是上面提到的【呈现】外层动态面板“Submenu”，同时，在【更多选项】中选择【推动元件】的选项。
完成上述动作的添加之后，二级导航元件的交互如下图所示。
第七步，把做好的二级导航和三级导航一起选中，根据需求复制几份摆放好。
注意，如下图所示，复制时，不要单独复制二级导航和三级导航，必须二级导航和三级导航一起复制，这样交互的对应关系才会继续有效。
第八步，为一级导航添加【鼠标单击时】的用例，设置动作【切换可见性】，勾选动态面板“Submenu”，同时在设置中勾选【推动/拉动元件】。
添加了这个交互之后，点击一级导航时，就能点一下呈现二级导航，再点一下隐藏二级导航。
第九步，点击一级导航的时候，三级导航默认是收起的状态。
继续为一级导航元件添加【鼠标单击时】的交互，设置动作【隐藏】所有的三级导航所在的动态面板“ThreePanel”，并且在隐藏的设置中都要勾选【拉动元件】的选项。
第十步，把以上完成的所有内容全选，根据需求复制几份，并摆放整齐。
同样要注意，复制时，不要单独某个元件，必须所有元件一起复制，这样交互的对应关系才会继续有效。
通过以上步骤，就完成了三级片的制作。
额。。。三级导航的制作！
https://axurehub.com/868.html