本次分享的的案例是Axure8.0制作的标签导航栏。
预览及下载地址：https://40074m.axshare.com
一、制作原型
1）用两个矩形制作一个LOGO和导航菜单，如图：
2）用两个矩形制作两个菜单，如图：
3）用中继器制作菜单，如图：
点击中继器进入，用一个矩形制作左侧菜单，如图：
4）用一个矩形制作首页标签，如图：
5）用中继器制作一个标签菜单，如图：
点击中继器进入，制作左侧菜单以及关闭按钮,如图：
6）制作一个动态面板用来切换页面，如图：
7）制作一个框架，选择框架目标为首页。
二、交互设置
1）对菜单中继器进行“每项加载时”事件设置，如图：
点击中继器进入，对数据菜单进行“鼠标点击时”、“选中时”以及“取消选中时”事件进行设置。
2）点击“首页”标签，对其进行”鼠标点击时”事件设置。
3）对标签中继器进行“每项加载时”事件进行设置。
点击中继器进入，对“菜单标签”进行“鼠标点击时”和“选中时“事件设置。
对关闭按钮进行”鼠标点击时“事件设置。
本次分享的的案例是Axure8.0制作的标签导航栏。 预览及下载地址：https://40074m.axshare...
一、什么是标签栏控制器？把标签栏控制器（UITabBarController）、标签栏（UITabBar）、导航栏...
一.Bootstrap 导航栏 （1）默认的导航栏 向 标签添加 class .navbar、.navbar-...
导航分类 1、扁平式导航 • 在一级页面提供导航栏和标签栏（也叫标签式导航）• 方便用户在不同的内容类别间切换 市...
需求：导航栏宽高一定，能够容纳两行导航标签，标签宽度随着内容改变。当标签过多的时候，自动在导航栏末尾出现下拉按钮，...
打开AppStore，各种类型App琳琅满目。我们最常用的导航就是标签栏导航了。今天所介绍的是在标签栏导航中，如何...
一、打开/关闭浏览器 二、标签栏 1、窗口（Windows） 2、每个标签栏（title） 三、导航栏 1、地址栏...
UITabBarController（标签栏/底部导航栏视图控制器） UITabBarController 本身并...
状态栏 status bar 导航栏 navigation bar 标签栏 tab bar 工具栏 too...
HTML5新特性 语义化标签 头部标签 导航栏标签 内容标签 区域标签 侧边栏标签 尾部标签 多媒体标签 仅支持m...
本文标题：Axure8.0：标签导航栏
本文链接：https://www.haomeiwen.com/subject/hqtvbrtx.html
网友评论