好的原型組件會大大的提高產品經理的工作效率，現精選了一批Axure 8的原型設計模板，包含了原型設計的常用元素和AxureRP 8函數及運算符的說明文檔，及各種設備模板框架。

分享給大家可以共同學習，文末可下載完整原型組件包~，以下為部分截圖頁面。

01?FontAwesome字體圖標

02 常用元素

各星級評分插件、表單元素、按紐、下拉菜單、提示、面包屑、單選及復選等30余款組件詳見文末原型組件包！

03 動態交互

動態輪播組件

動態進度條

滑塊選擇組件

其他導航切換效果、導航吸附效果、移動端各種滑屏效果、移動端刷新加載交互等20余款詳見文末原型組件包！

04 設備模板

05 AxureRP 8函數及運算符說明文檔

1.全局變量 Global Variable

OnLoadVariable
用途：默認名稱

2.中繼器/數據集 Repeater/DataSet

Repeater
用途：中繼器的對象。Item.Repeater即為Item所在的中繼器對象。

visibleItemCount
用途：中繼器項目列表中可見項的數量。比如：項目列表共有15項，分頁顯示為每頁6項。當項目列表在第1、2頁時，可見項數量為6；當項目列表在第3頁時，可見項數量為3。

itemCount
用途：獲取中繼器項目列表的總數量，或者叫加載項數量。默認情況下項目列表的總數量會與中繼器數據集中的數據行數量一致，但是，如果進行了篩選，項目列表的總數量則是篩選后的數量，這個數量不受分頁影響。

dataCount
用途：獲取中繼器數據集中數據行的總數量。

pageCount
用途：獲取中繼器分頁的總數量，即能夠獲取分頁后共有多少頁。

pageIndex
用途：獲取中繼器項目列表當前顯示內容的頁碼。

Item
用途：獲取數據集一行數據的集合，即數據行的對象。

TargetItem
用途：目標數據行的對象。

Item.列名
用途：獲取數據行中指定列的值。

index
用途：獲取數據行的索引編號，編號起始為1，由上至下每行遞增1。

isFirst
用途：判斷數據行是否為第1行；如果是第1行，返回值為“True”，否則為“False”。

isLast
用途：判斷數據行是否為最末行；如果是最末行，返回值為“True”，否則為“False”。

isEven
用途：判斷數據行是否為偶數行；如果是偶數行，返回值為“True”，否則為“False”。

isOdd
用途：判斷數據行是否為奇數行；如果是奇數行，返回值為“True”，否則為“False”。

isMarked
用途：判斷數據行是否為被標記；如果被標記，返回值為“True”，否則為“False”。

isVisible
用途：判斷數據行是否為可見行；如果是可見行，返回值為“True”，否則為“False”。

3.元件屬性 Widget Functions

this
用途：獲取當前元件對象。當前元件是指當前添加交互動作的元件。
示例：[[this]]

target
用途：獲取目標元件對象。目標元件是指當前交互動作控制的元件。
示例：[[target]]

x
用途：獲取元件對象的X軸坐標值。
示例：通過局部變量獲取[[Lvar.x]]

y
用途：獲取元件對象的Y軸坐標值。
示例：通過局部變量獲取[[Lvar.y]]

width
用途：獲取元件對象的寬度值。
示例：通過局部變量獲取[[Lvar.width]]

height
用途：獲取元件對象的高度值。
示例：通過局部變量獲取[[Lvar.height]]

scrollX
用途：獲取元件對象的水平滾動距離（當前僅限動態面板）。
示例：通過局部變量獲取[[Lvar.scrollX]]

scrollY
用途：獲取元件對象的垂直滾動距離（當前僅限動態面板）。
示例：通過局部變量獲取[[Lvar.scrollY]]

text
用途：獲取元件對象的文本文字。
示例：通過局部變量獲取[[Lvar.text]]

name
用途：獲取元件對象的自定義名稱。
示例：通過局部變量獲取[[Lvar.name]]

top
用途：獲取元件對象的上邊界坐標值。
示例：通過局部變量獲取[[Lvar.top]]

left
用途：獲取元件對象的左邊界坐標值。
示例：通過局部變量獲取[[Lvar.left]]

right
用途：獲取元件對象的右邊界坐標值。
示例：通過局部變量獲取[[Lvar.right]]

bottom
用途：獲取元件對象的下邊界坐標值。
示例：通過局部變量獲取[[Lvar.bottom]]

opacity
用途：獲取元件對象的不透明比例。
示例：通過局部變量獲取[[Lvar.opacity]]

rotation
用途：獲取元件對象的旋轉角度。
示例：通過局部變量獲取[[Lvar.rotation]]

4.頁面屬性 Page Functions

pagename?
用途：返回頁面的名稱，即我們在站點地圖面板里面為所有頁面所做的命名
示例：[[PageName]]

5.窗口屬性 Window Functions

Windows.width
用途：打開原型頁面的瀏覽器當前寬度。
示例：[[Window.width]]

Windows.height
用途：打開原型頁面的瀏覽器當前高度。
示例：[[Window.height]]

Windows.scrollX
用途：瀏覽器中頁面水平滾動的距離。
示例：[[Window.ScrollX]]

Windows.scrollY
用途：瀏覽器中頁面垂直滾動的距離。
示例：[[Window.ScrollY]]

6.鼠標屬性 Cursor Funcitons

Cursor.x
用途：鼠標指針在頁面中位置的X軸坐標。
示例：[[Cursor.X]]

Cursor.y
用途：鼠標指針在頁面中位置的Y軸坐標。
示例：[[Cursor.Y]]

DragX
用途：鼠標指針沿X軸拖動元件時的瞬間(0.01秒)拖動距離。

DragY
用途：鼠標指針沿Y軸拖動元件時的瞬間(0.01秒)拖動距離。

TotalDragX
用途：鼠標指針拖動元件從開始到結束的X軸移動距離。

TotalDragY
用途：鼠標指針拖動元件從開始到結束的Y軸移動距離。

DragTime
用途：鼠標指針拖動元件從開始到結束的總時長。

7.數字函數 Number Functions

toExponential(decimalPoints)?
用途：把對象的值轉換為指數計數法。
參數：decimalPoints為保留小數的位數。
示例：[[n.toExponential (參數)]]

toFixed(decimalPoints)
用途：用途：將一個數字轉為保留指定位數的小數，小數位數超出指定位數時進行四舍五入。
參數：decimalPoints為保留小數的位數。
示例：如果n=1.232，[[n.toFixed(2)]]返回值1.23

toPrecision(length)
用途：把數字示例化為指定的長度。
參數：length為示例化后的數字長度，小數點不計入長度。
示例：如果n=1, [[n.toPrecision(6)]]返回值1.00000

8.字符串函數 String Functions

length ??
用途：獲取當前文本對象的長度，即字符個數，1個漢字的長度按1計算。

charAt(index)
用途：獲取當前文本對象中指定位置的字符；
參數：index為大于等于0的整數。
示例：[[Lvar.charAt(1)]]

charCodeAt(index)
用途：獲取當前文本對象中指定位置字符的Unicode編碼（中文編碼段19968 ~ 40622），字符起始位置從0開始。
參數：index為大于等于0的整數。
示例：[[Lvar.charCodeAt (1)]]

concat('string')
用途：將當前文本對象與另一個字符串組合。
參數：string為組合在后方的字符串。

indexOf('searchValue',start)
用途：從左至右獲取查詢字符串在當前文本對象中首次出現的位置。未查詢到時返回值為-1。
參數：searchValue為查詢的字符串；start為查詢的起始位置。該參數可省略，官方未給出此參數，經測試可用。

indexOf('searchValue',start)
用途：從左至右獲取查詢字符串在當前文本對象中首次出現的位置。未查詢到時返回值為-1。
參數：searchValue為查詢的字符串；start為查詢的起始位置。該參數可省略，官方未給出此參數，經測試可用。

lastIndexOf('searchvalue',start)
用途：從右至左獲取查詢字符串在當前文本對象中首次出現的位置。未查詢到時返回值為-1。?
參數：searchValue為查詢的字符串；start為查詢的起始位置。該參數可省略，官方未給出此參數，經測試可用。

replace('searchvalue','newvalue')
用途：用新的字符串替換當前文本對象中指定的字符串。
參數：searchvalue為被替換的字符串；newvalue為新文本對象或字符串。

replace() ? ?
替換與正則表達式匹配的子串。

slice(start,end)
用途：從當前文本對象中截取從指定起始位置開始到終止位置之前的字符串。
參數：start為被截取部分的起始位置，該數值可為負數；end為被截取部分的終止位置，該數值可為負數。該參數可省略，省略該參數則由起始位置截取至文本對象結尾。

split('separator',limit)
用途：將當前文本對象中與分隔字符相同的字符轉為“,”，形成多組字符串，并返回從左開始的指定組數。
參數：separator為分隔字符，分隔字符可以為空，為空時將分隔每個字符為一組；limit為返回組數的數值，該參數可以省略，省略該參數則返回所有字符串組。

substr(start,length)
用途：從當前文本對象中指定起始位置開始截取一定長度的字符串。
參數：start為被截取部分的起始位置；length為被截取部分的長度，該參數可省略，省略該參數則由起始位置截取至文本對象結尾。

substring(from,to)
用途：從當前文本對象中截取從指定位置到另一指定位置區間的字符串。右側位置不截取。
參數：from為指定區間的起始位置；to為指定區間的終止位置，該參數可省略，省略該參數則由起始位置截取至文本對象結尾。

toLowerCase()
用途：將文本對象中所有的大寫字母轉換為小寫字母。

toUpperCase()
用途：將當前文本對象中所有的小寫字母轉換為大寫字母。

trim()
用途：去除當前文本對象兩端的空格。

toString()
用途：將一個邏輯值轉換為字符串。

9.數學函數 Math Functions

+ ?
用途：加法運算
示例：[[Lvar1+Lvar2]]或者[[Lvar1+1]]

-?
用途：減法運算
示例：[[Lvar1-Lvar2]]或者[[Lvar1-1]]

/?
用途：除法運算
示例：[[Lvar1*Lvar2]]或者[[Lvar1*1]]

*?
用途：乘法運算
示例：[[Lvar1/Lvar2]]或者[[Lvar1/1]]

%?
用途：百分比

abs(x)
用途：計算參數數值的絕對值。
參數：x為數值，范圍在 -1~1 之間。
示例：[[Math.Abs(-1)]]，返回值1

acos(x)
用途：獲取一個數值的反余弦弧度值，其范圍是 0~ pi 。
參數：x為數值，范圍在 -1~1 之間。
示例：[[Math.Acos(x)]]

asin(x)
用途：獲取一個數值的反正弦值。
參數：x為數值，范圍在 -1~1 之間。
示例：[[Math.Asin(x)]]

atan(x)
用途：獲取一個數值的反正切值。
參數：x為數值。
示例：[[Math.Atan(x)]]

atan2(y,x)
用途：獲取某一點(x,y)的角度值。
參數：“x,y”為點的坐標數值。
示例：[[Math.atan2(y,x)]]

ceil(x)
用途：向上取整函數，獲取大于或者等于指定數值的最小整數。
參數：x為數值。
示例：[[Math.ceil(1.5)]]，返回值2

cos(x)
用途：余弦函數。
參數：x為弧度數值，弧度=角度*圓周率/180。
示例：[[Math.cos(x)]]?

exp(x)
用途：指數函數，計算以e為底的指數。
參數：x為數值。
示例：[[Math. exp(2)]]，返回值7.3890560989306495

floor(x)
用途：向下取整函數，獲取小于或者等于指定數值的最大整數。
參數：x為數值。
示例：[[Math.floor(1.5)]]，返回值1

log(x)
用途：對數函數，計算以e為底的對數值。
參數：x為數值。
示例：[[Math.log(2)]]，返回值0.6931471805599453

max(x,y)
用途：獲取參數中的最大值。
參數：“x,y”表示多個數值，而非2個數值。
示例：[[Math.max(1,5,5.3,2,4)]],返回值5.3

min(x,y)
用途：獲取參數中的最小值。
參數：“x,y”表示多個數值，而非2個數值。
示例：[[Math.min(1,5,5.3,2,4)]],返回值1

pow(x,y)
用途：冪函數，計算x的y次冪。
參數：x不能為負數且y為小數，或者x為0且y小于等于0。
示例：[[Math. pow (2,3)]],返回值8

random()
用途：隨機數函數，返回一個0~1之間的隨機數。
示例：獲取10-15之間的隨機小數，計算公式為Math.random()*5+10。

sin(x)
用途：正弦函數。
參數：x為弧度數值，弧度=角度*圓周率/180
示例：[[Math.sin(x)]]

sqrt(x)
用途：平方根函數。
參數：x為數值。
示例：[[Math.sqrt(16)]]，返回值4

tan(x)
用途：正切函數。
參數：x為弧度數值。
示例：[[Math.sin(x)]]

10.日期函數 Date Functions

now
用途：獲取當前計算機系統日期對象。

genDate
用途：輸出AxureRP原型生成的日期和時間值。

getDate()
用途：獲取日期對象“日期”部分數值(1 ~ 31)。

getDay()
用途：獲取日期對象“星期”部分的數值(0 ~ 6)。

getDayOfWeek()
用途：獲取日期對象“星期”部分的英文名稱。

getFullYear()
用途：獲取日期對象“年份”部分四位數值。

getHours()
用途：獲取日期對象“小時”部分數值(0 ~ 23)。

getMilliseconds()
用途：獲取日期對象的毫秒數(0 ~ 999)。

getMinutes()
用途：獲取日期對象“分鐘”部分數值(0 ~59)。

getMonth()
用途：獲取日期對象“月份”部分的數值(1 ~ 12)。

getMonthName()
用途：獲取日期對象“月份”部分的英文名稱。
示例：[[MonthName]]，2月28日則返回"February"。

getSeconds()
用途：獲取日期對象“秒數”部分數值(0 ~59)。

getTime()
用途：獲取當前日期對象中的時間值。該時間值表示從1970年1月1日00:00:00開始，到當前日期對象時，所經過的毫秒數，以格林威治時間為準。

getTimezoneOffset()
用途：獲取世界標準時間(UTC)與當前主機時間之間的分鐘差值。

getUTCDate()
用途：使用世界標準時間獲取當前日期對象“日期”部分數值(1 ~ 31)。

getUTCDay()
用途：使用世界標準時間獲取當前日期對象“星期”部分的數值(0 ~ 6)。

getUTCFullYear()
用途：使用世界標準時間獲取當前日期對象“年份”部分四位數值。

getUTCHours()
用途：使用世界標準時間獲取當前日期對象“小時”部分數值(0 ~ 23)

getUTCMilliseconds()
用途：使用世界標準時間獲取當前日期對象的毫秒數(0 ~ 999)。

getUTCMinutes()
用途：使用世界標準時間獲取當前日期對象“分鐘”部分數值(0 ~59)。

getUTCMonth()
用途：使用世界標準時間獲取當前日期對象“月份”部分的數值(1 ~ 12)。

getUTCSeconds()
用途：使用世界標準時間獲取當前日期對象“秒數”部分數值(0 ~59)。

parse(datestring)
用途：用于分析一個包含日期的字符串，并返回該日期與1970年1月1日00:00:00之間相差的毫秒數 ? ??
參數：datestring為日期格式的字符串，格式為：yyyy/mm/dd hh:mm:ss。

toDateString()
用途：以字符串的形式獲取一個日期。

toISOString()
用途：獲取當前日期對象的IOS格式的日期字串，格式：YYYY-MM-DDTHH:mm:ss.sssZ。

toJSON()
用途：獲取當前日期對象的JSON格式的日期字串，格式： YYYY-MM-DDTHH:mm:ss.sssZ。

toLocaleDateString()
用途：以字符串的形式獲取本地化當前日期對象。并且只包含“年月日”部分的短日期信息。

toLocaleTimeString()
用途：以字符串的形式獲取本地化當前日期對象。并且只包含“時分秒”部分的短日期信息。

toLocaleString()
用途：根據本地時間示例，將對象轉換為字符串。

toTimeString()
用途：將對象的時間部分轉換為字符串。

toUTCString()
用途：以字符串的形式獲取相對于當前日期對象的世界標準時間。

UTC()?
用途：獲取相對于1970 年 1 月 1 日 00:00:00的世界標準時間，與指定日期對象之間相差的毫秒數
參數：組成指定日期對象的年、月、日、時、分、秒以及毫秒的數值。

valueOf()
用途：獲取當前日期對象的原始值。

addYears(years)
用途：將指定的年份數加到當前日期對象上，獲取一個新的日期對象。
參數：years為整數數值，正負均可。

addMonths(months)
用途：將指定的月份數加到當前日期對象上，獲取一個新的日期對象。
參數：months為整數數值，正負均可。

addDays(days)
用途：將指定的天數加到當前日期對象上，獲取一個新的日期對象。
參數：days為整數數值，正負均可。
示例：[[Now.addDays(10).toLocaleDateString()]]，在當前日期上增加10天并以標準格式輸出

addHours(hours)
用途：將指定的小時數加到當前日期對象上，獲取一個新的日期對象。
參數：hours為整數數值，正負均可。

addMinutes(minutes)
用途：將指定的分鐘數加到當前日期對象上，獲取一個新的日期對象。
參數：minutes為整數數值，正負均可。

addseconds(seconds)
用途：將指定的秒數加到當前日期對象上，獲取一個新的日期對象。
參數：seconds為整數數值，正負均可。

addMilliseconds(ms)
用途：將指定的毫秒數加到當前日期對象上，獲取一個新的日期對象。 ? ??
參數：ms為整數數值，正負均可。

--------------------------------------------------------------------------------------------------------------------------------

本文資料獲取方法：

鏈接：https://pan.baidu.com/s/1F_mgXmxBtG9AwCJ5k4rv1Q?pwd=3qa8
提取碼：3qa8

--------------------------------------------------------------------------------------------------------------------------------

本文是基于我的另一篇文章的補充，更多更詳細的資料也可以閱讀以下鏈接進行獲取超詳細Axure交互原型移動端元件庫，APP高保真UI組件（手機移動端交互素材）https://blog.csdn.net/qq_41790573/article/details/134825363?ops_request_misc=&request_id=&biz_id=102&utm_term=Axure%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%83%E4%BB%B6%E5%BA%93&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-4-134825363.nonecase&spm=1018.2226.3001.4187

--------------------------------------------------------------------------------------------------------------------------------