Axure實現滾動效果

? ? ? 在提筆之前心里是有點內疚的,(前面廢話有點多可以直接看第四自然段實例...)因為在初次寫第一篇文章的時候就下定了目標決定要堅持寫文章,互相學習,哪怕每周寫一篇,但是直到現在人算不如天算,兩個星期過去了,時間真的好緊過的好快啊,我過來補上我的兩篇文章了,今天向大家分享的干貨是:Axure實現滾動效果

? ? ? 在決定寫這個之前,是因為我要做這個效果,但是我百度了很久只有手機版滑動效果,算了,我只有自己琢磨了,琢磨半天知道發現竟然弄出來了,其原理非常簡單,不免心里有種滿足感,心中想竟然沒有人分享出來,連搜到搜不到,那么就由我來寫吧,在寫之前又搜了遍,誒,怎么回事~? 竟然是一搜一大把啊,我的天哪,原來是我這次搜索的關鍵詞和上次不一樣,上次搜索的是“Axure實現滾動效果”,出來一堆手機上下滑動效果的實例,這次我搜索的關鍵詞是“Axure實現滾動條”,我去,真的很多,這也是漲了個教訓,順便分享給大家,不要同一類搜索詞搜不到自己想要的結果就放棄了,換個類似的搜索詞可能會有意向不到的意外和驚喜哦!

? ? ? ?但是在發現了已經有很多這種實例了為什么我還想繼續提筆寫呢?主要是我自己就當做做做筆記,記錄下心情啦!就像沒有自己親自寫過、去體會過的東西跟你聽到的、看到的就會有一種不一樣的感受,在者這個文章關鍵詞就是我搜不到的那個關鍵詞啦,哈哈哈~


? ? ? ? 好像廢話說的太多了,有點尷尬~ ?直接進入主題吧:

1、先拉出一個動態面板,雙擊彈出面板狀態管理,點擊State1進去


2、在里面再次拉出一個動態面板,雙擊彈出面板狀態管理,點擊State1進去

3、在里面填充你要畫的內容,在這里我隨意拖動幾個控件看效果,盡管超出往下畫沒關系!


4、回到剛剛設置的內層(第二層)動態面板,發現只顯示動態面板大小的內容,其他內容沒顯示,不要擔心,設置右邊的自動顯示垂直滾動條!



5、回到剛剛設置的最外層的動態面板,里面顯示的是內層動態面板的內容,我們把他向左移動一點



接下來大功告成~ ? F5就能看效果啦!還是不能明白的可以直接私聊我哦,在職產品Dog在幫助別人的同時也是幫助自己啦,最后祝大家工作順利,心情愉快!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容