Axure 9.0基礎(chǔ)教程:元件的正確使用姿勢(shì)是這樣的

一褥符、基本操作

添加元件:從左側(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ì)被清除。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末拗胜,一起剝皮案震驚了整個(gè)濱河市蔗候,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌埂软,老刑警劉巖锈遥,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異勘畔,居然都是意外死亡所灸,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)炫七,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)爬立,“玉大人,你說(shuō)我怎么就攤上這事万哪∠姥保” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵奕巍,是天一觀的道長(zhǎng)吟策。 經(jīng)常有香客問(wèn)我,道長(zhǎng)的止,這世上最難降的妖魔是什么檩坚? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮冲杀,結(jié)果婚禮上效床,老公的妹妹穿的比我還像新娘。我一直安慰自己权谁,他們只是感情好剩檀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著旺芽,像睡著了一般沪猴。 火紅的嫁衣襯著肌膚如雪辐啄。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,115評(píng)論 1 296
  • 那天运嗜,我揣著相機(jī)與錄音壶辜,去河邊找鬼。 笑死担租,一個(gè)胖子當(dāng)著我的面吹牛砸民,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播奋救,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼岭参,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了尝艘?” 一聲冷哼從身側(cè)響起演侯,我...
    開(kāi)封第一講書(shū)人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎背亥,沒(méi)想到半個(gè)月后秒际,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡狡汉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年娄徊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片轴猎。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嵌莉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出捻脖,到底是詐尸還是另有隱情锐峭,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布可婶,位于F島的核電站沿癞,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏矛渴。R本人自食惡果不足惜椎扬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望具温。 院中可真熱鬧蚕涤,春花似錦、人聲如沸铣猩。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)达皿。三九已至天吓,卻和暖如春贿肩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背龄寞。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工汰规, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人物邑。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓溜哮,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親拂封。 傳聞我的和親對(duì)象是個(gè)殘疾皇子茬射,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容