点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 闪豚AI训练★批量生成原创好文章 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 高质量SEO原创文章生成☆过AI检测 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 NLP原创SEO文章AI自动生成教学 本广告位待租本广告位待租待租

温馨提示:需广告位请联系广告商务经理

Axure:APP悬浮菜单的动态导航

述了APP中悬浮式菜单导航的动态展开与收起的过程,一起来看看~ 先看效果: 体验地址:https://pikopc.axshare...

描述了APP中浮动菜单导航的动态展开和折叠过程。来看看吧~

先看效果:

经历地址:https://pikopc.axshare.com

一、操作分析

点击加号按钮,加号顺时针旋转45度,变成关闭按钮,以按钮为中心弹出扇形菜单栏。

单击关闭按钮,将其逆时针旋转45度,它将变成一个加号按钮。扇形菜单栏以按钮为中心折叠。

二、实现步骤

1. 准备阶段

首先将其拖入一个375*667的动态面板。双击动态面板进入状态1页面。

在状态1页面上,准备一个375*667的背景图像,在x=0,y=0。

然后拖成圆形,取消边框,大小设置为56*56,填充如下图所示的玫红(可以根据喜好填充这个颜色~)。拖动一个加号图标,将其大小设置为22*22,填充白色,并将其放在圆心。将加号图标和背景圆圈组合成加号按钮。

再次拖动一个圆,取消边框产品运营方案,大小设置axure教程为325*325,填充与步骤2中背景圆相同的玫瑰色。将它放在加号按钮的中央,并放在下图所示的位置。拖axure教程入三个菜单图标,产品运营组合菜单图标,放置在菜单栏(大圆圈)上方的适当位置,然axure基础教程后将菜单栏(圆圈)和菜单图标一起设置为axure下载隐藏(顶部的加号按钮)。产品运营方案

最后如下图所示:准备好所产品运营简历应届生需组件后,拖动到热区,完全覆盖加号按钮。

2. 设置交互

(1)首先设置叠加在加号按钮上的热区的交互,如下图所示:

按钮背景圆圈选择交互:

(2)然后,为加号按钮设置交互事件。

(3)菜单栏交互

免责说明

本站资源大多来自网络,如有侵犯你的权益请提交工单反馈(点击进入提交工单) 或给邮箱发送邮件laakan@126.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!

给TA打赏
共{{data.count}}人
人已打赏
!
也想出现在这里? 联系我们
广告信息
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索