Axure有哪些元件? Axure元件介紹以及使用
我要評論Axure有哪些元件？經(jīng)常使用Axure設(shè)計網(wǎng)頁原型，下面我們就來看看Axure元件的使用方法。
一、矩形等各種形狀的使用
1、添加元件到畫布
在左側(cè)元件庫中，選擇想要使用的元件>>按住鼠標(biāo)左鍵不放拖入畫布中。
2、設(shè)置元件尺寸及位置
元件的位置與尺寸的調(diào)整有三種方式：直接拖拽調(diào)整、工具面板輸入數(shù)值調(diào)整、檢視功能區(qū)下的樣式中修改。
3、給元件命名
當(dāng)我們使用到的元件非常多時，建議給每一個使用到元件進(jìn)行命名，方便后期選擇與修改。
4、設(shè)置元件的顯隱
當(dāng)一開始我們不要某個元件顯示時，我們可以先將其隱藏，在需要時再讓其顯示。
5、設(shè)置元件填充色
6、設(shè)置元件陰影及邊框樣式
7、設(shè)置元件圓角
8、設(shè)置元件的水平/垂直翻轉(zhuǎn)
9、設(shè)置元件的不透明度
元件的不透明度包括填充色不透明度和邊框色不透明度兩部分，在將填充以及邊框樣式的時候我們有提到，這里說另外一種方式。
10、設(shè)置字體、字號
11、設(shè)置行間距、項(xiàng)目符號以及段落對齊形式
12、設(shè)置元件文字填充
填充在這里指元件內(nèi)文字與形狀邊緣之間填充的空隙。
13、設(shè)置元件/文本角度
14、設(shè)置文本鏈接
對于一段文字或者幾個文字我們可以為其設(shè)置鏈接。例如，注冊頁中的用戶協(xié)議、隱私條款。
15、改變形狀元件的形狀
16、給元件設(shè)置交互樣式
在網(wǎng)頁端，當(dāng)鼠標(biāo)移動到一個可以交互的文字或者button上時，我們需要給用戶一個及時的反饋，這時候就需要對元件的在鼠標(biāo)懸停下的交互樣式進(jìn)行設(shè)置。另外，需要時我們還可以設(shè)置元件選中、禁用和鼠標(biāo)按下時的交互樣式。
17、將元件轉(zhuǎn)換為圖像
一般情況下我們很少這樣做，當(dāng)元件中包含特殊字體時，為了避免在不含該字體的設(shè)備上瀏覽出錯我們可以考慮將其轉(zhuǎn)換為圖片。
18、設(shè)置元件默認(rèn)狀態(tài)為禁用/選中
二、文本框
1、改變文本框?yàn)槊艽a/文件等
2、給文本框設(shè)置提示
文字并修改提示樣式一般在注冊或登錄一個網(wǎng)站/app時都會有關(guān)于注冊的用戶名及密碼的說明文字，這部分說明文字就可以稱之為提示文字。
3、設(shè)置文本框提示
觸發(fā)提示觸發(fā)是針對文本框中的提示文字的，關(guān)于何時提示文字被隱藏。
4、限制文本框的輸入字符數(shù)
三、圖片
1、插入本地圖片
Axure RP自帶圖片元件，通過這個元件，我們可以添加本地圖片到頁面中。
操作方法是：將左側(cè)元件庫中的圖片拖入到畫布中>>雙擊圖片圖片元件。另外，也可以直接將本地照片拖入軟件頁面中。除了添加靜態(tài)圖片，還可以添加動圖。但是要注意添加的動圖大小一定不要太大，否則將無法正常顯示。動圖的添加方式與靜態(tài)圖片的添加方式基本一致。
2、在圖片上插入文字
回憶之前我們講到的給形狀元件添加文字的方式為：雙擊形狀元件。而對于圖片，我們知道雙擊為插入本地圖片。所以給圖片添加文字的方式為：選中圖片>>右擊>>編輯文本。
3、分割圖片
選中圖片元件后，右擊，在彈出的右鍵菜單中找到“分割圖片”
使用分割后，圖片被分成幾個部分。
4、裁剪圖片
選中圖片元件后，右擊，在彈出的右鍵菜單中找到“裁剪圖片”。
5、如上圖，選擇裁剪工具后右上角會出現(xiàn)四個選項(xiàng)：1. 裁剪、剪切、復(fù)制、取消。要注意裁剪、剪切、復(fù)制的區(qū)別。
四、列表框
下拉列表框中添加選項(xiàng)的方式如下圖所示。列表框中選項(xiàng)的添加和刪除是同樣的操作。
五、單選按鈕
設(shè)置單選按鈕唯一選中
前面我們有介紹到單選按鈕一般是兩個或多個一起使用，那么該如何設(shè)置單選按鈕唯一選中呢？這里我們以常見的性別選項(xiàng)來示例。
六、內(nèi)聯(lián)框架
1、利用內(nèi)聯(lián)框架嵌入網(wǎng)絡(luò)視頻
除了上述圖片中的方法，還可以在“檢視>>屬性”下找到“選擇框架目標(biāo)”，同樣會彈出上圖中的“鏈接屬性”面板。
2、設(shè)置預(yù)覽圖片
利用內(nèi)聯(lián)框架鏈接時，我們可以根據(jù)需要設(shè)置不同的預(yù)覽圖片，給用戶一個預(yù)知提醒。
3、設(shè)置邊框及滾動條
七、頁面設(shè)置
不選中任何元件的情況下，在“檢視>>樣式”下可以對頁面的樣式進(jìn)行修改，包括頁面排列形式、背景顏色、背景圖片及背景圖片的對齊方式和重復(fù)形式，另外還有頁面草圖效果的設(shè)置。
八、查看原型
1、預(yù)覽原型
在制作的過程中，畫布中顯示的效果并不是實(shí)際用戶看到的效果，這就需要我們可以實(shí)時預(yù)覽，Axure也提供了這種功能。
預(yù)覽的快捷鍵為：F5?；蛟诓藛螜谶M(jìn)行如下操作“發(fā)布>>預(yù)覽”。
此外，也可以對預(yù)覽進(jìn)行設(shè)置，操作說明如下圖所示。
2、生成原型
生成原型一般生成的為HTML文件，快捷鍵為：F8?；蜻M(jìn)行如下操作“發(fā)布>>生成HTML文件”。彈出的“生成HTML”窗口與預(yù)覽及預(yù)覽設(shè)置窗口類似，這里不做介紹。
當(dāng)我們只需要生成一部分頁面時，我們可以選中上圖彈窗中的“頁面”選擇需要生成的頁面。
以上即是Axure元件相關(guān)知識，都是基礎(chǔ)教程，給新手學(xué)習(xí)參考。
相關(guān)推薦：
Axure RP 8怎么控制矩形元件顛倒旋轉(zhuǎn)?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
相關(guān)文章
Axure RP 8怎么給網(wǎng)頁添加多選列表框？Axure RP 8設(shè)計網(wǎng)頁的時候需要添加多選列表框，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-19
Axure RP 8怎么設(shè)置頁面彈出框居中顯示？Axure RP 8設(shè)計網(wǎng)頁的時候，想要合設(shè)計一個居中顯示的彈框，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-13
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果?
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果？Axure使用復(fù)選框的時候，但是卻只想實(shí)現(xiàn)單選效果，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-06- Axure RP打開后鼠標(biāo)不能使用該怎么辦？在使用Axure RP的時候，發(fā)現(xiàn)打開以后鼠標(biāo)無法使用，不能動了，該怎么辦呢？下面我們就來看看這個問題的解決辦法，需要的朋友可以參考2017-07-05
Axure8怎么刪除中繼器? Axure8中繼器的山中刪除方法
Axure8怎么刪除中繼器？Axure8中想要是哪出中繼器，該怎么刪除呢？下面我們就來看看Axure8中繼器的山中刪除方法，需要的朋友可以參考下2017-07-03
Axure怎么使用動態(tài)面板制作banner圖片輪播?
Axure怎么使用動態(tài)面板制作banner圖片輪播？Axure中想要做一個網(wǎng)站banner圖片輪播，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-30
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果?
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果？Axure中設(shè)計網(wǎng)頁原型很簡單，想要設(shè)計一個點(diǎn)主導(dǎo)長就出現(xiàn)二級導(dǎo)航的下過，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友2017-06-30
Axure RP怎么實(shí)現(xiàn)提示框懸停功能?
Axure RP怎么實(shí)現(xiàn)提示框懸停功能？Axure設(shè)計網(wǎng)頁的時候，想要實(shí)現(xiàn)提示框懸停功能，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
axure8.0怎么使用元件庫及母版？axure8.0中想要創(chuàng)建一個產(chǎn)品原型，可以直接使用元件庫和母版實(shí)現(xiàn)，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
Axure RP兩份文件怎么合并成一份？有兩份Axure文件，想要將兩份文件合并在一起，該怎么合并呢？下面我們就來看看詳細(xì)的教程，很簡單，,要的朋友可以參考下2017-06-27
