• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    Axure標簽頁設計方法

    在設計移動或后臺不免碰到需要設計近似于如下圖分隔內容上有聯系關系但屬于分歧類此外數據調集,及tag標簽頁,這里的設計一般是操縱動態面板,以下為設計方式。

    東西/原料

    • Axure 9

    方式/步調

    1. 1

      以三個標簽為例,拖動三個矩形框作為標簽1、標簽2、標簽3

      設置懸停結果字體為淺藍色

      選中結果為字體為淺藍色,線段為淺藍色

      f31fbe096b63f624d3098c6f8844ebf81a4ca302.jpg
    2. 2

      接著拖動一個矩形作為標簽1要放置的內容承載,這里舉例直接寫標簽1了。

      f603918fa0ec08faf160a7cb56ee3d6d55fbda7e.jpg
    3. 3

      接著將其轉換當作動態面板

      d8f9d72a6059252d15b7a9683b9b033b5bb5b93e.jpg
    4. 4

      雙擊動態面板,將狀況1改為標簽1,新增標簽2、標簽3

      9a504fc2d56285351274664d9fef76c6a6ef63c2.jpg
    5. 5

      別離進入標簽2、標簽3的狀況,為其狀況設計要顯示的工具,這里舉例為標簽2、標簽3如圖

      023b5bb5c9ea15cef1b85765b9003af33a87b20c.jpg b7003af33a87e950f80944001f385343fbf2b444.jpg
    6. 6

      退出動態面板并將動態面板設置為埋沒

      b58f8c5494eef01f3ea1afa9effe9925bc317d20.jpg
    7. 7

      設置交互事務,以標簽1為例,單擊時顯示動態面板,狀況為標簽1,矩形為選中狀況

      標簽2、標簽3同理,單擊時顯示動態面板,狀況為對應狀況,對應矩形為選中狀況

      2cf5e0fe9925bc315409b7f451df8db1cb137001.jpg
    8. 8

      點擊預覽,標簽頁的選擇結果出來了,可是呈現了選中時,其他標簽沒變為不選中狀況,所以還需操縱選項組功能

      c83d70cf3bc79f3dd6ca555cb5a1cd11728b29b6.jpg
    9. 9

      將標簽1、標簽2、標簽3全數選擇,右鍵選擇選項組

      8718367adab44aed52a10f88bc1c8701a08bfbeb.jpg
    10. 10

      然后新建選項組,定名后點擊確定

      8435e5dde71190ef813923b3c11b9d16fcfa6098.jpg
    11. 11

      此時再點擊預覽,就不會呈現選中多個的環境了

      6159252dd42a28348bfe866754b5c9ea15cebf06.jpg
    • 發表于 2019-12-19 23:06
    • 閱讀 ( 692 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆