一褥符、基本操作
添加元件:從左側(cè)元件庫(kù)中直接拖拽元件至設(shè)計(jì)區(qū)域扳还,也支持從其他頁(yè)面復(fù)制元件并粘貼進(jìn)來(lái)。
移動(dòng)元件
直接拖拽元件至任意位置货裹。
使用方向鍵移動(dòng)元件位置,每次移動(dòng)1像素精偿。
Shift+方向鍵移動(dòng)元件弧圆,每次移動(dòng)10像素。
Alt+拖拽元件(Mac系統(tǒng)為Option+拖拽元件)笔咽,快速?gòu)?fù)制元件并將新元件移動(dòng)到指定位置搔预。
Shift+Alt+拖拽元件(Mac系統(tǒng)為Shift+Option+拖拽元件),快速?gòu)?fù)制元件并水平或垂直移動(dòng)元件至指定位置叶组。
改變?cè)叽?/h4>
選中元件拯田,拖動(dòng)元件周?chē)氖直?/p>
原型、矩形等形狀類(lèi)元件甩十,拖拽手柄時(shí)按住Shift鍵船庇,可以等比例調(diào)整元件的寬度和高度。
通過(guò)頂部工具欄或右側(cè)樣式面板中侣监,直接輸入元件的寬度值和高度值鸭轮,也支持同時(shí)選中多個(gè)元件,改變這幾個(gè)元件總的寬度與高度达吞。
旋轉(zhuǎn)元件:選中元件张弛,Windows按住Ctrl鍵荒典,Mac按住Command鍵酪劫,將鼠標(biāo)移至手柄周?chē)⑸舷峦献髽?biāo),也可以通過(guò)右側(cè)的樣式面板直接輸入旋轉(zhuǎn)角度寺董。需要注意的是覆糟,樣式面板的旋轉(zhuǎn)角度為順時(shí)針?lè)较颉?/p>
元件組合:選中多個(gè)元件,右鍵菜單選擇組合(windows快捷鍵Ctrl+G遮咖,Mac快捷鍵Command+G)滩字,也可以直接點(diǎn)擊工具欄中的組合按鈕。
元件的對(duì)齊與分布:選中多個(gè)元件御吞,可以通過(guò)右鍵菜單或頂部工具欄針對(duì)這些元件進(jìn)行對(duì)齊和分布麦箍。對(duì)齊方式分為:左側(cè)對(duì)齊、水平居中對(duì)齊陶珠、右側(cè)對(duì)齊挟裂、頂部對(duì)齊、垂直居中對(duì)齊揍诽、底部對(duì)齊诀蓉。分布方式分為水平分布和垂直分布栗竖,至少3個(gè)元件才可以設(shè)置分布方式。
跳轉(zhuǎn)鏈接:選中元件渠啤,點(diǎn)擊右側(cè)交互面板中的單擊事件狐肢,設(shè)置跳轉(zhuǎn)頁(yè)面,選擇頁(yè)面打開(kāi)方式(當(dāng)前窗口/新窗口/彈出窗口/父級(jí)窗口)沥曹。
元件選擇模式:有“相交選中”和“包含選中”兩種模式份名,位于工具欄的左上角。默認(rèn)為“相交模式”妓美,點(diǎn)擊或拖動(dòng)鼠標(biāo)選擇區(qū)域時(shí)同窘,接觸的所有元件都會(huì)被選中〔拷牛“包含模式”和Visio相似想邦,僅在選取完全包含元件時(shí)才能選中。
二委刘、編輯元件樣式
工具欄/樣式面板編輯:使用設(shè)計(jì)區(qū)域上方的工具欄或者右側(cè)的樣式面板可以編輯元件的樣式丧没,如填充、邊框線(xiàn)锡移、坐標(biāo)呕童、尺寸、字體淆珊、字號(hào)夺饲、文字顏色等。還可以選擇多個(gè)元件施符,并進(jìn)行對(duì)齊往声、分布、圖層順序調(diào)整等操作戳吝。
雙擊編輯:雙擊元件直接對(duì)元件內(nèi)容或?qū)傩赃M(jìn)行編輯浩销。比如雙擊圖片元件,可以直接導(dǎo)入圖片听哭;雙擊矩形元件慢洋,可以直接編輯文本;雙擊下拉列表陆盘,直接編輯選項(xiàng)普筹。
右鍵編輯:有些元件屬性,需要通過(guò)右鍵菜單顯示特有的屬性隘马,這些屬性與元件類(lèi)型有關(guān)太防。
元件屬性和樣式面板:在樣式面板中可用找到元件的坐標(biāo)、尺寸祟霍、填充杏头、邊線(xiàn)盈包、陰影、邊距醇王、字體等通用樣式呢燥。在右鍵的屬性菜單中可以找到元件特定屬性。
三寓娩、元件特定屬性
圖片:固定邊角范圍叛氨,圖片拉伸時(shí)不影響邊角弧度。
單行文本框
類(lèi)型包含:文本棘伴、密碼寞埠、郵箱、數(shù)字焊夸、電話(huà)仁连、URL地址、搜索阱穗、文件饭冬、日期、月份和時(shí)間揪阶。
最大長(zhǎng)度:允許輸入的最大長(zhǎng)度昌抠,這里的長(zhǎng)度限制對(duì)中文、英文和數(shù)字都生效鲁僚。
提示信息:鼠標(biāo)點(diǎn)擊文本框時(shí)炊苫,提示信息消失。
提示文字樣式:設(shè)置提示文字內(nèi)容的樣式冰沙。
只讀:生成原型后侨艾,文本框內(nèi)容不可編輯,僅能查看倦淀。
禁用:將元件設(shè)置為禁用狀態(tài)蒋畜。
隱藏邊框:隱藏輸入框的邊框線(xiàn)。
提交按鈕:分配一個(gè)按鈕撞叽,當(dāng)按下回車(chē)鍵時(shí),按鈕執(zhí)行鼠標(biāo)單擊事件插龄。
多行文本框 :當(dāng)文本高度超出多行文本框高度時(shí)愿棋,多行文本框自動(dòng)出現(xiàn)垂直滾動(dòng)條。
內(nèi)聯(lián)框架
引用頁(yè)面:支持引用內(nèi)部頁(yè)面和外部頁(yè)面均牢。
隱藏邊框:支持隱藏邊框線(xiàn)糠雨。
滾動(dòng)條:分為按需滾動(dòng)、始終滾動(dòng)和從不滾動(dòng)徘跪。
本地預(yù)覽:分為無(wú)預(yù)覽甘邀、視頻預(yù)覽琅攘、地圖預(yù)覽和自定義預(yù)覽,自定義預(yù)覽可以從本地導(dǎo)入圖片松邪,預(yù)覽效果僅在Axure畫(huà)布中有效坞琴。
復(fù)選框
選中:默認(rèn)為選中狀態(tài),可以切換為未選中逗抑。
對(duì)齊:默認(rèn)復(fù)選框位于左側(cè)剧辐,文字位于右側(cè),支持互換復(fù)選框和文字的位置邮府。
禁用:默認(rèn)為啟用狀態(tài)荧关,可以設(shè)置為禁用狀態(tài)。
提交按鈕:分配一個(gè)按鈕褂傀,當(dāng)按下回車(chē)鍵時(shí)忍啤,按鈕執(zhí)行鼠標(biāo)單擊事件。
單選按鈕
選中:默認(rèn)為選中狀態(tài)仙辟,可以切換為未選中檀轨。
指定組:將多個(gè)單選按鈕指定到一個(gè)組中,組中的成員同一時(shí)間只能有一個(gè)處于選中狀態(tài)欺嗤。
對(duì)齊:默認(rèn)單選按鈕位于左側(cè)参萄,文字位于右側(cè),支持互換單選按鈕和文字的位置煎饼。
禁用:默認(rèn)為啟用狀態(tài)讹挎,可以設(shè)置為禁用狀態(tài)。
提交按鈕:分配一個(gè)按鈕吆玖,當(dāng)按下回車(chē)鍵時(shí)筒溃,按鈕執(zhí)行鼠標(biāo)單擊事件。
下拉列表/列表框
編輯列表項(xiàng):可以一次添加一項(xiàng)沾乘,也可以一次添加多項(xiàng)怜奖。
移動(dòng)項(xiàng):可以上下移動(dòng)列表項(xiàng)的位置。
刪除項(xiàng):在編輯窗口中翅阵,可以刪除任意項(xiàng)荞彼。
選中項(xiàng):默認(rèn)選中第一項(xiàng),也可以手動(dòng)修改選中項(xiàng)呻澜。
禁用:默認(rèn)為啟用狀態(tài)据忘,可以設(shè)置為禁用狀態(tài)。
提交按鈕:分配一個(gè)按鈕讹语,當(dāng)按下回車(chē)鍵時(shí)钙皮,按鈕執(zhí)行鼠標(biāo)單擊事件。
菜單
添加菜單項(xiàng):可以添加同級(jí)別菜單項(xiàng),也可以添加子菜單項(xiàng)短条;添加同級(jí)別菜單項(xiàng)可以選擇插入前方或后方导匣。
刪除菜單項(xiàng):選中任意菜單項(xiàng),可通過(guò)右鍵刪除茸时,支持一次性刪除多個(gè)菜單項(xiàng)贡定。
菜單填充:可以編輯填充像素大小,選擇適用范圍屹蚊,適用范圍包含:僅當(dāng)前菜單厕氨、當(dāng)前菜單和全部子菜單。
編輯像素后汹粤,我們會(huì)看到在菜單外部有一個(gè)更大的矩形元件命斧,像素的大小,實(shí)際上就是菜單與矩形的邊距嘱兼,顏色可以通過(guò)樣式面板或工具欄進(jìn)行設(shè)置国葬。
樹(shù)
添加節(jié)點(diǎn):可以選擇添加節(jié)點(diǎn)的位置,支持添加子節(jié)點(diǎn)芹壕。
移動(dòng)節(jié)點(diǎn):可以移動(dòng)節(jié)點(diǎn)的位置汇四,調(diào)增節(jié)點(diǎn)的層級(jí)。
刪除節(jié)點(diǎn):可一次性刪除多個(gè)選中節(jié)點(diǎn)踢涌,刪除父節(jié)點(diǎn)時(shí)通孽,子節(jié)點(diǎn)將全部被刪除。
編輯圖標(biāo):Axure提供了三角圖標(biāo)和+-圖標(biāo)睁壁,也可以自定義導(dǎo)入本地圖標(biāo)背苦;導(dǎo)入自定義圖標(biāo)時(shí),可以選擇適用范圍潘明,適應(yīng)范圍包含:當(dāng)前節(jié)點(diǎn)/當(dāng)前節(jié)點(diǎn)和同級(jí)節(jié)點(diǎn)/當(dāng)前節(jié)點(diǎn)行剂、同級(jí)節(jié)點(diǎn)和全部子節(jié)點(diǎn)。
同一節(jié)點(diǎn)钳降,展開(kāi)和折疊的圖標(biāo)可以不同厚宰,根據(jù)設(shè)計(jì)需要可分別導(dǎo)入圖標(biāo)。
四遂填、元件樣式面板說(shuō)明
位置和尺寸
位置:通過(guò)X坐標(biāo)铲觉、Y坐標(biāo)精確設(shè)定元件的具體位置。
尺寸:通過(guò)設(shè)定元件的寬度和高度城菊,確定元件的具體大小备燃。
旋轉(zhuǎn):輸入數(shù)值,順時(shí)針旋轉(zhuǎn)任意角度凌唬。
不透明度:可以設(shè)定元件填充內(nèi)容、邊線(xiàn)、文字的不透明度客税。
排版
文字:設(shè)定字體類(lèi)型况褪、字的粗細(xì)、字體大小更耻、字體顏色测垛。
文本:設(shè)定文本行距、字間距秧均,設(shè)定文本的對(duì)齊方式食侮。
填充:分為顏色填充和圖片填充,圖片填充時(shí)目胡,可以選擇圖片顯示的位置和圖片布局方式锯七。圖片顯示位置包含:左上、左側(cè)誉己、左下眉尸、頂部、居中巨双、底部噪猾、右上、右側(cè)和右下筑累。圖片布局方式包含:不重復(fù)袱蜡、重復(fù)、水平重復(fù)慢宗、垂直重復(fù)坪蚁、填充、適應(yīng)和拉伸婆廊。
邊框:可以設(shè)置邊框線(xiàn)的顏色迅细、粗細(xì)、類(lèi)型淘邻;矩形元件可以設(shè)置四條邊的可見(jiàn)性茵典,直線(xiàn)可以設(shè)置箭頭樣式。
陰影:分為外部陰影和內(nèi)部陰影宾舅,可以設(shè)置陰影的顏色统阿、大小、方向及模糊度筹我。
通過(guò)X坐標(biāo)和Y坐標(biāo)值扶平,不僅可以設(shè)置陰影的大小,還可以改變陰影的方向蔬蕊。
圓角:輸入半徑值结澄,靈活控制圓角大小,還可以設(shè)置每個(gè)圓角的可見(jiàn)性。
矩形麻献、梯形等四邊形的元件们妥,可以將四個(gè)直角設(shè)置圓角,并且設(shè)置每個(gè)圓角的可見(jiàn)性勉吻,圓形监婶、三角形、五角星等其他形狀類(lèi)的元件不可以設(shè)置圓角齿桃。
邊距:通過(guò)輸入具體數(shù)值惑惶,達(dá)到控制文本內(nèi)容與矩形四條邊的距離。
五短纵、元件樣式管理
樣式編輯:在這里可以設(shè)置元件的填充带污、邊線(xiàn)、文字踩娘、文本布局和視覺(jué)五大類(lèi)樣式刮刑。
填充:分為顏色填充和圖像填充,還可以設(shè)置填充位置(上下左右)养渴。
邊框線(xiàn):線(xiàn)條的顏色雷绢、粗細(xì)、類(lèi)型理卑、可見(jiàn)性翘紊、圓角大小及可見(jiàn)性。
文字:字體藐唠、類(lèi)型帆疟、顏色、字號(hào)宇立、加粗踪宠、斜體、下劃線(xiàn)妈嘹、刪除線(xiàn)柳琢。
文本布局:分為水平對(duì)齊、垂直對(duì)齊润脸,設(shè)置文本行距和字間距柬脸,設(shè)置文本基線(xiàn)和文本變形。
視覺(jué):包含陰影毙驯、不透明度倒堕,包含圖像的色調(diào)、飽和度爆价、亮度和對(duì)比度垦巴。
添加和復(fù)制樣式:可以添加新的元件并設(shè)置樣式媳搪;選中元件,點(diǎn)擊復(fù)制后魂那,添加新元件并將老元件樣式直接復(fù)制到了新元件中蛾号。
移動(dòng)位置:在元件樣式管理器中稠项,可以上下任意移動(dòng)元件的位置涯雅,一次只能移動(dòng)一個(gè)元件的位置。
刪除元件樣式:這里僅僅是刪除了自定義的元件樣式展运,并沒(méi)有刪除系統(tǒng)元件活逆,元件的默認(rèn)樣式也不會(huì)被清除。