第五步:同時選中(按住Shift鍵多選)第一個標簽欄圖標和文本標簽,單擊右鍵,在彈出的關聯(lián)菜單中選擇【轉換為動態(tài)面板】,見圖253,并給其命名為tab1。同樣的操作,分別
查看詳情第四步:同樣的道理和操作方法,昆明網站建設小編給圖標下面的4個文本標簽分別設置選中時的交互樣式,讓其選中時字體顏色改變?yōu)?589442,見圖252。同第三步操作一樣,
查看詳情第三步:將圖像素材中的tabbar_bg.png和4個灰色的標簽欄圖標導入到Axure中并添加文本標簽【在學習的過程中要養(yǎng)成給每個部件命名的好習慣】,見圖249。第三步:昆明網
查看詳情第二步:在【部件】面板中拖放一個動態(tài)面板到設計區(qū)域,給其命名為【content】,雙擊該動態(tài)面板并添加4個狀態(tài),分別命名為tab1、tab2、tab3和tab4,然后昆明網站建設小
查看詳情因為昆明網站制作小編目前還沒有詳細講解【母版】的使用,所以這個案例就使用動態(tài)面板來扮演APP的內容部分。在此以TripAdvisor應用為例來進行演示,見圖246。啟動A
查看詳情第二步:選中該圓形,按下快捷鍵Ctrl/Command+D,快速復制一份,然后設置第二個圓形尺寸為160×160像素,然后,昆明網站制作小編建議同時選中兩個圓形,單擊右鍵,在彈出的
查看詳情在我們制作原型的過程中,通常情況下遇到使用圖標時都會通過網絡搜索或使用其他繪圖工具(PS/AI/SKETCH等)來制作所需的圖標。當然,使用Fontawesome等圖標字體也是非
查看詳情第四步:選中【立即注冊】按鈕,在右側的部件【屬性】面板中給其添加【鼠標單擊時】事件,昆明網站制作小編認為在當前窗口打開page1,見圖150。(圖150)第五步:在頂部
查看詳情第三步:給【復選框】添加事件,當【復選框】被勾選時,啟用【立即注冊】按鈕;當【復選框】未選中時,昆明網站建設小編在此提醒:禁用【立即注冊】按鈕,見圖149。(圖1
查看詳情第二步:選中【立即注冊】按鈕,在右側的部件【屬性】面板中勾選【禁用】,見圖146。然后設置【禁用】時的交互樣式,昆明網站制作小編建議設置其禁用時的填充顏色為,
查看詳情現(xiàn)在你已經對【文本輸入框】部件及其不同的類型有了一定了解,下面昆明網站建設小編將通過一個案例來鞏固一下。在這個案例中,用戶在按要求輸入用戶名、密碼和郵箱
查看詳情第四步:再次雙擊中繼器,進入編輯狀態(tài),或者通過單擊設計區(qū)域上方的【(中繼器)(index)】標簽回到編輯狀態(tài),見圖134,在右側的【中繼器檢查器】面板中點擊【樣式】標簽
查看詳情第三步:在【中繼器檢查器】面板中單擊【交互】標簽,雙擊【每項加載時】事件下的【Case1】,在彈出的【用例編輯器】對話框中設置【水果名稱】的文本值為];【水果價
查看詳情第二步:拖放兩個矩形部件到設計區(qū)域,分別給兩個矩形部件命名為水果名稱、水果價格,見圖130。(圖130)此時,昆明網站制作小編覺得細心的讀者會注意到,在兩個矩形相交
查看詳情第一步:在【部件】面板中拖放一個中繼器部件到設計區(qū)域,然后,昆明網站建設小編認為雙擊該動態(tài)面板,在右側的【中繼器檢查器】面板下的【數(shù)據集】中填充數(shù)據,見圖1
查看詳情第四步:在打開的原型中向右滑動可以展開站點地圖,見圖15。(圖14)(圖15)A:應用導航B:原型的站點地圖至此,在移動設備中預覽原型昆明網站制作小編就介紹完畢了,雖然
查看詳情第三步:提示發(fā)布成功后,在手機或平板電腦中啟動AxShare應用,見圖10。輸入Axure賬號和密碼后單擊【LOGIN】,登錄成功后可以看到自己AxShare中的項目文件夾,見圖11。
查看詳情第二步:單擊菜單欄中的【發(fā)布>發(fā)布到AxShare】,登錄你的Axure賬戶,這里昆明網站建設小編認為可以選擇上傳一個新項目并設置項目名稱、密碼,也可以替換已經存在的項
查看詳情在真實的移動設備中預覽原型Axure官方發(fā)布了用來預覽原型的AxShareAPP,安裝該APP后就可以輕松地在移動設備中預覽原型,來獲取最真實的用戶體驗。到APPStore或安卓
查看詳情CSS中的1px并不等于設備的1像素。我們使用Axure生成的原型是由HTML+CSS+JavaScript構成的。在CSS中,通常使用px(pixel的縮寫,即像素)作為單位,在桌面瀏覽器中,CSS
查看詳情通俗地講,移動設備上的Viewport就是設備的屏幕上能用來顯示網頁的一塊區(qū)域,也可以理解為移動設備屏幕的可視區(qū)域。昆明網站建設小編再具體一點,就是瀏覽器上(也可
查看詳情APP原型的尺寸設計在使用Axure設計APP原型時,如果要在一個或者多個移動設備中測試APP原型,昆明網站制作小編認為則需要提前獲取移動設備的屏幕分辨率,再根據屏幕分
查看詳情第七步:在其他頁面中開始APP設計時,一定要在兩條全局輔助線范圍內,【iPhoneFrameforDesktopView】頁面才可以正常顯示。昆明網站建設小提示:在【iPhoneFrameforDe
查看詳情第六步:雙擊【APPHome】頁面,添加一條垂直的全局輔助線,坐標(375),再添加一條水平的全局輔助線,坐標(667),見圖6。(圖6)昆明網站制作小提示:添加輔助線時,按住Ctr
查看詳情第四步:右鍵單擊iphone_frame,在彈出的關聯(lián)菜單中選擇【滾動條>從不顯示滾動條】,然后昆明網站建設小編認為再次右鍵單擊該部件,選擇【切換邊框可見性】,將內部框
查看詳情第三步:在【部件】面板中拖放一個內聯(lián)框架部件,將其放置于iPhone6機身外殼部件庫的屏幕上方,并調整內聯(lián)框架部件尺寸為375×667像素,最后,昆明網站制作小編認為給其
查看詳情第二步:雙擊iPhoneFrameforDesktopview頁面,然后拖放iPhone機身外殼部件到設計區(qū)域,見圖2。(圖2)昆明網站建設小提示:iPhone機身外殼部件庫下載地址:http://yunpa
查看詳情