1、第4章 文字處理Axure RP 8 交互原型設計案例教程可以從【元件庫】面板中的默認元件庫中找到文本類元件，如圖4-1 所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.1 添加文本4.1.1 應用文本元件圖 4-1 文本類元件在Axure RP 中，添加文本并非一定要用前面所說的標題文本、標簽文本和段落文本等文本類元件，實際上大多數(shù)的元件都可以添加文本。例如，基本元件中除了熱區(qū)、動態(tài)面板、內(nèi)聯(lián)框架和中繼器之外的其他元件都可以添加文本；標記元件中除了快照之外，其他的元件都可以添加文本。另外，所有的圖標類元件和流程圖元件（快照除外）也都可以直接添加文本。Axure RP 8 交

2、互原型設計案例教程第4章文字處理4.1 添加文本4.1.2 在其他元件中添加文本添加文本的方法歸納起來有4 種。1. 雙擊元件輸入文本2. 直接選擇元件輸入文本3. 右擊元件輸入文本4. 從外部程序復制文本Axure RP 8 交互原型設計案例教程第4章文字處理4.1 添加文本4.1.3 添加文本的方法適合文本大小是指文本框架的寬度或者高度與框架內(nèi)文本的寬度或者高度大小匹配。可以雙擊文本框架邊緣的控制點快速實現(xiàn)框架適合文本的操作。Axure RP 8 交互原型設計案例教程第4章文字處理4.1 添加文本4.1.4 適合文本大小Axure RP 有兩種創(chuàng)建表格的方法。1. 使用表格元件在默認的【元

3、件庫】面板中，可以從【菜單和表格】元件庫中找到表格的圖標。將表格元件拖曳到頁面中，會得到一個三行三列的表格。2. 使用特殊粘貼命令Axure RP 支持從金山WPS 辦公軟件、微軟Office 辦公軟件復制表格數(shù)據(jù)。圖4-2 是在金山WPS 表格處理軟件中生成的表格。Axure RP 也支持在記事本這樣的純文本程序中使用【Tab】鍵分列、使用【Enter】鍵換行的數(shù)據(jù)，如圖4-3 所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.1 創(chuàng)建表格Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.1 創(chuàng)建表格圖 4-2 WPS 中的表

4、格 圖4-3 使用記事本輸入的數(shù)據(jù)對上面的數(shù)據(jù)執(zhí)行【復制】（【Ctrl+C】）命令后，切換到Axure RP 程序界面中并在頁面上右擊鼠標，從彈出的快捷菜單中執(zhí)行【特殊粘貼】【粘貼為表格】命令，可以生成Axure RP 的表格，如圖4-4 所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.1 創(chuàng)建表格圖 4-4 粘貼為表格1. 選擇列將鼠標指針放在一列的頂部位置，當鼠標指針變成一個縱向下指的粗黑箭頭時，單擊鼠標可選擇一列數(shù)據(jù)，如圖4-5 所示。如果配合使用【Shift】鍵或【Ctrl】鍵，可以同時選擇多列，如圖4-6所示。Axure RP 8 交互原型設計案

5、例教程第4章文字處理4.2 應用表格4.2.2 選擇表格圖 4-5 使用鼠標單擊選擇列圖4-6 使用鼠標選擇多列2. 選擇行選擇行和選擇列的方法基本相同，將鼠標指針放在表格的左邊，鼠標指針會變成一個橫向右指的粗黑箭頭，此時單擊即可選擇一行。配合使用【Shift】鍵或【Ctrl】鍵，可以同時選擇多行，如圖4-7 所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.2 選擇表格圖 4-7 使用鼠標單擊選擇行3. 選擇單元格使用鼠標直接單擊可選擇一個單元格，如果要選擇多個單元格，則可以在按住【Shift】鍵或【Ctrl】鍵的同時單擊鼠標。還可以按下鼠標左鍵拖曳鼠標，

6、選擇多個連續(xù)的單元格。4. 選擇整個表格選擇整個表格的正確方法是：單擊表格線，當表格周圍出現(xiàn)8 個小方格（控制點）時，就表示選擇了整個表格，此時再按【Delete】鍵刪除的就是整個表格了。Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.2 選擇表格編輯表格主要是指改變表格的大小、改變行高和列寬以及插入、刪除行和列等。1. 改變表格大小2. 改變行高和列寬3. 插入行和列如果要在現(xiàn)有的表格中插入行或列，可以右擊某個單元格，從彈出的快捷菜單中執(zhí)行相應的插入行和列的命令。還可以在【檢視】【屬性】子面板中單擊插入行和插入列按鈕，如圖4-8所示。4. 刪除行和列5. 設置

7、單元格的邊框和底色Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.3 編輯表格Axure RP 8 交互原型設計案例教程第4章文字處理4.2 應用表格4.2.3 編輯表格圖 4-8 插入行和列按鈕設置文本的一般格式，可通過Axure RP 的樣式工具欄進行操作，如圖4-9 所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.3 格式化文本4.3.1 使用樣式工具欄圖 4-9 樣式工具欄的文本格式化選項【樣式】子面板包含了樣式工具欄中的所有參數(shù)和按鈕，還增加了【文字投影】、【行間距】和【邊距】選項，如圖4-10 所示。Axure RP 8 交互原型設

8、計案例教程第4章文字處理4.3 格式化文本4.3.2 使用【樣式】子面板圖 4-10 【樣式】子面板中的文本屬性設置在【樣式】子面板的頂部還有一個“文本旋轉(zhuǎn)”參數(shù)，設置該參數(shù)可以使矩形框架內(nèi)的文本旋轉(zhuǎn)，而矩形文本框架不變，如圖4-11 所示。與文本旋轉(zhuǎn)不同，左側(cè)的對象旋轉(zhuǎn)參數(shù)是指文本框架旋轉(zhuǎn)，至于文本是否旋轉(zhuǎn)，要看文本旋轉(zhuǎn)參數(shù)的設置，如圖4-12 所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.3 格式化文本4.3.2 使用【樣式】子面板圖 4-11 文本旋轉(zhuǎn) 圖4-12 對象旋轉(zhuǎn)如果讀者用過Word 文字處理程序，那么對于其中的格式刷應該有深刻的印象。其實，Axure RP

9、 中也有一個類似的格式刷工具（【Ctrl+9】） ，在主工具欄中就可以找到它，如圖4-13所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.3 格式化文本4.3.3 使用格式刷圖4-13 格式刷工具格式刷工具的用法如下。（1）選擇帶文本的元件，如圖4-14（a）所示，沒有必要雙擊選擇里面的文字，如圖4-14（b）所示。Axure RP 8 交互原型設計案例教程第4章文字處理4.3 格式化文本4.3.3 使用格式刷圖 4-14 選擇帶文本的元件（2）按【Ctrl+9】組合鍵執(zhí)行【格式刷工具】命令，在打開的【格式刷】對話框中，選擇已經(jīng)設置好的“元件樣式”，下面參數(shù)會自動改變，或者也可以逐一修改各個參數(shù)，例如，將字體設置為“宋體”，將字號設置為“20”，將字體顏色設置為紅色，如圖4-15 所示。設置完成后，單擊【格式刷】對話框下方的【應用】按鈕，可以將設置的選項應用于選擇的文本。Axure RP 8 交互原型設計案例教程第4章文字處理4.3 格式化文本4.3.3 使用格式刷圖 4-15 設置【格式刷】選項本章總結本章總結通過本章的學習，讀者應熟悉掌握在元件中添加文本以及對文本進行格式化的操