<strike id="ca4is"><em id="ca4is"></em></strike>
  • <sup id="ca4is"></sup>
    • <s id="ca4is"><em id="ca4is"></em></s>
      <option id="ca4is"><cite id="ca4is"></cite></option>
    • 二維碼
      企資網

      掃一掃關注

      當前位置: 首頁 » 企業資訊 » 經驗 » 正文

      Axure自動生成標簽頁/面包屑詳細教程

      放大字體  縮小字體 發布日期:2022-11-30 12:16:22    作者:付安然    瀏覽次數:55
      導讀

      感謝導語:「菜單」時自動生成「標簽頁/面包屑」,并打開「對應頁面」;刪除「標簽頁/面包屑」,頁面關閉并定位到最近「標簽頁/面包屑」,打開「對應頁面」。如何完成這種效果呢?了用A

      感謝導語:「菜單」時自動生成「標簽頁/面包屑」,并打開「對應頁面」;刪除「標簽頁/面包屑」,頁面關閉并定位到最近「標簽頁/面包屑」,打開「對應頁面」。如何完成這種效果呢?了用Axure自動生成標簽頁/面包屑得詳細教程,一起來看一下吧。

      下載演示地址:

      pan.baidu/s/1z_5GGwiS0qhjG7owPft5_Q(提取碼:c36r)

      教程大綱:

        完成整體布局制作菜單區交互制作標簽區交互聯動菜單區和標簽區設置打開頁面待優化思考中
      01 完成整體布局

      創建1個主頁面(命名“主頁面”),3個子頁面(分別命名“菜單1”、“菜單2”、“菜單3”)

      使用元件:矩形、內聯框架、中繼器、白色取消icon、黑色取消icon(icon下載地址:特別iconfont/)

      在【主頁面】按照下圖完成整體布局,如下圖:

      02 制作菜單交互

      右鍵選中【菜單1】- 選中【交互樣式…】- 【選中】,設置“字體顏色”為白色、“填充顏色”為“666666”,如下圖:

      【菜單1】設置“鼠標單擊時”用例,如下圖:

      【菜單1】設置選項組,選項組命名“menu”,如下圖:

      【菜單2】和【菜單3】重復上述步驟

      【菜單1】設置為“選中狀態”,如下圖:

      03 制作標簽交互

      雙擊打開【中繼器】,復制【黑色icon】放置到中繼器,如下圖:

      右鍵【黑色icon】- 選中【交互樣式…】- 【選中】,設置【支持】并導入【白色icon】,如下圖:

      選中【黑色icon】設置選項組,選項組命名“del”,默認“選中”,如下圖:

      選中【黑色icon】設置“鼠標單擊時”用例,如下圖:

      右鍵【矩形】- 選中【交互樣式…】- 【選中】,設置“字體顏色”為白色、“填充顏色”為“666666”(參考【菜單1】設置)

      【矩形】設置選項組,選項組命名為“label”,默認“選中”(參考【黑色icon】設置)

      【矩形】設置“鼠標單擊時”用例,如下圖:

      返回【主頁面】,【中繼器】,添加1行1列(雙擊重命名“title”和“page”),并取消“隔離單選按鈕效果”和“隔離選項組”效果,如下圖:

      【中繼器】設置樣式,設置布局“水平”、間距列“10”,如下圖:

      04 菜單區和標簽區聯動

      【菜單1】設置“鼠標單擊時”用例,如下圖:

      【菜單2】和【菜單3】與重復上述【菜單1】步驟,添加“鼠標單擊時”用例

      【中繼器】刪除1行,設置第1行(title為“菜單1”、page為“菜單1.html”),如下圖:

      05 設置打開頁面

      分別打開【子頁面-菜單1】、【子頁面-菜單2】、【子頁面-菜單3】,放入不同得元件,以便對于打開頁面做出區分,如下圖:

      返回【主頁面】,雙擊【中繼器】打開中繼器頁面,矩形,設置“選中時”用例,如下圖:

      【內聯框架】設置“載入時”用例,默認打開“菜單1”,如下圖:

      【主頁面】進行效果預覽。

      06 待優化思考中…

      多次菜單后,導致標簽區超長,解決方案:將標簽區轉換為動態面板。

      加入動態面板,新得標簽頁被隱藏,想要實現菜單縮小,并左移效果。解決方案:真得很麻煩,建議算了吧。

      感謝由 等猴子大王 來自互聯網發布于人人都是產品經理,未經許可,禁止感謝

      題圖來自 Unsplash,基于 CC0 協議

       
      (文/付安然)
      免責聲明
      本文僅代表作發布者:付安然個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
       

      Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

      粵ICP備16078936號

      微信

      關注
      微信

      微信二維碼

      WAP二維碼

      客服

      聯系
      客服

      聯系客服:

      在線QQ: 303377504

      客服電話: 020-82301567

      E_mail郵箱: weilaitui@qq.com

      微信公眾號: weishitui

      客服001 客服002 客服003

      工作時間:

      周一至周五: 09:00 - 18:00

      反饋

      用戶
      反饋

      午夜久久久久久网站,99久久www免费,欧美日本日韩aⅴ在线视频,东京干手机福利视频
        <strike id="ca4is"><em id="ca4is"></em></strike>
      • <sup id="ca4is"></sup>
        • <s id="ca4is"><em id="ca4is"></em></s>
          <option id="ca4is"><cite id="ca4is"></cite></option>
        • 主站蜘蛛池模板: 小浪蹄子嗯嗯水挺多啊| 日本xxxxx高清| 花传媒季app| 男人j桶进女人p无遮挡在线观看| 最近的中文字幕视频完整| 国产色无码精品视频国产| 四虎1515hm免费国产| 亚洲深深色噜噜狠狠爱网站| 久久大香线蕉综合爱| 99九九精品免费视频观看| 韩国公和熄三级在线观看| 永久看一二三四线| 成人毛片18岁女人毛片免费看| 国产精品jizz在线观看直播| 免费a级毛片在线播放| xxxxx做受大片视频| 高能预警韩国双ts超美| 激情内射亚洲一区二区三区爱妻 | 天天操狠狠操夜夜操| 国产午夜视频在线观看| 亚洲欧美综合另类| 91精品欧美激情在线播放| 精品一区二区三区水蜜桃| 日本特交大片免费观看| 国产精品视频一区二区三区不卡| 亚洲欧美成人在线| a级毛片免费观看网站| 色婷婷久久综合中文久久蜜桃| 校园春色国产精品| 国产馆精品推荐在线观看| 亚洲女初尝黑人巨高清| a级大胆欧美人体大胆666| 美女的大胸又黄又www又爽| 暴力调教一区二区三区| 国产精品成在线观看| 亚洲人成中文字幕在线观看| 99精品人妻少妇一区二区| 精品亚洲一区二区| 扁豆传媒视频免费观看| 国产人妖XXXX做受视频| 中文国产欧美在线观看|