• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >axure > Axure7.0教程(六)math函数的使用(1)动态面板环状移动

Axure7.0教程(六)math函数的使用(1)动态面板环状移动

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-14

本文主要包含axure7.0视频教程,axure7.0教程,axure7.0教程实例,axure7.0中文版教程,axure7.0教程pdf等相关知识,希望在学习及工作中可以帮助到您

本案例原型下载:axure7.0教程(六)动态面板环状移动.rp

Axure rp7.0增加了一些新的函数,这些改变可能会让axure原型的高保真与低保真之争更加激烈。因为这些函数已经更接近编程。其实只要我们知道了使用方法,也许并不困难。从本教程开始,我们对Math函数进行一些应用上的尝试。

本章实现效果:点击按钮,让一个动态面板(以下简称“动面”)围绕中心点(坐标300,300)按半径100Px进行环状移动(就是绕圈)。

gaollg1

实现思路:

1、? 既然是让动面不停的绕圈,那么结合axure rp6.5教程中的一些经验,这应该要通过死循环(动态面板不停隐藏、显示)来实现,所以需要一个用来绕圈的动面,和一个用来实现循环的动面。

2、? 当然,我们还需要一个触发循环的按钮,再放入一个矩形改成200*200的圆形拖到中心点的位置,让效果更加明显。

3、? 如果要让动面绕圈,那么我们就需要知道每到一个角度(一共360度,大家都懂的)时候,绕圈这个动面的坐标值,知道了整个一圈的坐标值,我们就能通过移动动面的事件,让绕圈的动面,沿着这些坐标值移动了。那么坐标值怎么能获取呢?就要Math函数出马了。

本章函数:Math.Cos(),Math.Sin()

大家看到了这两个函数头疼吗?我也很头疼,因为我知道这两个函数是什么正弦余弦,但你问我哪个是正弦,sorry,楼老师自认文盲!

不过,楼老师知道怎么用。为什么?百度的!这下大家有信心完成这个案例了吧?

下面说说公式:

您可能想查找下面的文章:

  • Axure7.0教程(九)7.0重现进度条(动态面板新特性_定义面板大小)
  • Axure7.0教程(八)函数介绍
  • Axure7.0教程(七)math函数的使用(2)Math函数简介
  • Axure7.0教程(六)math函数的使用(1)动态面板环状移动
  • Axure7.0教程(七)math函数的使用(2)Math函数简介
  • Axure7.0教程(六)math函数的使用(1)动态面板环状移动
  • Axure7.0教程(五)鼠标Cursor函数的使用(动态面板跟随)
  • Axure7.0教程(四)中继器的使用(4)
  • Axure7.0教程(三)中继器的使用(3)
  • Axure7.0教程(二)中继器的使用(2)

相关文章

  • 2017-06-14五分钟教你快速上手Axure交互设计
  • 2017-06-13Axure实例:Axure Pro 8制作产品需求文档
  • 2017-06-14Axure7.0教程(五)鼠标Cursor函数的使用(动态面板跟随)
  • 2017-06-13如何在Axure RP 8 中规范使用 Font Awesome 图标库完成设计
  • 2017-06-13Axure教程:原型设计之侧滑菜单
  • 2017-06-14Axure教程:手把手教你做截获鼠标指针(或鼠标变手型跟随)
  • 2017-06-14Axure教程:用Axure实现晚会抽奖程序
  • 2017-06-14Axure实战:滑动拼图解锁教程
  • 2017-06-14Axure教程:中继器实现列表到详情页的数据传递
  • 2017-06-14Axure教程 - 为原型设计添加点动画效果

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Axure教程 | 如何通过拖动滑杆上的按钮,调整数值?
    • 五分钟教你快速上手Axure交互设计
    • Axure教程:实现倒计时获取验证码效果
    • Axure实例:顶栏和侧边栏的固定和窗口自适应
    • Axure原型技巧 | 这回我们模拟下键盘输入
    • Axure原型设计之轮播图
    • 如何优雅的用Axure装逼?高保真原型心得分享
    • Axure中继器实践:如何制作一个「记忆翻牌」小游戏?
    • Axure教程:中继器实现列表到详情页的数据传递
    • axure实现网站的通用注册原型设计

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有