Axure-RP-8交互原型設(shè)計(jì)案例教程第4章-文字處理課件

第4章文字處理AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理AxureRP8交互1可以從【元件庫(kù)】面板中的默認(rèn)元件庫(kù)中找到文本類(lèi)元件，如圖4-1所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.1應(yīng)用文本元件圖4-1文本類(lèi)元件可以從【元件庫(kù)】面板中的默認(rèn)元件庫(kù)中找到文本類(lèi)元件，如圖4-在AxureRP中，添加文本并非一定要用前面所說(shuō)的標(biāo)題文本、標(biāo)簽文本和段落文本等文本類(lèi)元件，實(shí)際上大多數(shù)的元件都可以添加文本。例如，基本元件中除了熱區(qū)、動(dòng)態(tài)面板、內(nèi)聯(lián)框架和中繼器之外的其他元件都可以添加文本；標(biāo)記元件中除了快照之外，其他的元件都可以添加文本。另外，所有的圖標(biāo)類(lèi)元件和流程圖元件（快照除外）也都可以直接添加文本。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.2在其他元件中添加文本在AxureRP中，添加文本并非一定要用前面所說(shuō)的標(biāo)題文添加文本的方法歸納起來(lái)有4種。1.雙擊元件輸入文本2.直接選擇元件輸入文本3.右擊元件輸入文本4.從外部程序復(fù)制文本AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.3添加文本的方法添加文本的方法歸納起來(lái)有4種。AxureRP8交互原適合文本大小是指文本框架的寬度或者高度與框架內(nèi)文本的寬度或者高度大小匹配。可以雙擊文本框架邊緣的控制點(diǎn)快速實(shí)現(xiàn)框架適合文本的操作。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.4適合文本大小適合文本大小是指文本框架的寬度或者高度與框架內(nèi)文本的寬度或者AxureRP有兩種創(chuàng)建表格的方法。1.使用表格元件在默認(rèn)的【元件庫(kù)】面板中，可以從【菜單和表格】元件庫(kù)中找到表格的圖標(biāo)。將表格元件拖曳到頁(yè)面中，會(huì)得到一個(gè)三行三列的表格。2.使用特殊粘貼命令A(yù)xureRP支持從金山WPS辦公軟件、微軟Office辦公軟件復(fù)制表格數(shù)據(jù)。圖4-2是在金山WPS表格處理軟件中生成的表格。AxureRP也支持在記事本這樣的純文本程序中使用【Tab】鍵分列、使用【Enter】鍵換行的數(shù)據(jù)，如圖4-3所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.1創(chuàng)建表格AxureRP有兩種創(chuàng)建表格的方法。AxureRP8AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.1創(chuàng)建表格圖4-2WPS中的表格圖4-3使用記事本輸入的數(shù)據(jù)AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.對(duì)上面的數(shù)據(jù)執(zhí)行【復(fù)制】（【Ctrl+C】）命令后，切換到AxureRP程序界面中并在頁(yè)面上右擊鼠標(biāo)，從彈出的快捷菜單中執(zhí)行【特殊粘貼】→【粘貼為表格】命令，可以生成AxureRP的表格，如圖4-4所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.1創(chuàng)建表格圖4-4粘貼為表格對(duì)上面的數(shù)據(jù)執(zhí)行【復(fù)制】（【Ctrl+C】）命令后，切換到A1.選擇列將鼠標(biāo)指針?lè)旁谝涣械捻敳课恢?，?dāng)鼠標(biāo)指針變成一個(gè)縱向下指的粗黑箭頭時(shí)，單擊鼠標(biāo)可選擇一列數(shù)據(jù)，如圖4-5所示。如果配合使用【Shift】鍵或【Ctrl】鍵，可以同時(shí)選擇多列，如圖4-6所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.2選擇表格圖4-5使用鼠標(biāo)單擊選擇列圖4-6使用鼠標(biāo)選擇多列1.選擇列AxureRP8交互原型設(shè)計(jì)案例教程第4章2.選擇行選擇行和選擇列的方法基本相同，將鼠標(biāo)指針?lè)旁诒砀竦淖筮?，鼠?biāo)指針會(huì)變成一個(gè)橫向右指的粗黑箭頭，此時(shí)單擊即可選擇一行。配合使用【Shift】鍵或【Ctrl】鍵，可以同時(shí)選擇多行，如圖4-7所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.2選擇表格圖4-7使用鼠標(biāo)單擊選擇行2.選擇行AxureRP8交互原型設(shè)計(jì)案例教程第4章3.選擇單元格使用鼠標(biāo)直接單擊可選擇一個(gè)單元格，如果要選擇多個(gè)單元格，則可以在按住【Shift】鍵或【Ctrl】鍵的同時(shí)單擊鼠標(biāo)。還可以按下鼠標(biāo)左鍵拖曳鼠標(biāo)，選擇多個(gè)連續(xù)的單元格。4.選擇整個(gè)表格選擇整個(gè)表格的正確方法是：?jiǎn)螕舯砀窬€，當(dāng)表格周?chē)霈F(xiàn)8個(gè)小方格（控制點(diǎn)）時(shí)，就表示選擇了整個(gè)表格，此時(shí)再按【Delete】鍵刪除的就是整個(gè)表格了。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.2選擇表格3.選擇單元格AxureRP8交互原型設(shè)計(jì)案例教程第編輯表格主要是指改變表格的大小、改變行高和列寬以及插入、刪除行和列等。1.改變表格大小2.改變行高和列寬3.插入行和列如果要在現(xiàn)有的表格中插入行或列，可以右擊某個(gè)單元格，從彈出的快捷菜單中執(zhí)行相應(yīng)的插入行和列的命令。還可以在【檢視】→【屬性】子面板中單擊插入行和插入列按鈕，如圖4-8所示。4.刪除行和列5.設(shè)置單元格的邊框和底色AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.3編輯表格編輯表格主要是指改變表格的大小、改變行高和列寬以及插入、刪除AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.3編輯表格圖4-8插入行和列按鈕AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.設(shè)置文本的一般格式，可通過(guò)AxureRP的樣式工具欄進(jìn)行操作，如圖4-9所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.1使用樣式工具欄圖4-9樣式工具欄的文本格式化選項(xiàng)設(shè)置文本的一般格式，可通過(guò)AxureRP的樣式工具欄進(jìn)行【樣式】子面板包含了樣式工具欄中的所有參數(shù)和按鈕，還增加了【文字投影】、【行間距】和【邊距】選項(xiàng)，如圖4-10所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.2使用【樣式】子面板圖4-10【樣式】子面板中的文本屬性設(shè)置【樣式】子面板包含了樣式工具欄中的所有參數(shù)和按鈕，還增加了【在【樣式】子面板的頂部還有一個(gè)“文本旋轉(zhuǎn)”參數(shù)，設(shè)置該參數(shù)可以使矩形框架內(nèi)的文本旋轉(zhuǎn)，而矩形文本框架不變，如圖4-11所示。與文本旋轉(zhuǎn)不同，左側(cè)的對(duì)象旋轉(zhuǎn)參數(shù)是指文本框架旋轉(zhuǎn)，至于文本是否旋轉(zhuǎn)，要看文本旋轉(zhuǎn)參數(shù)的設(shè)置，如圖4-12所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.2使用【樣式】子面板圖4-11文本旋轉(zhuǎn)圖4-12對(duì)象旋轉(zhuǎn)在【樣式】子面板的頂部還有一個(gè)“文本旋轉(zhuǎn)”參數(shù)，設(shè)置該參數(shù)可如果讀者用過(guò)Word文字處理程序，那么對(duì)于其中的格式刷應(yīng)該有深刻的印象。其實(shí)，AxureRP中也有一個(gè)類(lèi)似的格式刷工具（【Ctrl+9】），在主工具欄中就可以找到它，如圖4-13所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.3使用格式刷圖4-13格式刷工具如果讀者用過(guò)Word文字處理程序，那么對(duì)于其中的格式刷應(yīng)該格式刷工具的用法如下。（1）選擇帶文本的元件，如圖4-14（a）所示，沒(méi)有必要雙擊選擇里面的文字，如圖4-14（b）所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.3使用格式刷圖4-14選擇帶文本的元件格式刷工具的用法如下。AxureRP8交互原型設(shè)計(jì)案例（2）按【Ctrl+9】組合鍵執(zhí)行【格式刷工具】命令，在打開(kāi)的【格式刷】對(duì)話框中，選擇已經(jīng)設(shè)置好的“元件樣式”，下面參數(shù)會(huì)自動(dòng)改變，或者也可以逐一修改各個(gè)參數(shù)，例如，將字體設(shè)置為“宋體”，將字號(hào)設(shè)置為“20”，將字體顏色設(shè)置為紅色，如圖4-15所示。設(shè)置完成后，單擊【格式刷】對(duì)話框下方的【應(yīng)用】按鈕，可以將設(shè)置的選項(xiàng)應(yīng)用于選擇的文本。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.3使用格式刷圖4-15設(shè)置【格式刷】選項(xiàng)（2）按【Ctrl+9】組合鍵執(zhí)行【格式刷工具】命令，在打開(kāi)本章總結(jié)本章總結(jié)20本章總結(jié)通過(guò)本章的學(xué)習(xí)，讀者應(yīng)熟悉掌握在元件中添加文本以及對(duì)文本進(jìn)行格式化的操作，學(xué)會(huì)如何使用格式刷工具快速應(yīng)用某個(gè)元件的樣式。在本章中，還學(xué)到了創(chuàng)建和編輯表格的方法，如果讀者有其他軟件的基礎(chǔ)，如微軟辦公軟件或者金山辦公軟件，那么在學(xué)習(xí)本章內(nèi)容時(shí)，一定要注意比較軟件之間工具和命令的異同之處，這對(duì)學(xué)習(xí)很有幫助，可大大提高學(xué)習(xí)效率。本章總結(jié)通過(guò)本章的學(xué)習(xí)，讀者應(yīng)熟悉掌握在元件中添加文本以及對(duì)THANKSAxureRP8交互原型設(shè)計(jì)案例教程THANKSAxureRP8交互原型設(shè)計(jì)案例教程22第4章文字處理AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理AxureRP8交互23可以從【元件庫(kù)】面板中的默認(rèn)元件庫(kù)中找到文本類(lèi)元件，如圖4-1所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.1應(yīng)用文本元件圖4-1文本類(lèi)元件可以從【元件庫(kù)】面板中的默認(rèn)元件庫(kù)中找到文本類(lèi)元件，如圖4-在AxureRP中，添加文本并非一定要用前面所說(shuō)的標(biāo)題文本、標(biāo)簽文本和段落文本等文本類(lèi)元件，實(shí)際上大多數(shù)的元件都可以添加文本。例如，基本元件中除了熱區(qū)、動(dòng)態(tài)面板、內(nèi)聯(lián)框架和中繼器之外的其他元件都可以添加文本；標(biāo)記元件中除了快照之外，其他的元件都可以添加文本。另外，所有的圖標(biāo)類(lèi)元件和流程圖元件（快照除外）也都可以直接添加文本。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.2在其他元件中添加文本在AxureRP中，添加文本并非一定要用前面所說(shuō)的標(biāo)題文添加文本的方法歸納起來(lái)有4種。1.雙擊元件輸入文本2.直接選擇元件輸入文本3.右擊元件輸入文本4.從外部程序復(fù)制文本AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.3添加文本的方法添加文本的方法歸納起來(lái)有4種。AxureRP8交互原適合文本大小是指文本框架的寬度或者高度與框架內(nèi)文本的寬度或者高度大小匹配?？梢噪p擊文本框架邊緣的控制點(diǎn)快速實(shí)現(xiàn)框架適合文本的操作。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.1添加文本4.1.4適合文本大小適合文本大小是指文本框架的寬度或者高度與框架內(nèi)文本的寬度或者AxureRP有兩種創(chuàng)建表格的方法。1.使用表格元件在默認(rèn)的【元件庫(kù)】面板中，可以從【菜單和表格】元件庫(kù)中找到表格的圖標(biāo)。將表格元件拖曳到頁(yè)面中，會(huì)得到一個(gè)三行三列的表格。2.使用特殊粘貼命令A(yù)xureRP支持從金山WPS辦公軟件、微軟Office辦公軟件復(fù)制表格數(shù)據(jù)。圖4-2是在金山WPS表格處理軟件中生成的表格。AxureRP也支持在記事本這樣的純文本程序中使用【Tab】鍵分列、使用【Enter】鍵換行的數(shù)據(jù)，如圖4-3所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.1創(chuàng)建表格AxureRP有兩種創(chuàng)建表格的方法。AxureRP8AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.1創(chuàng)建表格圖4-2WPS中的表格圖4-3使用記事本輸入的數(shù)據(jù)AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.對(duì)上面的數(shù)據(jù)執(zhí)行【復(fù)制】（【Ctrl+C】）命令后，切換到AxureRP程序界面中并在頁(yè)面上右擊鼠標(biāo)，從彈出的快捷菜單中執(zhí)行【特殊粘貼】→【粘貼為表格】命令，可以生成AxureRP的表格，如圖4-4所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.1創(chuàng)建表格圖4-4粘貼為表格對(duì)上面的數(shù)據(jù)執(zhí)行【復(fù)制】（【Ctrl+C】）命令后，切換到A1.選擇列將鼠標(biāo)指針?lè)旁谝涣械捻敳课恢?，?dāng)鼠標(biāo)指針變成一個(gè)縱向下指的粗黑箭頭時(shí)，單擊鼠標(biāo)可選擇一列數(shù)據(jù)，如圖4-5所示。如果配合使用【Shift】鍵或【Ctrl】鍵，可以同時(shí)選擇多列，如圖4-6所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.2選擇表格圖4-5使用鼠標(biāo)單擊選擇列圖4-6使用鼠標(biāo)選擇多列1.選擇列AxureRP8交互原型設(shè)計(jì)案例教程第4章2.選擇行選擇行和選擇列的方法基本相同，將鼠標(biāo)指針?lè)旁诒砀竦淖筮?，鼠?biāo)指針會(huì)變成一個(gè)橫向右指的粗黑箭頭，此時(shí)單擊即可選擇一行。配合使用【Shift】鍵或【Ctrl】鍵，可以同時(shí)選擇多行，如圖4-7所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.2選擇表格圖4-7使用鼠標(biāo)單擊選擇行2.選擇行AxureRP8交互原型設(shè)計(jì)案例教程第4章3.選擇單元格使用鼠標(biāo)直接單擊可選擇一個(gè)單元格，如果要選擇多個(gè)單元格，則可以在按住【Shift】鍵或【Ctrl】鍵的同時(shí)單擊鼠標(biāo)。還可以按下鼠標(biāo)左鍵拖曳鼠標(biāo)，選擇多個(gè)連續(xù)的單元格。4.選擇整個(gè)表格選擇整個(gè)表格的正確方法是：?jiǎn)螕舯砀窬€，當(dāng)表格周?chē)霈F(xiàn)8個(gè)小方格（控制點(diǎn)）時(shí)，就表示選擇了整個(gè)表格，此時(shí)再按【Delete】鍵刪除的就是整個(gè)表格了。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.2選擇表格3.選擇單元格AxureRP8交互原型設(shè)計(jì)案例教程第編輯表格主要是指改變表格的大小、改變行高和列寬以及插入、刪除行和列等。1.改變表格大小2.改變行高和列寬3.插入行和列如果要在現(xiàn)有的表格中插入行或列，可以右擊某個(gè)單元格，從彈出的快捷菜單中執(zhí)行相應(yīng)的插入行和列的命令。還可以在【檢視】→【屬性】子面板中單擊插入行和插入列按鈕，如圖4-8所示。4.刪除行和列5.設(shè)置單元格的邊框和底色AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.3編輯表格編輯表格主要是指改變表格的大小、改變行高和列寬以及插入、刪除AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.2應(yīng)用表格4.2.3編輯表格圖4-8插入行和列按鈕AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.設(shè)置文本的一般格式，可通過(guò)AxureRP的樣式工具欄進(jìn)行操作，如圖4-9所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.1使用樣式工具欄圖4-9樣式工具欄的文本格式化選項(xiàng)設(shè)置文本的一般格式，可通過(guò)AxureRP的樣式工具欄進(jìn)行【樣式】子面板包含了樣式工具欄中的所有參數(shù)和按鈕，還增加了【文字投影】、【行間距】和【邊距】選項(xiàng)，如圖4-10所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.2使用【樣式】子面板圖4-10【樣式】子面板中的文本屬性設(shè)置【樣式】子面板包含了樣式工具欄中的所有參數(shù)和按鈕，還增加了【在【樣式】子面板的頂部還有一個(gè)“文本旋轉(zhuǎn)”參數(shù)，設(shè)置該參數(shù)可以使矩形框架內(nèi)的文本旋轉(zhuǎn)，而矩形文本框架不變，如圖4-11所示。與文本旋轉(zhuǎn)不同，左側(cè)的對(duì)象旋轉(zhuǎn)參數(shù)是指文本框架旋轉(zhuǎn)，至于文本是否旋轉(zhuǎn)，要看文本旋轉(zhuǎn)參數(shù)的設(shè)置，如圖4-12所示。AxureRP8交互原型設(shè)計(jì)案例教程第4章文字處理4.3格式化文本4.3.2使用【樣式】子面板圖4-11文本旋轉(zhuǎn)圖4-12對(duì)象旋轉(zhuǎn)在【樣式】子面板的頂部還有一個(gè)“文本旋轉(zhuǎn)”參數(shù)，設(shè)置該參數(shù)可如果讀者用過(guò)Word文字處理程序，那么對(duì)于其中的格式刷應(yīng)該有深刻的印象。其實(shí)，AxureRP中也有一個(gè)類(lèi)似的格式刷工具（【Ctrl+9】），在主工具欄中就可以找到它，如圖4-13所示。AxureRP8交