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

先上一張?jiān)椭鹘缑娴膱D片，原型在文章末尾，自己去下載

本案例是以瀏覽圖片為范本的原型設(shè)計(jì)（僅供娛樂(lè)與學(xué)習(xí)）。內(nèi)部包含多層動(dòng)態(tài)面板，函數(shù)應(yīng)用，應(yīng)該會(huì)對(duì)初學(xué)者有一點(diǎn)幫助。

不過(guò)話說(shuō)在前面，學(xué)習(xí)Axure還是要循序漸進(jìn)：先從認(rèn)識(shí)部件，認(rèn)識(shí)函數(shù)開(kāi)始（函數(shù)要學(xué)好，很重要滴），基礎(chǔ)打牢后再繼續(xù)打磨會(huì)事半功倍，不要上來(lái)就直接copy人家的函數(shù)與動(dòng)作，要知道實(shí)現(xiàn)思路，知道“雞”是怎么來(lái)滴。

下面開(kāi)始一個(gè)一個(gè)開(kāi)始介紹實(shí)現(xiàn)方法：

第一部分：主界面的美女顯示面板

項(xiàng)目?jī)?nèi)容動(dòng)態(tài)面板部件結(jié)構(gòu)

在這里需要再看一下主界面顯示的情況

這里我們?cè)O(shè)置想讓圖片可以上下拖動(dòng)，顯示其他的未顯示出來(lái)的內(nèi)容，注意：這里要設(shè)定上下滑動(dòng)的邊界；

并且在相應(yīng)的圖片上進(jìn)行左右滑動(dòng)時(shí)可以觸發(fā)動(dòng)態(tài)面板中圖片的切換；

在鼠標(biāo)單擊時(shí)彈出“看圖模式”，進(jìn)行圖片的瀏覽，在這個(gè)界面中必須點(diǎn)擊退出按鈕才能退出到主界面。

實(shí)現(xiàn)思路：

首先動(dòng)態(tài)面板要能拖動(dòng)（設(shè)定沿y軸拖動(dòng)）——設(shè)定上下滑動(dòng)邊界條件與動(dòng)作——設(shè)定光標(biāo)接觸部件條件——在相應(yīng)的接觸區(qū)域?qū)崿F(xiàn)左右滑動(dòng)切換圖片的動(dòng)作——單擊相應(yīng)的圖片時(shí)候，顯示隱藏的對(duì)應(yīng)動(dòng)態(tài)面板并到頂層——點(diǎn)擊退出按鈕回到主界面

好了，看一下函數(shù)的截圖：

主頁(yè)動(dòng)態(tài)面板動(dòng)作設(shè)定：

1，這里的top與bottom我說(shuō)一下邊界設(shè)定

top函數(shù)：是指部件的頂部Y坐標(biāo)，這里是不想讓動(dòng)態(tài)面板一直向下拖動(dòng)使主界面中出現(xiàn)無(wú)內(nèi)容區(qū)域，所以要設(shè)定動(dòng)態(tài)面板沿Y軸拖動(dòng)時(shí)top不能大于0，如果大于0的話我們就設(shè)定他的位置回到絕對(duì)位置（0,0）

bottom函數(shù)：部件的底部，這里與top對(duì)應(yīng)的也是不想讓部件的底部一直向上滑出現(xiàn)無(wú)內(nèi)容區(qū)域，所以要設(shè)定底部bottom的y值不能小于動(dòng)態(tài)面板的區(qū)域高度；本案例是525（根據(jù)個(gè)人設(shè)定不同），如果小于525那么就移動(dòng)到相對(duì)位置到（0,[[525-LVAR1.bottom-1]]）。

(這里再解釋一下相對(duì)位置：就是以目標(biāo)位置為基準(zhǔn)，是需要正向移動(dòng)還是反向移動(dòng)，本案例就是正向移動(dòng)，所以用大數(shù)-小數(shù)：525-LVAR1.bottom，說(shuō)道這個(gè)程度如果還不理解我也沒(méi)辦法了，慢慢想吧)

這里有一個(gè)點(diǎn)要看一下

在嵌套內(nèi)部動(dòng)態(tài)面板時(shí)為了使顯示內(nèi)容為一個(gè)整體，并方便改動(dòng)內(nèi)部?jī)?nèi)容時(shí)而外面的函數(shù)不受影響，我將主頁(yè)動(dòng)態(tài)面板的顯示內(nèi)容區(qū)域用一個(gè)動(dòng)態(tài)面板來(lái)顯示的，并且將動(dòng)態(tài)面板設(shè)定為“調(diào)整大小以適合內(nèi)容”

2，這次再看光標(biāo)接觸部件時(shí)左右滑動(dòng)切換圖片的條件

3，鼠標(biāo)單擊進(jìn)入看圖模式

這里的動(dòng)作是設(shè)定在pageA與pageB上的，然后觸發(fā)相應(yīng)的動(dòng)態(tài)面板“看圖A與看圖B”

pageA動(dòng)作設(shè)定

看圖A的界面

看圖A的動(dòng)作

返回主界面

第二部分：排序位置

這里是一個(gè)矩形部件與動(dòng)態(tài)面板的互動(dòng)，矩形的顯示文字就是動(dòng)態(tài)面板的選中文字（這里我用的toString函數(shù)），實(shí)現(xiàn)選擇的效果。

并讓動(dòng)態(tài)面板再次展開(kāi)時(shí)，現(xiàn)在顯示的文字與對(duì)應(yīng)的動(dòng)態(tài)面板中的部件處于選中狀態(tài)，這里又涉及到條件判斷，大家看下案例吧。

排序面板，一個(gè)例子：智能排序動(dòng)作配置

第三部分：篩選按鈕

看一下篩選動(dòng)態(tài)面板的內(nèi)部

這里用到了一個(gè)小東西，就是分組，這樣能夠?qū)崿F(xiàn)每個(gè)組中只有一個(gè)能夠處于選中狀態(tài)，不會(huì)出現(xiàn)復(fù)選。

原型百度云盤：

作者源：http://pan.baidu.com/s/1bovpVI3

官方源：http://pan.baidu.com/s/1ntW9str 密碼: dq4c

在線原型體驗(yàn)：http://9al1jc.axshare.com

建議下載體驗(yàn)，Axure官網(wǎng)在線響應(yīng)比較慢，下載下來(lái)還可以直接看原型的函數(shù)設(shè)置

今天的案例分享就到這里了。其實(shí)是一個(gè)很簡(jiǎn)單的案例，用到的東西并不多，但是還是比較有助于初學(xué)者認(rèn)識(shí)一下Axure的一些函數(shù)與條件的綜合應(yīng)用的。

對(duì)于學(xué)習(xí)Axure我還是文章開(kāi)頭說(shuō)的話（沒(méi)注意看的再看一遍）：把各個(gè)部件混熟，各種函數(shù)會(huì)用，各個(gè)界面的多種功能認(rèn)清完成，然后你的Axure之路才真正開(kāi)始。

注：本人也在不斷學(xué)習(xí)進(jìn)步，如有交流可以加我微信：fzl690894512，歡迎打擾。

本文由 @子龍將軍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。