中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本案例原型下載：axure7.0教程（六）動態面板環狀移動.rp

Axure rp7.0增加了一些新的函數，這些改變可能會讓axure原型的高保真與低保真之爭更加激烈。因為這些函數已經更接近編程。其實只要我們知道了使用方法，也許并不困難。從本教程開始，我們對Math函數進行一些應用上的嘗試。

本章實現效果：點擊按鈕，讓一個動態面板（以下簡稱“動面”）圍繞中心點（坐標300,300）按半徑100Px進行環狀移動（就是繞圈）。

實現思路：

1、? 既然是讓動面不停的繞圈，那么結合axure rp6.5教程中的一些經驗，這應該要通過死循環（動態面板不停隱藏、顯示）來實現，所以需要一個用來繞圈的動面，和一個用來實現循環的動面。

2、? 當然，我們還需要一個觸發循環的按鈕，再放入一個矩形改成200*200的圓形拖到中心點的位置，讓效果更加明顯。

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度；即jiaodu=jiaodu+10；。

以上準備完畢后，開始制作原型：

1、? 設置按鈕onclick事件：設置動態面板顯示/隱藏為切換；

2、? 設置動態面板隱藏時事件：

A設置變量值jiaodu等于[[hudu+10]]（旋轉10度）

B設置等待50毫秒；

C設置動態面板顯示/隱藏為切換；

說明：注意順序，蛋疼的或者大姨媽疼的，可以試試把C放在最上面。

3、? 設置動態面板顯示時事件：

A設置：變量值hudu等于[[jiaodu*3.14159265/180]]；

變量值newx等于[[100* Math.Cos(hudu)+300]]；

變量值newy等于[[100* Math.Sin(hudu)+300]]；

B設置：移動面板到絕對位置X等于[[newx]]，Y等于[[newy]]；

C設置動態面板顯示/隱藏為切換。

好了，原型制作完成。

接下來，就是見證奇跡的時刻！你做對了嗎？

作者：小樓一夜聽春語