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

最后10篇（前8篇點擊查看）看看是否有自己感興趣的模塊，每個功能都挺有意思的。

這10篇分別是：

第 9篇：賬號登錄

第10篇：旋轉(zhuǎn)式幻燈放映機

第11篇：自動點擊區(qū)域

第12篇：必填區(qū)域

第13篇：動態(tài)設置下拉選項

第14篇：根據(jù)下拉列表設置文本

第15篇：發(fā)送文本到另一個頁面

第16篇：寬度充滿的圖片或橫幅

第17篇：滾動激活固定的頭部文字

第18篇：滑塊

第9篇：賬號登錄

建立一個登錄表單，這個登錄表單使用條件式的邏輯來證實用戶的登錄資格。在這個原型里，你將會有一個合適有效的郵箱地址<rose@classyharbor.com>和一個合適有效的密碼“password1”。（不要用自己的銀行密碼，朋友們。操練好的密碼習慣。請查看 ?www.passwordsgenerator.net）只有郵箱和密碼都正確才能進入頁面。實現(xiàn)效果如下：

STEP 0：下載培訓文檔

如果你還沒有培訓文檔，請點擊下載 AxureTraining.rp 文檔。這個文檔包含了Axure培訓網(wǎng)站上每個教程用到的相關頁面。我們建議你一直都用我們準備的這個文檔來完成教程，但是如果你不用，那也是可以的——即使你沒有使用我們的培訓文檔，我們也總是會告訴你為了完成每一個教程新文件里都創(chuàng)建了什么。

STEP 1：設置

打開培訓文檔中的“Account login”頁面。這個頁面包含了一個由一個郵箱區(qū)域和密碼區(qū)域的登錄表單，和一個提交按鈕。這個頁面還包括了錯誤信息提示組件當有錯誤登錄請求時才會出現(xiàn)。

選擇密碼區(qū)域，在右邊的屬性標簽欄下，定位到“類型”的下拉選項框并選擇“密碼”。

選擇“Error”組件，點擊樣式標簽欄的“隱藏”復選框來隱藏它。

STEP 2：登錄成功

• 如果輸入的郵箱和密碼都正確，那么“Account Home”頁面就會被打開。
• 選擇“submit”按鈕，在屬性標簽欄下，雙擊“單擊”來添加一個新的單擊實例。
• 在實例編輯器的頂部，點擊“添加條件”按鈕來打開條件創(chuàng)建器。保留第一個下拉選項框的值為“在組件里的文本”。在第二個下拉選項框，選擇“Email address”組件。
• 保留接下來兩個控制設置“等于”和“值”不變。
• 在最后一個區(qū)域，輸入<rose@classyharbor.com>（不包括方括號）。
• 點擊右邊的綠色“+”號圖標添加另一個條件。
• 保留第一個下拉選項框的選項“在組件里的文本”。在第二個下拉選項框里選擇組件“Password”。
• 保留接下來兩個控制設置“等于”和“值”不變。
• 在最后一個區(qū)域，輸入“password1”（沒有引號）。
• 在條件創(chuàng)建器的頂部，確認“滿足”的下拉選項框為“所有”。
• 點擊確定關閉條件創(chuàng)建器。
• 在實例編輯器的左邊欄，點擊“打開鏈接”行為。
• 在右邊欄選擇頁面“Account home”。
• 點擊確定關閉實例編輯器。

STEP 3：登錄失敗

• 如果實例1設置的條件不滿足，那么錯誤的信息則會出現(xiàn)。
• 仍然選中“Submit button”，再次雙擊屬性標簽欄中的“單擊”來創(chuàng)建第二個實例，實例2。在對話框的中間，注意文字“否則”。這個實例只會在之前的實例不成立時才會發(fā)生。
• 在左邊欄，點擊“顯示”行為。
• 在右邊欄，點擊復選框勾選“Error”組件。
• 點擊確定關閉實例編輯器。

可選：額外的登錄賬號

你也許希望在你的原型中包含多個有效的登錄信息。這非常有用如果你想要讓不同的賬號顯示不同的內(nèi)容或權(quán)限。嘗試為submit按鈕添加另一個“單擊”實例，為他分配不同的郵箱名稱和密碼。（這里要確認新的實例需要用快捷鍵[CTRL]/[CMD]+[↑]來將它移動到實例2的上面，否則它無法生效。）

第9篇原文鏈接：https://www.axure.com/support/training/account-login-tutorial

第10篇：旋轉(zhuǎn)式幻燈放映機

建立一個圖片旋轉(zhuǎn)式幻燈放映機，輪換廣告或者內(nèi)容幻燈片。你可以設置成自動前進或者通過點擊按鈕來實現(xiàn)。實現(xiàn)的效果如下：

STEP 1：設置

打開培訓文檔中的“Carousel”頁面。

在這個頁面有兩個來自圖標庫的圖標和三張圖片。

STEP 2：創(chuàng)建Carousel動態(tài)面板

• 創(chuàng)建一個carousel動態(tài)面板，將每一張圖片放在它各自的狀態(tài)里。
• 在“Image 1”上右鍵選擇“轉(zhuǎn)化為動態(tài)面板”，命名為“Carsouel”。
• 雙擊動態(tài)面板打開動態(tài)面板狀態(tài)管理器。
• 點擊綠色的“+”號兩次，使動態(tài)面板一共有三個狀態(tài)。
• 點擊確定關閉對話框。
• 右鍵單擊“Image 2”選擇“剪切”。
• 雙擊目錄中的”狀態(tài)2“打開進行編輯。
• 粘貼“Image 2”到“狀態(tài) 2 ”的畫布里。確定圖片的坐標是（0，0）。
• 重復上面的步驟，將“Image 3”粘貼到“狀態(tài) 3” 。

STEP 3：創(chuàng)建可交互的后退鍵

• 返回“Carousel”頁面，選擇“Back arrow”組件，在屬性標簽欄下，雙擊“單擊”添加一個新的單擊實例。
• 在左邊欄，點擊“設置面板狀態(tài)”。
• 在右邊欄，點擊“Carsousel（動態(tài)面板）”。
• 在右邊欄的底部，點擊“選擇狀態(tài)”的下拉選項選擇“前一個”。然后點擊復選框“包括從最后一張到第一張”。這樣圖片能循環(huán)起來了。
• 給狀態(tài)應用切換效果，使用“進入動畫”和“退出動畫”控制。將兩個都設置成“向右滑動”（因為這是你的后退鍵）并且將持續(xù)時間設定500ms。
• 點擊確定關閉實例編輯器。

STEP 4：創(chuàng)建可交互前進鍵

• 對右邊的箭頭重復上面的步驟。這個過程大部分是類似的。
• 在“選擇狀態(tài)”下拉選項框，選擇“后一個”代替“前一個”。
• 在動畫設置項選擇“向左滑動”代替“向右滑動”。

STEP 5：讓Carousel自動輪播起來

• 選擇動態(tài)面板。在屬性標簽欄雙擊“Onload”來添加一個加載實例。
• 在左邊欄，點擊“設置面板狀態(tài)”。
• 在右邊欄，選擇“這個組件”。
• 在右邊欄的下面，點擊選擇狀態(tài)的下拉選項框選擇“下一個”，點擊復選框“包括從最后一個到第一個”和“重復每一個”。這個默認設置是讓圖片每秒前進一次。你可以在這個區(qū)域自主設置時間長短。（嘗試4000毫秒。）
• 如果勾選了“延遲1000毫秒改變狀態(tài)”，在頁面加載時，動態(tài)面板會先停留在第一個狀態(tài)1秒，而不是馬上切換到下一個狀態(tài)。這個時間“1000毫秒”是根據(jù)上面“重復每一個”區(qū)域的修改而變化的。
• 設置你的“進入動畫”和“退出動畫”的值為“向左滑動”和“500毫秒”。

STEP 6：預覽

點擊預覽。

這個旋轉(zhuǎn)式幻燈放映機會自動輪播。

第10篇原文鏈接：https://www.axure.com/support/training/rotating-carousel-banner-tutorial

第11篇：自動點擊區(qū)域

當一個輸入框的值填寫完畢后，自動跳到下一個區(qū)域。實現(xiàn)效果如下：

STEP 1：開始

• 打開培訓文檔中的“Auto-tab 區(qū)域”。
• 這個頁面包含了三個文本區(qū)域排列成一個日期。這里有一個月份區(qū)域和一個天數(shù)區(qū)域，他們的數(shù)值都采用兩位數(shù)，而年數(shù)區(qū)域則采用四位數(shù)。這些提示文本是使用提示文本功能。
• 選擇第一個組件“Month”。在屬性標簽欄下，定位到區(qū)域“最大長度”，在這個區(qū)域輸入2。對“Day”組件進行同樣的操作。而對“Year”組件則將最大長度設置成4。

STEP 2：自動從“Month”組件跳到“Day”組件

• 選擇“Month”組件，在屬性標簽欄下，雙擊“當文本改變”來制作一個文本改變實例。
• 單擊對話框頂部的“添加條件”按鈕，打開條件編輯器。
• 在最左邊欄的下拉選項框中選擇“組件值的長度”。保留接下來三個值為默認值。分別是“這個組件”，“等于”，和“值”。
• 在最右邊區(qū)域，填入數(shù)字2.
• 點擊卻低估關閉條件編輯器。
• 在實例編輯器的左邊欄，點擊行為“聚焦”。
• 在右邊欄，點擊復選框“Day”。
• 點擊確定關閉對話框。

STEP 3：自動從“Day”組件跳到“Year”組件

重復上面的操作應用在“Day”組件上。確定使用“聚焦”行為時將目標改成“Year”組件。

STEP 4：預覽

點擊預覽。

在“Month”區(qū)域輸入兩位數(shù)，接著會自動跳到“Day”區(qū)域。在“Day”區(qū)域輸入兩位數(shù)，會自動跳到“Year”區(qū)域。

第11篇原文鏈接：https://www.axure.com/support/training/auto-tab-fields-tutorial

第12篇：必填區(qū)域

在提交表格前檢查必填區(qū)域是否完成輸入。實現(xiàn)效果如下：

STEP 1：建立

• 打開培訓文檔中的“Required fields”頁面。
• 這個頁面包含了一個文本框用來輸入郵箱地址和一個提交的按鈕。它也包含了一個帶有兩種狀態(tài)的動態(tài)面板，“Success”和“Error”。這個郵箱地址區(qū)域需要被填入東西才能讓“Success”的消息顯示出來。如果沒有填，則顯示“Error”狀態(tài)。
• 選擇“Submit message”動態(tài)面板將它隱藏。

STEP 2：顯示錯誤信息如果郵箱區(qū)域是空白的

• 選擇submit按鈕組件。在屬性標簽欄，雙擊“單擊”來添加一個單擊實例。
• 在實例編輯器的頂部，點擊“添加條件”打開條件創(chuàng)建器。
• 保留第一個選項的值“組件上的文本”。在第二個下拉選項框，選擇“Email address”組件。接下來兩個選項需要設置成“等于”和“值”。
• 在最后的區(qū)域，清除上面的文本以便該區(qū)域為空。
• 點擊確定關閉條件創(chuàng)建器。

• 在實例編輯器中，點擊左邊欄的“設置面板狀態(tài)”。
• 在右邊欄，選擇“Submit message”動態(tài)面板。
• 在下面欄，使用“選擇狀態(tài)”下拉框選擇“Error”狀態(tài)。然后點擊勾選“顯示面板如果隱藏”。
• 在左邊欄，點擊行為“等待”。
• 在右邊欄，你可以配置“等待”行為的長度。將它改為2000毫秒。
• 在左邊欄，選擇“隱藏”行為。
• 在右邊欄，勾選“Submit message”動態(tài)面板。
• 點擊確定關閉對話框。

STEP 3：當郵箱區(qū)域不為空時則顯示成功的信息

• 再次雙擊在屬性標簽欄下的“單擊”來創(chuàng)建一個新的實例。
• 這次不用添加條件，因為如果第一個實例不滿足條件不發(fā)生，則第二個實例會被觸發(fā)。
• 接下來的設置同上，不同的是要將動態(tài)面板的狀態(tài)選擇為“Success”狀態(tài)即可。

STEP 4：預覽

點擊預覽。

嘗試點擊submit按鈕在沒有在郵箱區(qū)域輸入任何文本的情況下。當錯誤信息消失，嘗試在郵箱地址輸入文本然后再次點擊submit按鈕。

第12篇原文鏈接：https://www.axure.com/support/training/required-fields-tutorial

第13篇：動態(tài)設置下拉選項

根據(jù)第一個下拉選項的不同，第二個下拉選項框會相應變化，效果如下：

STEP 1：開始

• 打開培訓文檔中的“Dynamic Droplist”頁面。
• 頁面中的表單是用來為雇員選擇職位的。不同的部門擁有不同的職位頭銜，基于這個第一個列表的選擇，第二個下拉列表可獲得不同的選項。
• 首先，這個頁面包含一個“Department”下拉列表帶有三個選項：“Operations”，“Sales”，“Development”。每個選項都對應有一個子下拉列表。每個子下拉列表有兩個選項。都是那個部門下的職位頭銜。

STEP 2：創(chuàng)建動態(tài)面板

• 右鍵單擊第一個“Job Title”下拉列表，就是選項里寫著“Administrative Assistant”，然后點擊“轉(zhuǎn)化為動態(tài)面板”。
• 在右邊審查面板的頂部這個區(qū)域，將動態(tài)面板命名為“Job title”。
• 在屬性標簽欄下，點擊復選框“內(nèi)容適應”。
• 雙擊動態(tài)面板進入動態(tài)面板狀態(tài)管理器。
• 點擊綠色“+”號兩次，現(xiàn)在動態(tài)面板共有三種狀態(tài)。
• 輕輕雙擊每一個狀態(tài)，并將它們按順序重命名為：“Operations”，“Sales”，“Development”。
• 最后，將“Sales”和“Development”的下拉列表從主頁面剪切／粘貼它們各自對應的動態(tài)面板的狀態(tài)頁中，設置坐標為（0,0）。

STEP 3：基于第一個下拉選框的選擇設置動態(tài)面板的狀態(tài)

• 回到“Dynamic Droplist”頁面。單擊“Department”下拉組件。在屬性標簽欄中，雙擊“當選項改變”添加一個新的選項改變實例。
• 在左邊欄，點擊行為“設置面板狀態(tài)”。
• 在右邊欄，點擊“Job title”動態(tài)面板。
• 在右邊欄底部，找到“選擇狀態(tài)”下拉選項然后點擊“值”。
• 點擊臨近入口區(qū)域的“fx”按鈕。
• 在下面的“本地變量”部分，修改第一個下拉選項為“選中的選項”。
• 在下一個下拉選項，選擇“這個組件”。
• 在對話框的頂部區(qū)域，刪除自動插入的數(shù)字1，點擊“插入變量或者功能”。
• 在出現(xiàn)的下拉選項里找到“本地變量”，點擊“LVAR1”。
• 點擊確定關閉”編輯值”對話框，再次點擊確定關閉實例編輯器對話框。

STEP 4：預覽

點擊預覽。

第13篇原文鏈接：https://www.axure.com/support/reference/droplist-selection-conditional-logic-tutorial

第14篇：根據(jù)下拉列表設置文本

根據(jù)下拉列表的選項來動態(tài)地設置一個組件上的文本。實現(xiàn)效果如下：

STEP 1：開始

打開培訓文檔中的“Set Text with Droplist”頁面。

這個下拉列表是用來選擇襯衫的大小的，這個大小會顯示在襯衫組件的一個矩形組件上。

點擊矩形組件，在審查面板的頂部將其命名為“Size label”。

STEP 2：創(chuàng)建設置文本行為

• 點擊選擇下拉列表選項，在屬性標簽欄下，雙擊“當選擇改變”來添加一個實例。
• 在左邊欄，點擊行為“設置文本”。
• 在右邊欄，勾選“Size Label（矩形）”。
• 在右邊欄底部，修改”為其設置文本“下拉選項為“選中選項的”。
• 保留第二個下拉列表設置不變“這個”。
• 點擊確定關閉實例編輯器。

STEP 3：預覽

點擊預覽

改變下拉選項來修改襯衫上的標簽大小。

第14篇原文地址：https://www.axure.com/support/training/set-text-with-droplist-tutorial

第15篇：發(fā)送文本到另一個頁面

打開培訓文檔的“Pass text to next page”頁面。效果如下：

STEP 1：設置

這個頁面包含了三個文本輸入框：“First name”，“Last name”，和“Email address”。這里還有一個提交按鈕。當點擊提交按鈕后會將填在三個輸入框中的文本發(fā)送到“Next page”頁面。

STEP 2：創(chuàng)建變量

• 在Axure RP原型中為了從一個頁面發(fā)送信息到另一個頁面，需要用變量。在這個文件中，我們將需要三個變量：FirstNameVar，LastNameVar和EmailAddressVar。在目錄的頂部，點擊“工程>全局變量”。
• 默認情況下，一個文件開始有一個叫做“加載變量”的變量。點擊文本“加載變量”將其改為“FirstNameVar”。
• 點擊綠色“+”圖標添加一個新的變量，命名為“LastNameVar”
• 點擊綠色“+”圖標添加最后一個變量，命名為“EmailAddressVar”。

STEP 3：創(chuàng)建交互設置變量和打開下一個頁面

• 單擊“Next page”按鈕選中它。
• 在屬性標簽欄下，雙擊“單擊”來添加一個單擊實例。
• 在左邊欄，點擊復選框“設置變量值”。
• 在右邊欄，勾選“FirstNameVar”的復選框。
• 在右邊欄底部的“設置變量”部分，使用第一個下拉列表選擇“組件上的文本”。使用第二個下拉列表選擇“First name”文本區(qū)域組件。
• 對于其他兩個變量，你不用添加一個新的“設置變量值”的行為——你在同一個行為下設置多個變量。在右邊欄的頂部，選擇變量“LastNameVar”的復選框。
• 在底部“設置變量”區(qū)域，使用第一個下拉選項框選擇“組件上的文本”。使用第二個下拉選項框選擇“Last name”。
• 回到頂部選擇“EmailAddressVar”。
• 在底部“設置變量”區(qū)域，使用第一個下拉選項框選擇“組件上的文本”。使用第二個下拉選項框選擇“Email address”。
• 在左邊欄，點擊行為“打開鏈接”。
• 在右邊欄，點擊“Next page”。
• 點擊確定關閉實例編輯器。

STEP 4：設置Next page的確認信息

• 在頁面模塊，打開頁面“Next page”頁面。這個頁面有一個帶有部分完成信息的段落組件。
• 在頁面審查模塊，雙擊“頁面加載”來添加一個頁面加載實例。
• 在左邊欄，點擊“設置文本”。
• 在右邊欄，點擊“Confirmation Message”復選框段落組件。
• 在右邊欄底部，點擊“fx”按鈕。使用你的鼠標指針來選擇第一行文本中的“Firstname”。
• 點擊“插入變量或功能…”，就在這個文本區(qū)域的上方。
• 在出現(xiàn)的下拉選項里選擇“FirstName”。變量會以這個形式插入：?[[FirstNameVar]]。這個方括號表明這是一個變量。
• 滑動選擇文本中的“Lastname”。
• 點擊“插入變量或者功能”然后選擇“LastNameVar”。
• 滑動選擇文本中的“email.address@website.com”。
• 點擊“插入變量或者功能”然后選擇“EmailAddressVar”。
• 點擊確定關閉文本對話框。
• 再次點擊確定關閉實例編輯器。

STEP 5：預覽

點擊預覽。

嘗試填入信息然后打開另一個頁面。

第15篇原文鏈接：https://www.axure.com/support/training/pass-text-to-next-page-tutorial

第16篇：寬度充滿的圖片或橫幅

添加一張可以自適應瀏覽器寬度的并且占滿屏幕寬度的圖片。實現(xiàn)效果如下：

STEP 1：開始

打開培訓文檔中“Full-width image or banner”頁面。

這個頁面包含一個叫做“Full-width background”的動態(tài)面板。

選擇“Full-width background”動態(tài)面板，在屬性標簽欄中，點擊選擇“百分百寬（瀏覽器生效）”復選框。

STEP 2：添加背景圖片

切換到樣式標簽欄，在“背景圖片”區(qū)域，點擊導入按鈕。然后在本地選擇一張圖片。（如果不用圖片，也可以用“背景顏色”來填充。）

STEP 3：預覽

點擊預覽。

嘗試改變?yōu)g覽器窗口大小。注意當屏幕寬度過大時，一些圖片的尺寸會在數(shù)值方向上被剪切。這是因為圖片為了保持比例而動態(tài)面板卻沒有。

第16篇原文鏈接：https://www.axure.com/support/training/full-width-image-or-banner-tutorial

第17篇：滾動激活固定的頭部文字

STEP 1：設置

打開培訓文檔中的“Scroll-activated sticky header”。

這個頁面包括了一個組叫做“Scrolling header”。

右鍵單擊這個組，復制它，然后將它到頁面的頂部，設置它的坐標為（20，20）。將它命名為“Sticky header”。

右鍵單擊“Sticky header”將它轉(zhuǎn)化為動態(tài)面板。將其依然命名為“Sticky header”，然后隱藏它。

STEP 2：固定Sticky header

• 依然選中Sticky header，切換到屬性標簽欄下，點擊“固定到瀏覽器”。
• 點擊復選框“固定到瀏覽器”。
• 在橫向固定方向上選擇“左邊”。
• 在垂直固定方向上選擇“頂部”。
• 點擊確定關閉對話框。

STEP 3:添加交互來顯示Sticky header和隱藏“Scrolling header”

• 點擊畫布空白區(qū)域切換到頁面的審查面板。
• 在屬性標簽欄，雙擊“窗口滾動”來創(chuàng)建一個新的窗口滾動實例。
• 在實例編輯器的頂部，點擊“添加條件”。
• 在第一個下拉選項，點擊“值”。
• 點擊臨近第二個區(qū)域旁邊的fx按鈕。
• 點擊該區(qū)域的頂部的“插入變量或功能”。
• 點開“窗口”部分的下拉列表選擇“Window.scrollY”.
• 點擊確定關閉對話框。
• 在條件創(chuàng)建器，點擊中間的下拉選框，選擇“大等于”。
• 保留下一個下拉列表的值為“值”。
• 在最后一個區(qū)域，清除文本輸入數(shù)字180.
• 點擊確定關閉條件創(chuàng)建器。
• 在實例編輯器的左邊欄，點擊“顯示”。
• 在右邊欄，點擊“Sticky header”動態(tài)面板。
• 在左邊欄，點擊“隱藏”。
• 在右邊欄，點擊“Scrolling header”組
• 點擊確定關閉實例編輯器。

STEP 4：添加交互來顯示Scrolling header和隱藏“Sticky header”

• 在屬性標簽欄下，雙擊“窗口滾動”來添加第二個窗口滾動實例。
• 在左邊欄，點擊“隱藏”。
• 在右邊欄，點擊“Sticky header”。
• 在左邊欄，點擊“顯示”。
• 在右邊欄，點擊“Scrolling Header”。
• 點擊確定關閉實例編輯器。

STEP 5：預覽

點擊預覽

嘗試向下滾動頁面，Sticky header會顯示，然后窗口向上滾動直到它消失。

第17篇原文鏈接：https://www.axure.com/support/training/scroll-activated-sticky-header-tutorial

第18篇：滑塊

創(chuàng)建一個帶有一個可拖拽手柄的橫向滑塊或一個垂直滑塊。實現(xiàn)效果如下：

STEP 1：開始

打開培訓文檔中的“Slider”頁面。

這個頁面由一個帶有兩個矩形組件的組組成。一個是滑塊的背景，另一個是滑塊控制器。

點擊組進入滑塊控制器并選中它。右鍵選擇“轉(zhuǎn)化為動態(tài)面板”。(我們需要用到拖拽交互，而只有動態(tài)面板有這個功能。)然后將動態(tài)面板重命名為“Handle”。

STEP 2：創(chuàng)建拖拽交互

• 繼續(xù)選擇“Handle”，雙擊屬性標簽欄下的“拖拽”來創(chuàng)建一個拖拽實例。
• 在實例編輯器的左邊欄，點擊“移動”。
• 在右邊欄，點擊“這個組件”。
• 在右邊欄的底部，使用“移動”的下拉選框選擇“拖動X軸”。這個會將組件限定在只能橫向滑動。
• 在這個下面，點擊“添加邊界”。
• 在第一個下拉選項選擇“左邊”。在接下來的下拉選項選擇“大等于”，點擊“fx”進行編輯。
• 從編輯值對話框底部的“本地變量”部分開始。你可以保留第一個值“LVAR1”不變。
• 在一個下拉框，選擇“組件”。
• 在最后一個下拉框，選擇“Background”。
• 移動到對話框的頂部，輸入以下文字：[[LVAR1.left]]
• 點擊確定關閉編輯值窗口。
• 這樣第一個邊界就設置好了。

• 在次點擊“添加邊界”來設置滑塊右邊的邊界。
• 在第一個下拉選項框中，點擊“右邊”。在第二個選項框，點擊“小等于”，然后點擊“fx”進行編輯。
• 從編輯值對話框底部的“本地變量”部分開始。你可以保留第一個值“LVAR1”不變。
• 在一個下拉框，選擇“組件”。
• 在最后一個下拉框，選擇“Background”。
• 移動到對話框的頂部，輸入以下文字：[[LVAR1.right]]
• 點擊確定關閉值編輯器。第二個邊界也設置好了，這個組件現(xiàn)在最遠只能夠拉到背景的右端。
• 點擊確定，關閉實例編輯器。

STEP 3：預覽

點擊預覽。

嘗試拖拽滑塊手柄。

第18篇原文地址：https://www.axure.com/support/training/slider-tutorial

相關閱讀

Axure RP官方教程翻譯（1）：交互式按鈕

Axure RP官方教程翻譯（2）：文本鏈接

Axure RP官方教程翻譯（3）：顯示隱藏的部件

Axure RP官方教程翻譯（4-8／18）集合

譯者：Eugene

本文由 @Eugene 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。