常用互動執行個體:axure常用互動執行個體日曆控制項

來源:互聯網
上載者:User

文章描述:Axure常用互動執行個體教程:日曆控制項選擇日期.

上次分享了一個Axure常用互動執行個體帶提示文字框和拖拽物的教程,有不少網站有轉載,說明內容還是有點價值的。今天分享一個日曆控制項中的一個常用互動執行個體:選擇日期。

1.日曆控制項

第一步:

從控制項陳列庫中拖出兩個文本面板和一個矩形框。一個文本面板控制項中輸入“選擇日期”(標籤命名為文本1),另一個輸入一個預設日期(標籤命名為文本2),編輯文字框控制項的屬性為:文字框。

第二步:

開啟日曆控制項,這裡需要注意下,一般內建控制項陳列庫中是沒有日曆控制項的,這裡可以在網上下載一個,我這裡直接用一個之前已經做好的自訂控制項:

第三步:

將剛才的日曆控制群組合成一個控制項,右鍵轉化為動態面板,設定標籤為:日曆控制項,將其拖動到文字框下方,設定為隱藏,如圖:

2.添加事件

第一步:

點擊文字框2,添加OnClick事件,具體設定如下圖:

第二步:

雙擊“日曆控制項”下的動態面板,選擇26添加事件,設定如下圖:

1) 設定文本2的值,即選擇26時,將選中的值等於文本2;

2) 選中的同時需要隱藏日曆控制項;

(此處數字隨便選取,由於axure本身的局限性,如果想查個多個選中日期的效果,按照此步驟多設定幾個數字即可)

第三步:

選中20,重複第二步的操作;(這樣選擇26號和14號都可以傳遞到文本2中)

設定好之後點擊儲存,產生網頁就能看到效果了。如果你下載的日曆控制項有完整月份,那麼可以直接把切換月份的互動執行個體與日期結合,這樣整個日曆的互動就搞定可,各位可以試試看~~

作者:leo



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。