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

在我們瀏覽股市的走勢圖時，你會發現當鼠標移上去后就會顯示出數據，這種效果用Axure怎么做出來呢？

最近一個朋友問我，股市的走勢圖鼠標移上去就顯示數據，這種效果怎么用原型做出來？就是類似如下的效果：

先睹為快：點擊預覽

教程開始：以谷歌云后臺虛擬機監控視圖為例。

第一步：觀察規律，記錄要點

靜態：除了指示器，提示層，其他元素為靜態。

動態：

1. 指示器，X坐標跟隨鼠標X坐標，Y坐標保持不變；

2. 指示器，不能超過走勢圖范圍；

3. 提示層，X坐標跟隨鼠標+固定間隔，Y坐標跟隨鼠標；

4. 提示層，數字變化，隨指示器和曲線交匯的值變動；

第二步：繪制元素，細節略

第三步：制作指示器/提示層，隨鼠標移動

1. 觸發區域

鼠標進入走勢圖區域的時候才觸發，所以將走勢區域的最外層設置為透明，并置于頂層，以便觸發事件。

2. 指示器交互

設置走勢區域的鼠標移動事件【鼠標移動時】【指示器】【到達】鼠標位置。

3. 提示層交互

按如上套路，設置提示層跟隨鼠標移動。

第四步：制作提示層上的%比值，跟隨指示器變化

注：Axure沒有函數可以取曲線上的坐標，這里簡單用隨機數代替變化 [[(Math.random()*1).toFixed(2)]]%。

內容下載地址：

作者鏈接：https://pan.baidu.com/s/1UQoWp59DzdvqJxEYOa76Ig 密碼: wc3u

在線預覽：https://z61kjf.axshare.com

本文由 @陳張良 原創發布于人人都是產品經理?，未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議