如何在Axure中，實現鼠標按住時，散開改變按鈕顏色？一起來本文中看看~
首先我們來看一下簡陋效果（是真的非常簡陋）：
請手動無視最後一次，gif上傳後出現的未知問題
接下來我們聊一下如何實現這個效果，首先我們需要一個動態面板：
動態面板狀態裡面我們需要它們：
然後我們把它們擺成這個樣子（簡易例子，就用方框替代，圓就隨便放就好了）：
圓的大小我設成了50*50（可以按喜好更改），此處以遮罩舉例，所以我設了黑色以及不透明度50（也可以改啦），然後我們隱藏掉這個小圈圈。
接下來就是用例了~要對動態面板設置(*^▽^*)。
（1）鼠標按鍵按下時
把小圈圈移到鼠標位置，顯示小圈圈，然後改變它的大小：
移動：使中心在鼠標位置
顯示：就是讓它出來啦
改變大小：是效果的重點啦，要以中心為固定點~
這裡我們用了一個函數，設置按照下圖哦：
（2）鼠標按鍵釋放時
隱藏掉小圈圈，然後再把它變回之前的大小
這個小圈圈以哪裡作為中心點都可以的，變回原來大小是為了保證每次出現都在鼠標位置，因為之前出現位置是鼠標位置減掉25呀~
噠噠，大功告成，可以預覽了，就是開頭的效果啦。如果大家有更好的解決方案歡迎來教我呀~
接下來是它↓
- 這是一個簡陋到不能再簡陋的例子，是可以擴展的！
- 如果想改變底紋顏色，可以把小圈圈（當然也可以橢圓）的位置變成文字和原底紋之間
- 如果動態面板不在（0,0）需要在改變小圈圈位置的時候再減去動態面板的座標噢（！重點）
- 源文件：https://pan.baidu.com/s/1tnJpXdCf_qDpqxyr3hM9rw 提取碼：eq89
題圖來自Unsplash，基於CC0協議
分享到:
閱讀更多 人人都是產品經理 的文章
