童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

10月18日 听雨眠投稿
  本案例原型下载:axure7。0教程(六)动态面板环状移动。rp
  Axurerp7。0增加了一些新的函数,这些改变可能会让axure原型的高保真与低保真之争更加激烈。因为这些函数已经更接近编程。其实只要我们知道了使用方法,也许并不困难。从本教程开始,我们对Math函数进行一些应用上的尝试。
  本章实现效果:点击按钮,让一个动态面板(以下简称“动面”)围绕中心点(坐标300,300)按半径100Px进行环状移动(就是绕圈)。
  实现思路:
  1、既然是让动面不停的绕圈,那么结合axurerp6。5教程中的一些经验,这应该要通过死循环(动态面板不停隐藏、显示)来实现,所以需要一个用来绕圈的动面,和一个用来实现循环的动面。
  2、当然,我们还需要一个触发循环的按钮,再放入一个矩形改成200200的圆形拖到中心点的位置,让效果更加明显。
  3、如果要让动面绕圈,那么我们就需要知道每到一个角度(一共360度,大家都懂的)时候,绕圈这个动面的坐标值,知道了整个一圈的坐标值,我们就能通过移动动面的事件,让绕圈的动面,沿着这些坐标值移动了。那么坐标值怎么能获取呢?就要Math函数出马了。
  本章函数:Math。Cos(),Math。Sin()
  大家看到了这两个函数头疼吗?我也很头疼,因为我知道这两个函数是什么正弦余弦,但你问我哪个是正弦,sorry,楼老师自认文盲!
  不过,楼老师知道怎么用。为什么?百度的!这下大家有信心完成这个案例了吧?
  下面说说公式:
  
  公式1:弧度半径角度圆周率180
  说明:半径角度自定义,本案例初始值0,每次移动10,圆周率3。1415926535897932384626(楼老师20多年前背下来的)。
  公式2:圆周X坐标值半径长度Math。Cos(弧度)中心点X坐标值
  说明:半径长度自定义,本案例设置为100,中心点X坐标值自定义,本案例设置为300。
  公式2:圆周Y坐标值半径长度Math。Sin(弧度)中心点Y坐标值
  说明:中心点Y坐标值自定义,本案例设置为300。
  这就是楼老师查到的公式,事实证明,这个公式能用!
  
  下面就是定义变量了,我们都需要什么变量呢?
  1、hudu:用来保存弧度的值;
  2、newx:圆周X坐标值,仅用来存储;
  3、newy:圆周Y坐标值,仅用来存储;
  4、jiaodu:用来保存角度值和递增后的角度值,可以设置默认值0,每次循环10度;即jiaodujiaodu10;。
  以上准备完毕后,开始制作原型:
  1、设置按钮onclick事件:设置动态面板显示隐藏为切换;
  2、设置动态面板隐藏时事件:
  A设置变量值jiaodu等于〔〔hudu10〕〕(旋转10度)
  B设置等待50毫秒;
  C设置动态面板显示隐藏为切换;
  说明:注意顺序,蛋疼的或者大姨妈疼的,可以试试把C放在最上面。
  3、设置动态面板显示时事件:
  A设置:变量值hudu等于〔〔jiaodu3。14159265180〕〕;
  变量值newx等于〔〔100Math。Cos(hudu)300〕〕;
  变量值newy等于〔〔100Math。Sin(hudu)300〕〕;
  B设置:移动面板到绝对位置X等于〔〔newx〕〕,Y等于〔〔newy〕〕;
  C设置动态面板显示隐藏为切换。
  好了,原型制作完成。
投诉 评论 转载

Axure7。0教程(四)中继器的使用(4)Axurerp7。0的新元件中继器(repeater)的功能中我们分别讲解了增、删、改三个功能,今天我们来讲一下剩下的功能:1、按输入的文字筛选;2、按指定条件(某……Axure教程axure新手入门基础(1)首先做个声明:此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便。另外,因为汉化版本可能功能名称等略有差别,请自行理解。名词解释:线框图:一般……Axure教程axure新手入门基础(3)(三)Axurerp元件的触发事件OnClick(点击时):鼠标点击事件,除了动态面板的所有的其他元件的点击时触发。比如点击按钮。OnMou……Axure教程axure新手入门基础(4)(四)条件生成器在axure原型制作的过程中,很多时候我们需要触发一个又一个事件,以交互设计效果展示的需求。在这些事件里我们经常需要在满足某一条件时完成指……Axure7。0教程(五)鼠标Cursor函数的使用(动态面Axurerp7。0中新增的函数中有一个Cursor函数,这是关于鼠标的函数,我们可以通过这个函数获取鼠标的当前位置,本教程简单地对这个函数做个讲解:要实现的效果:……Axure7。0教程(六)math函数的使用(1)动态面板环本案例原型下载:axure7。0教程(六)动态面板环状移动。rpAxurerp7。0增加了一些新的函数,这些改变可能会让axure原型的高保真与低保真之争更加激烈。因为这……Axure7。0教程(三)中继器的使用(3)本教程案例下载:axure7。0教程小楼作品(三)中继器的使用(3)在上一节教程axure7。0教程(一)中继器的使用(1)和axure7。0教程(二)中继器的……Axure7。0教程(二)中继器的使用(2)本教程案例下载:axure7。0教程小楼作品(二)中继器的使用(2)在上一节教程axure7。0教程(一)中继器的使用(1)中我们初步讲解了,如何使用中继器的功能之一,在……Axure7。0教程(一)中继器的使用(1)Axurerp7。0来了,与axurerp6。5的区别大家都在探索,目前为止7。0bug层出不穷,但是我们能看到7。0的变化,最显著的是,在软件自带的里只多了一个元件,他的中文……Axure基础教程02文本框上次给大家介绍过矩形,这次说一下文本框。顺便要说一下的是,这个系列教程里面,有些部件比如占位符之类就不再赘述了,因为比较简单而且没有什么需要特别设置的功能。文本框其……帮UI分类,我们是如何记忆的?1956年,认知心理学家georgea。miller发表了一篇名为“神奇的数字:72”的论文,内容描述人类的大脑对于短期记忆的研究:人类对于59个数量左右的单位最容易记忆,超过……Axure7。0元件库下载元件库说明:1、本元件库仅适用于Axurerp7。0以上版本;2、本元件库已集成Axurerp7。0自带元件,避免使用中元件库的切换;3、本元件库中所有元件均……
一个功能是如何被实现出来的?色彩设计方法阿里设计实战!“回声”项目第一期设计小结别再纠结是Bug还是新需求了产品icon与色彩心理学面条与产品:简单简陋,而是为了更纯粹的美味程序员如何做出“不难看”的设计从美工到设计师!凭什么说我是设计师?6种方式提升在线酒店预订体验好评如潮!帮你的网站吸引更多用户的七大秘诀豆瓣小组的商业化思考常见设计理论合集黄花鱼怎么做好吃?黄花鱼的做法为什么这份工作不适合你坚持这五点,让自己东山再起!王一博初心不改为街舞不断突破自己,练习日记只是努力的缩影在我国成都醉驾关押什么地方秋天的第一个包包创意图片秋天的第一个包包怎么做嘴唇干怎么治夫妻争吵勿忘孩子森林中最凶悍猫科动物猞猁,捕食大型兽类喝血(图片)今夏要时髦,离不开这条西裤!款式百搭不老气,小个子也能驾驭冬季钓鱼钓大水面还是小水面?勃兰匠记车载充气泵怎么使用

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界