如何使用Axure製作動態時間

2025-01-31 09:55:28 字數 1432 閱讀 9105

1樓:溫州甌越培訓學校

製作動態面板。

在工作區拖入乙個文字標籤,右鍵單擊,選擇「轉換為動態面板」,命名為「動態時間」。

有人可能直接從元件庫拖入動態面板,這樣也可以,但是我還是習慣直接通過右鍵的方式,這種方式製作的動態面板,不會受到面板區域限制而使某些元件不能顯示。

製作動態面板。

進入狀態1(state1),再拖入乙個文字標籤,分別將兩個文字標籤命名為「日期」和「時間」,調整兩個標籤的位置。

製作動態面板。

關閉狀態,返回index頁。在「元件管理」面板右鍵單擊state1,選擇複製狀態,新狀態為state2,不用修改兩個狀態的名稱,因為不重要。

設定自動迴圈。

選中動態面板,新增為「載入時」事件新增用例,選擇「設定面板狀態」,選中「動態時間」面板,狀態為「next」,勾選「向後迴圈」,時間為1000毫秒。

這樣設定後,面板就會每隔一秒切換一次狀態,並且一直在狀態1和狀態2之間無限迴圈。

整理時間日期函式。

將以下資訊整理至notepad++備用。

年:月:日:時:

分:秒:函式解釋。日期函式不用解釋了,下面解釋我們要用到的其他函式。

string'):這個函式是在字串後面附加字串,這裡使用的目的,是在月、日、時、分、秒的前面加上0,後面詳解;

length):這個函式是從目標字串的指定位置開始,擷取固定長度的字串,起始位置從0開始;

取得目標字串的長度。

實現思路分析。

日期的獲取和連線並不困難,這裡的難點,是在如何將1位文字轉換為2位文字,上一步提到的函式是關鍵。

以秒為例,先在獲取到的秒前面加0,比如

我們最後要保留的是2位數,其實就是最後兩位數,但是axure中沒有right()函式,所以我們只能迂迴取得。

1、獲取新增0後的長度;

2、用長度減去2,作為擷取字串的起始位置;

3、擷取的長度為2。

如:010,從字串下標為1的位置開始,取兩位,結果為10

05,從字串下標為0的位置開始,取兩位,結果為05

這就是我們要的效果。

以秒為例寫出相應函式:

完善函式。按照秒的函式,我們依次寫出月、日、時、分的函式,並進行組合,分別得到「日期」和「時間」的函式。

選中「動態時間面板」,為「狀態改變時」事件新增用例,點選「設定文字」,勾選兩個「日期」元件,填入日期函式,勾選兩個「時間」元件,填入時間函式。

步驟閱讀。預覽。

完成以上一系列設定後,按f5預覽效果。

2樓:lucille的海角

axure原型可以做成線框的低保真原型和呈現出**效果的高保真原型,如果產品經理需要通過顏色對比等來展現出原型設計的效果時,就需要使用高保真的互動原型了。

同時,可以將axure的原型檔案上傳至藍湖,可以實現手機上預覽,也可直接在藍湖上生成**給工程師使用。

電腦怎麼製作動態圖,如何製作動態桌布

使用工具 迅捷gif製作工具 今天要說的是在電腦端製作動態圖的方法,製作步驟很簡單,只需要在電腦上執行一個迅捷gif製作工具即可完成動態圖的製作 首先在電腦上安裝同款gif製作軟體,雙擊開啟之後會有兩個選擇按鈕,即 啟動螢幕錄製 和 啟動gif編輯器 想直接錄製的話,選擇後者即可 錄製完成會到gif...

如何使用js動態建立json分組資料

之前我已經有講過後臺返回json資料到前臺,並在前臺遍歷json資料。這裡講下直接在js裡建立json資料,然後遍歷使用 建立 如下 建立的是json物件 12345678 var yearselect var year 2014 var dateoption for var i year i ye...

如何使用ps製作透明的水湧,如何使用Ps製作透明的水印?

這個很簡單,先選擇ps的文字工具,打字,打出來你需要做著水印的字 我這裡以文字來打比方 顏色隨便你自己選擇,然後調整文字的透明度,到合適的位置,你的透明水印就做成了,如果還有什麼不懂,可以問我。用photoshop為 加上立體透明水印25 163847 1.gif 37.99 kb 2008 7 2...