微信导航菜单：动态面板的不同实现方式.docVIP

微信导航菜单：动态面板的不同实现方式 　　动态面板是Axure里最重要的元件之一，一些稍微高级一点的原型，都离不开动态面板的应用，因此一定要掌握动态面板的用法。 　　 　　作为动态面板的使用场景案例，导航菜单、自动幻灯片和属性页是非常适合于用来理解动态面板的用法。我们以微信的导航菜单为例，看看如何使用不同的方式来应用动态面板，最终的交互效果是一致的。 　　第一个例子不复杂，但常常被作为典型案例来讲解。 　　内容区域+导航菜单作为一个动态面板 　　这是其中最简单的实现方式，并且易于理解。 　　一、界面布局 　　简单布局一下微信的界面，包括标题栏，内容区域和导航菜单。 　　1、添加一个标题栏，大小448*48，黑底白字，文字大小为20，居左对齐，左边距为10 　　 　　2、添加一个有边框矩形，大小448*580，灰色背景，只保留上、下边框，双击矩形框，设置文字内容为“微信内容”，将矩形框放在标题栏下方 　　 　　3、添加一个灰色无边框矩形，大小112*60，文字颜色为深灰色，设置文字内容“微信”，作为导航菜单的按钮，放在内容区域的下方 　　 　　4、设置“微信”按钮的交互样式，选中按钮，右键选择“交互样式”，设置选中状态的文字颜色为绿色（#46C01B） 　　 　　5、按ctrl键+“微信”按钮拖动，复制三个相同矩形框，作为微信导航菜单的其它按钮，修改文字分别为“通讯录”、“发现”和“