第一次原型分享——墨刀之底部导航栏

墨刀与Axure各有优缺点
墨刀简单，容易上手，但可修改性较差。
用Axure设计原型时，每个零部件都需要自己一个一个设计，较为灵活，但做出的原型分享较为困难。

今天给大家用墨刀讲解一个组件制作——底部导航栏。

先添加动态组件

然后双击组件并删除组件内的内容，加入“底栏”之后调整高度使适应。

点击动态组件，并点击上方的“打散”，之后更改相应图标、文字，结果如图：
接下来组合图标与文字，并在状态栏里添加四个状态，在每种状态对应情况下，将图标、文字变为绿色，最后点击右上方回到工作区。
之后再主页下，创建四个副本，并拉入主页下，并改名。
之后，最核心的：将左边状态，中间编辑状态，右边的状态进行对应。
之后将各图标和各页面想连接，OK大功告成。

第一次原型分享——墨刀之底部导航栏相关推荐

第二次原型分享——墨刀之弹窗and左右滑动效果
墨刀强大的现成原件以及便捷的分享功能,毫不犹豫就开了会员. 以前总觉得Axure好用,说墨刀**,现在用了之后,真香! 今天带给带大家使用墨刀制作弹窗,并实现弹窗关闭. 1.进入编辑界面后,自己制作一 ...
第三次原型分享——墨刀之下拉菜单and定时跳转
墨刀功能持续挖掘中,真香. 下拉菜单先创建相关原件:两个矩形和一个三角形,并将所有新建原价添加到我的组件,命名为"我的组件". 在我的组件中编辑组件. 复制"下拉菜单& ...
微信小程序开发实战基础一、页面跳转，底部导航栏，分享，加载图片标签，列表
1.页面跳转 wx.navigateTo({ url: "../four/four" })--可返回 wx.redirectTo({ url: "../four/four ...
【安卓开发之图片分享应用3：设置底部导航栏】
安卓开发之图片分享应用3:设置底部导航栏一.创建底部导航栏二.设置登录成功之后跳转到底部导航栏一.创建底部导航栏我们使用的是Android Studio里面自带的底部导航栏.首先我们直接在原来 ...
react native 的底部导航栏以及跳转页面带参数
不知不觉又过去了一周,这周依旧是用RN来开发APP,中间遇到很多坑,不过这段时间还是忙,慢慢总结吧,写出一点是一点.写博客除了分享,在开始写之前也是自己对于这段时间学习的总结,重新看代码,理顺思路,这 ...
开发vue底部导航栏组件
这个想法源于最近自己在开发一个移动端博客的一个底部导航栏,原型设计如下: 我们来分析一下这个导航栏,其实很简单啦,就是自适应固定在底部我们可以使用CSS3属性display:flex设置父级盒子为伸 ...
微信小程序从零开始开发步骤（三）底部导航栏
上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的.即点击底部的导航,会实现不同对应页面之间的切换. 我们先来看个我们要实现的底部导航栏的效果图:(三个导 ...
工具栏,底部导航栏,可扩展列表视图
1.工具栏这个概念,所接触的很多开发软件或工具,都会碰到.在手机开发的时候,可以进行导航.显示相应的标题等,使开发者不至于在应用程序中迷路.5.0使用Actionbar来实现,很多公司都会对该类进行 ...
一行代码实现底部导航栏TabLayout
欢迎关注公众号:JueCode app中底部导航栏已经是很常见的控件了,比如微信,简书,QQ等都有这类控件,都是点击底部标签切换界面.主要的实现手段有 RadioGroup FragmentTabLa ...

第一次原型分享——墨刀之底部导航栏

第一次原型分享——墨刀之底部导航栏相关推荐

最新文章

热门文章