• <acronym id="danlv"><form id="danlv"></form></acronym>
  • <dd id="danlv"><rt id="danlv"></rt></dd>
      <var id="danlv"><rt id="danlv"><big id="danlv"></big></rt></var>
      1. <code id="danlv"><ol id="danlv"></ol></code>
        <var id="danlv"><rt id="danlv"></rt></var>
          1. <code id="danlv"></code>
            返回首頁

            AxureRP 實現紅綠燈效果 實例教程

            時間:2013-05-16 22:57來源:知行網www.n1979.com 編輯:麥田守望者

            紅綠燈效果在實際設計當中是沒有什么用的,因為紅綠燈一般都只會橫在馬路上,而不會出現在網頁上,設計這個主要是娛樂一下,不過在設計過程中發現,這個實例要是轉化一下思路,還是可以應用在網站設計中的,比如在線問答的時間控制,頁面切換的倒計時控制等,因為實現原理是一樣的,只不過顯示的內容會不一樣,會更加豐富而已。

            這個效果在前面介紹AxureRP的單選框復選框組件應用的時候有提到,當時沒有拿出來詳細說,用AxureRP來實現這個效果,主要還是要熟悉各個組件之間的配合使用,以及各組件自身的屬性作用。實現原理是利用單選框組件的編組功能,使紅黃綠單個選項只能選擇一個,再通過動態面板的狀態轉換控制不同選項下的頁面顯示,里面的倒計時效果前面已有介紹,這里利用了頁面的OnPageLoad事件控制效果的自動運行。

            這個例子里面涉及的功能都有介紹過,主要是理清邏輯,各組件間相互配合的順序,整合在一起就是一個完整的效果了。馬路上的紅綠燈的倒計時是放在燈的右邊的,做的好一點,可以把單選框替換成圖片,用圖片來標示燈亮燈滅,然后旁邊加上倒計時,這樣就更逼真了,不過那樣也會更復雜,因為元素變多了,就更需要注意配合順序。

            ------分隔線----------------------------
            標簽(Tag):AxureRP AxureRP教程 AxureRP軟件下載 AxureRP序列號
            ------分隔線----------------------------
            推薦內容
            猜你感興趣
            日韩在线av免费视久久