二維碼
        企資網

        掃一掃關注

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

        Axure教程_簡單開關按鈕的實現

        放大字體  縮小字體 發布日期:2023-03-15 19:07:29    作者:微生靈閣    瀏覽次數:99
        導讀

        筆者在感謝中介紹了如何用Axure實現開關按鈕效果得操作步驟,與大家分享。所需元件一個命名為“容器”得矩形一個命名為“關”得橢圓一個命名為“開”得橢圓操作步驟(1)設置矩形圓角半徑為40(2)將矩形尺寸調為w:1

        筆者在感謝中介紹了如何用Axure實現開關按鈕效果得操作步驟,與大家分享。

        所需元件

        一個命名為“容器”得矩形

        一個命名為“關”得橢圓

        一個命名為“開”得橢圓

        操作步驟

        (1)設置矩形圓角半徑為40

        (2)將矩形尺寸調為w:100,h:31

        (3)將兩個橢圓放到“容器”內合適得位置

        (4)設置“容器”得交互樣式——選中——填充顏色

        (5)設置“關”橢圓得交互——鼠標單擊時

        (6)設置“開”橢圓得交互——鼠標單擊時:

        特別注意,這里得“容器”選中狀態要改為false。

        (7)將“開”橢圓隱藏

        (8)看看效果

        1)關閉開關效果:

        2)開啟開關效果:

        小記

        (1)這是開啟Axure繪制原型學習過程中一個非常容易實現得原型,盡管非常得簡單,但是作用卻很大。目前許多得APP在通知開關用到得樣式都是這種開關按鈕樣式,學會這個,那么你在許多APP類原型中就都可以用到了!

        (2)雖然簡單,但還是要提醒大家,在繪制原型時為每一個元件命好名。像這個原型,有兩個形狀大小都相同得橢圓,且兩個橢圓得交互都涉及到對方,假如沒有一開始給它們命好名,那么你在設置交互時就會出現下圖這種情況:

        圖中有兩個(橢圓形),你不知道哪個是開哪個是關,那么這就會是一個很大得麻煩。所以切記,每拉入作圖區里一個元件就給該元件命好名。

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

        題圖來自 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 | 波多野结衣免费一区视频| 精品伦精品一区二区三区视频| 一区二区三区免费在线视频| 亚洲AV无码一区二区乱孑伦AS| 成人国产精品一区二区网站| 国内精品无码一区二区三区| 亚洲AV无码国产精品永久一区| 国产一区二区三区美女| 久久精品免费一区二区| 国产aⅴ一区二区| 亚洲AV香蕉一区区二区三区| 人妻少妇精品一区二区三区| 国产精品一区二区久久沈樵| 一区二区三区视频网站| 亚洲国产av一区二区三区丶| 农村人乱弄一区二区| 99热门精品一区二区三区无码| 狠狠爱无码一区二区三区| 国精产品一区一区三区有限在线| 538国产精品一区二区在线| 国产乱码精品一区二区三区四川人 | 日本精品一区二区三区在线观看| 一区二区三区免费在线视频| 精品日韩在线视频一区二区三区| 亚洲一区二区三区免费视频| 国产一区二区三区在线视頻| 中日韩精品无码一区二区三区| 日本精品高清一区二区| 熟女性饥渴一区二区三区| 精品中文字幕一区二区三区四区| 色国产在线视频一区| 日韩精品一区二区三区中文版 | 亚洲综合一区二区国产精品| 无码av免费一区二区三区试看| 国产午夜精品一区二区| 麻豆文化传媒精品一区二区| 久久久久人妻精品一区三寸| 一区二区网站在线观看| 清纯唯美经典一区二区| 国产精品高清一区二区人妖 |