Axure基本使用教程+示例_第1頁(yè)
Axure基本使用教程+示例_第2頁(yè)
Axure基本使用教程+示例_第3頁(yè)
Axure基本使用教程+示例_第4頁(yè)
Axure基本使用教程+示例_第5頁(yè)
已閱讀5頁(yè),還剩28頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、軸使用介紹文件目錄一、Axure rp 2接口二。Axure rp的線框元素3三。Axure rp 4的組件觸發(fā)事件四.Axure rp 6的條件生成V.系統(tǒng)功能和變量8六.動(dòng)態(tài)面板14的使用七、掌握20的使用八.中繼器的使用28一、Axure rp接口(界面顯示的每個(gè)區(qū)域都可以在主菜單工具欄-視圖中找到)1.菜單工具欄:和大多數(shù)軟件一樣,你可以選擇Axure每個(gè)功能的工具區(qū)。2.操作界面:繪制產(chǎn)品的操作區(qū)域,通過(guò)該區(qū)域可以拖動(dòng)所有元素和組件進(jìn)行操作。3.站點(diǎn)地圖:頁(yè)面文件存儲(chǔ)區(qū),可以添加、刪除、修改和查看頁(yè)面;您可以設(shè)置頁(yè)面級(jí)別。4.構(gòu)件庫(kù)(Component library):主要分為流程

2、圖和折線圖;您可以將組件庫(kù)中的組件拖動(dòng)到產(chǎn)品繪圖的操作界面;為了提高效率,庫(kù)還可以導(dǎo)入已經(jīng)可用的組件。5.主界面:主界面主要用于頂部導(dǎo)航和底部導(dǎo)航。重復(fù)出現(xiàn)在多個(gè)頁(yè)面上的元素可以先被繪制到母版中,然后被拖動(dòng)到要使用的頁(yè)面上(與重復(fù)操作相比,修改延長(zhǎng)線也更強(qiáng))。6.頁(yè)面屬性:您可以設(shè)置當(dāng)前頁(yè)面的評(píng)論、交互和樣式。7.組件交互和注釋?zhuān)嚎梢栽O(shè)置操作頁(yè)面中使用的組件或組件之間的交互事件(如動(dòng)態(tài)面板顯示和隱藏、鼠標(biāo)點(diǎn)擊事件、鼠標(biāo)進(jìn)出事件等)。)。8.組件屬性和樣式:您可以設(shè)置所選組件的基本樣式和屬性。9.組件管理(動(dòng)態(tài)面板管理):在該區(qū)域可以操作設(shè)置動(dòng)態(tài)面板狀態(tài)、添加、刪除和排序,或者雙擊動(dòng)態(tài)面板進(jìn)入編

3、輯狀態(tài)。第二,Axure rp的線框元素1.圖片:當(dāng)圖片組件被拖動(dòng)到編輯狀態(tài)時(shí),您可以雙擊加載到本地磁盤(pán)上的圖片。加載圖片時(shí),Axure會(huì)自動(dòng)提示優(yōu)化大圖片,避免原型文件過(guò)大;加載的圖片可以選擇原始尺寸或保持組件尺寸。2.文本:標(biāo)題1、標(biāo)題2、單行文本和多行文本都屬于文本類(lèi)型元素,網(wǎng)頁(yè)中的名稱(chēng)為“標(biāo)簽”,主要用于文本描述、文本鏈接等功能3.矩形:矩形可以用作背景,按鈕和其他元素;雙擊矩形輸入文本;拖動(dòng)矩形時(shí),它默認(rèn)為直角矩形。您可以通過(guò)左右拖動(dòng)左上角的黃色三角形來(lái)更改圓角的半徑;您也可以通過(guò)右鍵單擊形狀來(lái)更改當(dāng)前形狀。4.占位符:顧名思義,它主要用于替換一些沒(méi)有交互或簡(jiǎn)單交互的區(qū)域。5.圓角矩

4、形:類(lèi)似于矩形功能,不同的是當(dāng)拖動(dòng)時(shí),它默認(rèn)為帶文字描述的圓角。6.水平線和垂直線:兩條線的功能相同,主要用于區(qū)域之間的劃分;它也可以通過(guò)改變角度變成對(duì)角線。7.圖片熱區(qū):在查看頁(yè)面效果時(shí)不顯示,而是在鼠標(biāo)點(diǎn)擊或進(jìn)出某個(gè)區(qū)域產(chǎn)生互動(dòng)時(shí)使用,可以理解為一個(gè)有效范圍。8.動(dòng)態(tài)面板:頁(yè)面交互中非常重要的組件,必須在Axure中學(xué)習(xí)。您可以將動(dòng)態(tài)面板直接拖到頁(yè)面上,或者您可以選擇需要自己用于交互的組件,右鍵單擊以切換到動(dòng)態(tài)面板,然后設(shè)置事件交互。9.內(nèi)部框架:Axure組件用于在頁(yè)面中嵌入其他頁(yè)面,可以雙擊指定要嵌入的頁(yè)面,主要用于網(wǎng)站后臺(tái)原型。10.中繼器:Axure7.0中更新的一個(gè)元素。中繼器的

5、功能非常復(fù)雜,主要用于記錄、排序、分類(lèi)和分頁(yè)表格或列表中的數(shù)據(jù);中繼器是集中的數(shù)據(jù)池。11.表單的一些組件:包括單行文本框、多行文本框、下拉列表框、列表選擇框、復(fù)選框、單選框和超文本標(biāo)記語(yǔ)言按鈕(網(wǎng)頁(yè)中常用的基本組件)12.菜單和表格的一些組成部分:包括樹(shù),表格,經(jīng)典菜單-水平,經(jīng)典菜單-垂直(主要用于網(wǎng)站導(dǎo)航,主要用于背景)Iii .Axure rp的組件觸發(fā)事件1.OnClick:當(dāng)除動(dòng)態(tài)面板外的所有組件都被單擊時(shí)觸發(fā)。2.當(dāng)鼠標(biāo)進(jìn)入某個(gè)組件范圍時(shí)觸發(fā)3.當(dāng)鼠標(biāo)移出某個(gè)組件范圍時(shí)觸發(fā)4.當(dāng)編輯一個(gè)文本框(單行和多行)時(shí),當(dāng)鍵盤(pán)按下某個(gè)鍵釋放它時(shí),它被觸發(fā)5.焦點(diǎn):當(dāng)一個(gè)元素點(diǎn)擊或切換到焦點(diǎn)

6、時(shí)觸發(fā)6.OnLostFocus:當(dāng)組件失去焦點(diǎn)時(shí)觸發(fā)7.更改(當(dāng)選定項(xiàng)目更改時(shí)):8.移動(dòng)時(shí)9.OnShow和OnHide事件10.OnPanelStateChange(當(dāng)狀態(tài)改變時(shí))11.拖動(dòng)開(kāi)始時(shí)出現(xiàn)ondragstart :12.dragon :在拖動(dòng)面板時(shí)出現(xiàn)(當(dāng)拖動(dòng)面板時(shí))13.當(dāng)面板掉落時(shí),會(huì)出現(xiàn)ondragdrop :四.軸rp的條件生成當(dāng)使用Axure原型時(shí),交互事件通常用于實(shí)現(xiàn)頁(yè)面的保真度,并且需要條件來(lái)確保更復(fù)雜的交互事件能夠完成。1.新情況(1)要向組件或其他相關(guān)頁(yè)面添加交互事件條件,首先雙擊需要添加條件的事件,打開(kāi)用例編輯器。在用例編輯器第一步的用例描述右側(cè)(如圖1所

7、示),單擊添加條件打開(kāi)條件生成。(2)圖中數(shù)字2的位置包括全部或任意,兩個(gè)選項(xiàng)可選;就像這個(gè)詞的意思一樣,要形成一個(gè)完整的條件語(yǔ)句,它不允許滿(mǎn)足所有的條件或其中的任何一個(gè)。(3)圖中數(shù)字為3的區(qū)域是實(shí)際設(shè)置條件的區(qū)域。圖中的數(shù)字4顯示了可設(shè)置的條件,包括值:可以是字母、數(shù)字、漢字、符號(hào)、函數(shù)和公式;您可以直接輸入,或單擊fx將其包括在編輯中。變量值:Axure中的默認(rèn)變量值是OnLoadVariable,可以通過(guò)創(chuàng)建、重命名或刪除來(lái)操作。變量值長(zhǎng)度:變量值中的字符數(shù),其中Axure中的一個(gè)漢字是一個(gè)字符。組件文本:組件中的可編輯文本,當(dāng)然必須是可編輯文本組件。它不包括-動(dòng)態(tài)面板,圖片熱點(diǎn),垂直

8、線,水平線,內(nèi)部框架,下拉列表和列表框。焦點(diǎn)部分上的文本:用鼠標(biāo)或制表符在選定組件上切換文本;如果文本框獲得焦點(diǎn),光標(biāo)在文本框中閃爍;獲得焦點(diǎn)時(shí),按鈕周?chē)鷷?huì)出現(xiàn)一條虛線。分量值長(zhǎng)度:分量中的字符數(shù);僅包含單行和多行文本框、下拉列表和列表框。選定項(xiàng)目值:選定值為“真”,選定值為“假”;僅適用于單選按鈕和復(fù)選框。選定狀態(tài)值:通過(guò)獲取組件的當(dāng)前值來(lái)確定選定狀態(tài),該值僅適用于下拉列表和列表框。動(dòng)態(tài)面板狀態(tài):僅由動(dòng)態(tài)面板使用,事件由動(dòng)態(tài)面板狀態(tài)觸發(fā)。組件可視性:以組件的顯示和隱藏為判斷條件,以真為顯示,假為隱藏;它還包括動(dòng)態(tài)面板的顯示隱藏。組件范圍:指組件所覆蓋的范圍,取決于指定組件是否被觸摸。自適應(yīng)視

9、圖:自適應(yīng)視圖具有繼承關(guān)系,條件由視圖之間的關(guān)系引用。V.系統(tǒng)功能和變量1.變量與其他計(jì)算機(jī)語(yǔ)言類(lèi)似,它包含以下變量類(lèi)型全局變量:可以在整個(gè)原型的任何地方被調(diào)用和修改局部變量:僅在事件的動(dòng)作中起作用自定義變量:一個(gè)自創(chuàng)建的全局變量2.系統(tǒng)功能(1)、組件功能小工具。寬度:獲取組件的寬度。用法:get LVAR。寬度;通過(guò)局部變量;小工具。高度:獲取組件的高度;使用方法:獲取LVAR。高度;通過(guò)局部變量;小工具。x:獲取組件左上角頂點(diǎn)的x坐標(biāo)值。使用方法:獲取LVAR。x;通過(guò)局部變量;小工具。Y:獲取組件左上角頂點(diǎn)的Y坐標(biāo)值。用法:獲取LVAR。y;通過(guò)局部變量;小工具。左側(cè):獲取組件左側(cè)邊界

10、的x坐標(biāo)值。使用方法:獲取LVAR。向左;通過(guò)局部變量;小工具。頂部:獲取組件頂部邊界的Y坐標(biāo)值。用法:獲取LVAR。頂端;通過(guò)局部變量;小工具。右:獲取組件右邊界的x坐標(biāo)值等。使用方法:獲取LVAR。右;通過(guò)局部變量;小工具。底部:獲取組件底部邊界的Y坐標(biāo)值。用法:獲取LVAR。底部;通過(guò)局部變量;(2)窗口功能窗戶(hù)。獲取窗口水平滾動(dòng)的當(dāng)前坐標(biāo)值;用法:窗口。ScrollX窗戶(hù)。滾動(dòng):獲取窗口垂直滾動(dòng)的當(dāng)前坐標(biāo)值;用法:窗口.滾動(dòng)窗口寬度:獲取窗口的寬度,使用:窗口寬度窗口。高度:獲取窗口的高度,使用:窗口。高度(3)鼠標(biāo)功能光標(biāo)。獲取鼠標(biāo)X軸的坐標(biāo)值,使用:光標(biāo)。x;光標(biāo)。Y:使用光標(biāo)獲取

11、鼠標(biāo)Y軸的坐標(biāo)值。Y。(4)數(shù)字功能指定數(shù)字的小數(shù)位數(shù)。用法:如果n=1.232,n.toFixed(2)返回1.23;ToExponential:使用n. toExponential(參數(shù)),將對(duì)象的值轉(zhuǎn)換為指數(shù)計(jì)數(shù)方法;ToPrecision:將數(shù)字格式化為指定長(zhǎng)度:如果n=1,n. toPrecision (6)返回1.00000。(5)字符串函數(shù)介紹CharAt:返回指定位置的字符。用法:LVAR。charAt(位數(shù))返回指定位置的字符的Unicode編碼。用法:LVAR。charCodeAt(位數(shù))連接字符串。(尚未發(fā)現(xiàn)實(shí)際用途)從字符編碼創(chuàng)建一個(gè)字符串。(未成功測(cè)試)檢索字符串。用

12、法:LVAR。索引Of( 字符串)從后向前搜索字符串。用法:LVAR。(字符串)切片:提取字符串的一個(gè)片段,并在新字符串中返回提取的部分。用法:LVAR。分割(開(kāi)始,結(jié)束)切片參數(shù)介紹:開(kāi)始要提取的片段的開(kāi)始下標(biāo)。如果為負(fù),此參數(shù)指定從字符串末尾開(kāi)始的位置。也就是說(shuō),-1表示字符串的最后一個(gè)字符,-2表示倒數(shù)第二個(gè)字符,依此類(lèi)推。緊接著要提取的剪輯結(jié)尾的結(jié)尾下標(biāo)。如果未指定此參數(shù),則要提取的子字符串包括從原始字符串開(kāi)始到結(jié)束的單詞一串符號(hào)。如果參數(shù)為負(fù),則指定從字符串末尾開(kāi)始的位置。拆分:將字符串拆分成字符串?dāng)?shù)組。使用方法1: LVAR1。split ()如果lvar1等于a,s,d,f,g,

13、則返回a,s,d,f,g。使用方法2: LVAR1。split ()如果lvar1等于asd fg,則返回ASD fg子字符串:從起始索引號(hào)中提取指定數(shù)量的字符。用法:LVAR。子串(開(kāi)始,停止)Substring:提取字符串中兩個(gè)指定索引號(hào)之間的字符。用法:LVAR。子串(開(kāi)始,停止)子字符串參數(shù)簡(jiǎn)介:需要啟動(dòng)。一個(gè)非負(fù)整數(shù),指定要在stringObject中提取的子字符串的第一個(gè)字符的位置。停止是可選的。非負(fù)整數(shù),比要在stringObject中提取的子字符串的最后一個(gè)字符多一個(gè)字符。如果省略此參數(shù),子字符串將返回到字符串的末尾。LVAR。子串(開(kāi)始)ToLowerCase:將字符串轉(zhuǎn)換為

14、小寫(xiě)。用法:LVAR。toLowerCase ()ToString:返回一個(gè)字符串。(尚未發(fā)現(xiàn)實(shí)際用途)將字符串轉(zhuǎn)換成大寫(xiě)。用法:LVAR。toUpperCase ()修剪:刪除字符串兩端的空格。用法:LVAR。trim ()(6)數(shù)據(jù)功能介紹GetDate:返回一個(gè)月中的一天(1 31)。用法:LVAR。getDate (),LVAR格式為標(biāo)準(zhǔn)日期格式,如年/月/日、年-月-日等。GetDay:返回一周中的某一天(0 6)。用法:LVAR。getDay ()返回一周中某一天的英文名稱(chēng)。用法:LVAR。getDayOfWeek ()GetFullYear:返回日期中的四位數(shù)年份。用法:LVAR。getFullYear ()GetHours:返回日期中的小時(shí)數(shù)(0 23)。GetMilliseconds:返回毫秒數(shù)(0 999)。GetMinutes:返回日期中的分鐘數(shù)(0 59)。GetMonth:返回日期中的月份(0 11)。GetMonthName:返回日期中月份的名稱(chēng)(0 11)。GetSeconds:返回日期中的秒數(shù)(0 59)。我做不到。盧老師快死了。請(qǐng)你自己研究一下。返回自1970年1月1日以來(lái)的毫秒數(shù)。返回本地時(shí)間和格林威治標(biāo)準(zhǔn)時(shí)間之間的分鐘差。獲取日期getUTCDaygetUTCFullYear獲取時(shí)間getutcma

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論