中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

axure 8.0出了這么久了，在不久前出了正式版，正式版相對于測試版，相對穩定了好多。然而8.0相對于7.0在功能上又豐富了好多，主要增加了對設計這一塊的功能，對于一些要求不是很高的設計，在8.0上就可以完成。

今天就以8.0，寫了一篇關于模擬手機端縱向滑動的效果。

當我們的手機的內容超過屏幕尺寸的時候，就需要滑動瀏覽之前未出現的內容。

此份教程也可以模擬出上拉刷新和下拉刷新事件。

先看預覽效果吧：?http://emhmmb.axshare.com/#c=2

OK，話不多說，接下來進入正題。

因為是教程，所以很多對于設計和排版上就沒過多的裝飾了，這里主要有三個部分：一個是狀態欄、內容、底欄。這次要操作的部件就是“內容”面板。內容面板一共有兩個面板組成，最外層的面板的作用是固定尺寸，固定拖動的范圍。第二個面板作用是固定內容，添加事件，完成交互效果。如下圖

這里要添加事件的是“內容”面板，也就是里層的面板，這里涉及到兩個事件：“on drag”拖動事件和“on drag drop”拖動停下事件。

“on drag”，該事件的作用是，讓我們的面板能夠被拖動，并限制拖動的方向和范圍。這里設置的是y軸方向拖動。

接下來是比較重要的，如果只有上面的事件，當我們預覽的時候會發現，我們拖動中間的內容面板，面板會超過屏幕尺寸，在距底欄和狀態欄會有一片空白。這時就需要第二個事件“on drag drop”，拖動落下時。增加這個條件，就可以防止上面的情況發生。

在添加下面事件之前，我們需要確定兩個位置，一個是“內容”面板的起始位置，也就是離開狀態欄時的位置，這里是（0，5）第二個位置是，內容面板離開底欄時的位置，這里的坐標是（0，-435）。

雙擊“on drag drop”，添加條件，如下圖：

這里解釋一下這個條件，這里一共兩個值和一個條件，一個值是this.y，這里的this就是當前所操作的部件，這里是“內容”面板，第二個值是5，5是“內容”面板起始所在位置。整句條件表達式的意思是，當我們拖動時，如果“內容”面板的y坐標大于或等于5，就讓“內容”面板回到該位置。

同理：當向上拖動面板時，如果“內容”面板離開了底欄，也就是y坐標小于了－435，就讓面板回到該位置。

到此，整個教程就完成了，可以預覽一下效果了。

做這種效果，其實方法還是有很多的，接下來可以再介紹一個方法，在文章之前提到了狀態欄和底欄，我們可以根據它們的所在位置，設置如下條件。

方法很多，就看大家對事件的理解程度和對軟件的熟悉程度了。

這里就不放原型原件了，畢竟交互比較簡單，看教程也應該能做出來，而且放了原件，如果某些童鞋實在做不出來，直接看的原件，就沒有了求學的欲望，這樣還是不可行的。所以希望大家多多摸索摸索，熟悉熟悉部件和事件。axure是個比較強大的工具，好好利用。

作者：葉強（微信號Jason_Ye478042538），1年互聯網產品設計經驗，SaaS行業。

本文由 @葉強 原創發布于人人都是產品經理。未經許可，禁止轉載。