axure官網雖然有元件庫，但由於網路原因獲取不到。網上也搜不到相關的教程。上axure學習群看了滑動解鎖螢幕的例子看看，自學了一把。元件互動拓展
複製貼上伸手黨就不用看了。先看cad的模型圖。
我們設滑動條的鈕的半徑為10，設滑動條的底框的高為8，圓角半徑為5。cad展示了放大後的細節。
在我們拖動滑動條的鈕的過程，肯定是要滿足以下兩個條件：
滑動條的鈕橫向運動；
滑動條的鈕不能超出滑動條的底框。
對於第乙個條件，我們在設定中設定為橫向運動就可以滿足。
對於第二個條件，我們取圓心為參考點，當圓心超出底框圓弧中心點時，令圓心固定在底框圓弧中心點的位置即可。
分別設鈕為a，底框為b，則有：
圓心位置為(a
.x+a
.wid
th/2
,a.y
+a.w
idth
/2)
底框圓弧中心點位置為(b
.x+b
.hei
ght/
2,b.
y+b.
heig
ht/2
) 其中，a.width/2是圓的半徑。
當圓心超出左側的底框圓弧中心點時，即a
.x+a
.wid
th/2
x+b.
heig
ht/2
則移動鈕「絕對位置到」(b
.x+b
.hei
ght/
2−a.
widt
h/2,
b.y+
b.he
ight
/2−a
.wid
th/2
) 右側同理。
新增乙個矩形，命名為滑動條的底框，設定w=400，h=8，在元件屬性和樣式中設定圓角半徑為5。
新增乙個動態面板，命名為滑動條的鈕，設定w=20，h=20。
在動態面板的狀態1中新增兩個矩形。
第乙個矩形作為灰色基座，將其變形為橢圓（選中右鍵->選中形狀->橢圓），設定x=0，y=0，w=20，h=20，設定元件屬性和樣式為無邊，背景填充灰色。
第二個矩形作為中心點，將其變形為橢圓（選中右鍵->選中形狀->橢圓），設定x=5，y=5，w=10，h=10，設定元件屬性和樣式為無邊，背景填充天藍色。
完成上述兩個矩形之後，再新增乙個動態面板，命名為透明觸控板，設定x=0，y=0，w=20，h=20。
結果如圖：
元件互動的難點在於左右側的限定。在頁面「滑動條的鈕/state1（主頁）」中，選中透明觸控板，新增「拖動動態面板時」的用例，用例為元件->移動，設定移動元件「滑動條的鈕（動態面板）」，移動形式為「橫向拖動」。確定完成。
趕緊按f5先體驗一下吧。
選中透明觸控板，新增「拖動動態面板時」的用例2，如圖新增條件：
新手要注意的是，a和b都是區域性變數，在每個函式fx中都要設定a和b（非常繁瑣）。
公式忘了回看前文「理論知識」哦~
還要在互動介面切換else if為if（因為用例2和用例3預設為else if）。
大功告成！
在主頁新增個矩形，命名為顯示屏。
在頁面「滑動條的鈕/state1（主頁）」中，給鈕新增用例4，內容如圖：
這樣，在我們滑動滑動條的鈕時，顯示屏內就會顯示數字的變化。這對使用者來說體驗非常直觀。
Axure RP 7 0快捷鍵 彙總
作者的話 在網上看了一下axure的快進內容都是6.5版本之前的 在這裡我重新整理了一下axure rp 7.0版本的快進提供給大家參考學習.使用快進鍵的好處是 讓你用更短的時間更高效的去使用乙個軟體工具，其實你要是對乙個工具軟體的快捷鍵使用的得心應手，那感覺他不再是乙個工具而是你的一雙巧手，在電腦...
opencv 滑動條製作
使用函式 cv2.gettrackbarpos 引數詳情 滑動條的名字 滑動條被放置視窗的名字 滑動條預設的位置 滑動條最大的值 直接例項理解 通過調節滑動條來設定畫板顏色，視窗顯示顏色，三個滑動條來設定rgb的顏色 import cv2 import numpy as np r init 300 ...
使用jQuery UI製作滑動條效果
前段時間在佐佐的部落格上看到這個效果 當時他是用純js寫的，中間有點bug。今天我不去幫它改進了，而是使用jquery ui來完成這個效果。效果的最終截圖 今天的效果是乙個slider效果，根據jquery ui官方的例子說明，我們需要總計3個js檔案 1 jquery.js 2 ui.core.j...