Axure中拖動滑塊文字不隱藏?

時間 2021-06-09 13:32:13

1樓:馬龍

題主的需求是實現乙個類似登入時候拖動滑塊驗證的功能。如下所示

A是初始狀態,使用者可以拖動黑色滑塊往右端移動;

B是中間狀態,滑塊移動到中間,滑塊移動過的左側用綠色顯示;

C是最終狀態,滑塊拖動到最右側,紅色部分被完全覆蓋。

實現原理

1、分別有三個元件,紅色矩形作為滑動軌道A , 黑色滑塊B,綠色背景C;

2、A、B、C的顯示曾是是C在最底層,A在第二層,B在最上層;

3、當拖動滑塊B的時候,擴大C的長度,用C去覆蓋因為B的移動空出來的位置,

具體是實現是:設定C的寬度為 B左側邊緣座標 - A左側邊緣的座標

Axure實現

1、拖入兩個矩形元件A設定為滑道,設定紅色填充;C設定為背景,綠色填充;

2、拖入動態面板,設定為滑塊B,黑色填填充;

3、設定滑塊b的移動事件,設定動作為動態面板自動跟隨;

4、同樣設定滑塊b的移動事件,設定背景C的寬度 =滑塊B左邊座標 - 滑道A左邊座標。

2樓:

這個效果需要分兩步:

下文圖中「文字」指的是滑塊後面的背景,「這是個文字」指的是需要隱藏的文字

一、實現拖動(如果實現了跳過)

把滑塊設定成動態面板,就會有拖動的事件了,在「拖動時」下面新建乙個用例,不要設定條件,然後再動作裡選擇「移動」,這一步就完成了。

如果你需要讓滑塊在背景那個框裡滑動,那麼你就需要設定邊界,在配置動作裡就有,拖動的下面就可以配置,事實上我們只需要讓滑塊不超出背景模組就行了,於是乎你可以需要這樣個邏輯:

頂部<=背景的top;

底部》=背景的bottom;

左側》=背景的left;

右側<=背景的right

在具體實現上我是定義區域性變數box=背景層,然後設定值,拿乙個舉例:

邊界的值

邊界的值都按這個設定就好了

二、設定拖動隱藏

同樣的在滑塊那個動態面板的「拖動時」的事件下新增乙個用例,重點來了哈!

如果你不設定任何條件,這個用例的觸發條件會和上面的拖動一致,這樣當觸發了拖動的時候回出現乙個讓你選擇的,這兩個用例你只能觸發乙個,所以需要設定乙個條件,我建議是this.left>0即可

還沒有完,這還有乙個坑,如果你只是新增了判斷條件,那麼第乙個用例的條件是if true,而第二個是else if true,也就是說你只能觸發第乙個用例,我猜你就是掉這坑里了,解決辦法就是右鍵這第二個用例,切換至if即可。

接下來就簡單了,選擇乙個「隱藏」動作,把需要隱藏的文字元件隱藏即可。

基本就是這樣了我試了下是沒得問題的

初始隱藏咯

注:我用的是mac下的axure 8.1版本

ppt中在文字佔位符中輸入文字和在插入的文字框內輸入文字在控制文字格式方面有何不同?哪種更好?求解答?

靈狐 既然提到文字,文字,那麼今天我們就把文字佔位符和文字框拿出來說一說。不同點 1.文字佔位符 分為橫排和豎排,本文以橫排文字為例 只在母版中使用,而文字框其實在母版和普通檢視中都可以使用。2.預設的文字佔位符如下圖所示 預設的文字佔位符 母版檢視 gt 普通檢視 而預設的文字框如下 預設文字框 ...

雙螺桿壓縮機中的通過滑塊的無極容調是怎麼實現在負荷時候節能的?

skozer 專業從事製冷,首先搞清楚節能的意思。對主機來講,對於使用者要求同樣的負荷,輸入功率越小也就越節能。理解樓主的意思應該是想解釋帶滑閥螺桿壓縮機比不帶滑閥螺桿壓縮機節能的原因。帶滑閥的機組通常按照標準工況效能進行設計,此時滑閥位置接近於滿開,與不帶滑閥的機組 滑閥位置一直滿開 比較,沒有所...

如何看待這段文字中的道理?

不復合也不會改名 之前看 百年孤獨 不懂孤獨什麼,這段話跟百年孤獨表達的東西有異曲同工之妙,人與人之間的誤解是永遠存在的 所以乙個懂你的人是多麼重要吖 丟雷 觀點不同,價值觀不同,並不意味著水平的高低。你輕輕鬆鬆英語六級,別人拼死拼活四級都過不了,那麼這是水平或者智商的差距。你覺得保守的女人潔身自好...