用Axure RP8製作輪播

2021-10-16 22:04:36 字數 1525 閱讀 6523

list item

一、頁面樹目錄。

index···(主頁面)

-page1····(空頁面)

-page2····(空頁面)

-page3····(空頁面)

二、用到的元件。

1.動態面板

2.幾張

3.兩個控制的按鈕

4.幾個操作的小圓點

三、製作。

1.動態面板設定多個頁面,每個頁面一張

2.屬性表

腳注 名稱 互動

1 輪播 狀態改變 時:

case 1

(if 面板狀態於 this == state1):

set 選中狀態於 1 = 「true」

case 2

(else if 面板狀態於 this == state2):

set 選中狀態於 2 = 「true」

case 3

(else if 面板狀態於 this == state3):

set 選中狀態於 3 = 「true」

載入 時:

case 1:

設定 輪播 為 next 向左滑動 out 1000ms 向左滑動 in 1000ms wrap 迴圈間隔 3000 毫秒 delay first change

2 滑鼠單擊 時:

case 1

(if 面板狀態於 輪播 != state1):

設定 輪播 為 previous 向右滑動 out 1000ms 向右滑動 in 1000ms

fire 載入 時 on 輪播

case 2

(else if 面板狀態於 輪播 == state1):

設定 輪播 為 state3 向右滑動 out 1000ms 向右滑動 in 1000ms

fire 載入 時 on 輪播

3 滑鼠單擊 時:

case 1

(if 面板狀態於 輪播 != state3):

設定 輪播 為 next 向左滑動 out 1000ms 向左滑動 in 1000ms

fire 載入 時 on 輪播

case 2

(else if 面板狀態於 輪播 == state3):

設定 輪播 為 state1 向左滑動 out 1000ms 向左滑動 in 1000ms

fire 載入 時 on 輪播

4 1 滑鼠單擊 時:

case 1:

設定 輪播 為 [[this.name]] 向左滑動 out 1000ms 向左滑動 in 1000ms

fire 載入 時 on 輪播

5 2 滑鼠單擊 時:

case 1:

設定 輪播 為 [[this.name]] 向左滑動 out 1000ms 向左滑動 in 1000ms

fire 載入 時 on 輪播

6 3 滑鼠單擊 時:

case 1:

設定 輪播 為 [[this.name]] 向左滑動 out 1000ms 向左滑動 in 1000ms

fire 載入 時 on 輪播

Axure RP 8 學習筆記

1.原型相關的檔案型別 與axure相關的檔案有幾種型別 分別是 rp 檔案 rplib 檔案 rpprj 檔案以及 html 檔案。rpprj 檔案 團隊原型專案檔案,可以通過在團隊專案資料夾中開啟此檔案檢視團隊原型專案。rplib 檔案 元件庫檔案,可以在軟體中載入,並拖拽到畫布中使用。html...

Axure RP 8 教程 檢視原型

axure小白的福利又來了,本教程主要講述檢視原型的一系列基礎操作以及相關設定。希望大家邊學邊操作,學習效果更佳哦。快速原型的快捷鍵為 f5 或者,單擊快捷鍵功能中的預覽圖示進行預覽。導航選單 發布 預 覽選項 中進行預覽設定。生成原型的快捷鍵為 f8 或者,單擊快捷鍵功能中生成圖示。還可以通過導航...

AxureRP8實戰手冊 基礎操作篇

本篇包含56種常見的基礎操作,初學者應在掌握本篇內容後再進行實戰案例篇的學習,以免產生學習障礙。同時,建議具備一定基礎的讀者學習本篇中相對生疏的內容,並加以掌握。基礎1.新增元件到畫布 基礎2.新增元件名稱 基礎3.設定元件位置 尺寸 基礎4.設定元件預設角度 基礎5.設定元件顏色與透明 基礎6.設...