本期带来的教程是与axure这款软件相关 ， 对此有兴趣的就去下文看看使用axure设计出鼠标展开折叠效果的具体操作方法 。
【使用axure设计出鼠标展开折叠效果具体操作方法】
1、从左侧部件库中拖拉2个矩形 ， 按照个人设定的样式 ， 直接用鼠标拖拉调整好;然后复制矩形——选中要复制的内容 ， 按住ctrl键 ， 将光标移至矩形处变成一个双十字箭头(可移动标志)后 ， 按住鼠标往旁边拉动 ， 即复制成功 。这里以复制两个后的三个为例 。
2、为便于区分 ， 分别给三个色块填充上不同的颜色 ， 并给六个矩形分别命名 ， 还可分别输入文字加强识别 。
3、将下面的三个内容框矩形设为隐藏：选中要隐藏的部件 ， 点击勾选“hidden”;接着 ， 把绿色部分移到黄色标题栏下面 ， 遮住绿色隐藏部分 ， 粉红色类推 ， 变成图中的左侧堆叠形态 。
4、点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中 ， 勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件” ， 方向选择“下方” ， 点击确定(亦可跟随图示按步骤进行) 。
接着 ， 对绿标题栏、粉红标题栏进行同样的操作 。标题栏设置完成后 ， 点击演示键 ， 即可查看效果 。
按照以上讲述的使用axure设计出鼠标展开折叠效果的具体操作方法 ， 你们是不是都学会啦!
推荐阅读
- 百度地图使用技巧全攻略
- 使用Axure RP 8设计弹窗交互模型具体操作步骤
- 波洞星球详细使用步骤介绍
- Next桌面教程-使用动态壁纸
- P800w视频实地测试
- 诺基亚6300电池使用总结
- win7系统ie主页被锁定详细解决步骤
- 丝绸床品一般是什么时候使用的
- 讲讲使用三星i539的几点体会
- Photoshop中使用匹配颜色功能搞定照片风格具体操作方法