基礎21-30 · Bozo技術筆記

### **本文目錄** 基礎21.???? 設置元件默認選中/禁用基礎22.???? 設置單選按鈕唯一選中基礎23.???? 設置元件不同狀態時的樣式基礎24.???? 設置圖片文本基礎25.???? 切割/裁剪圖片基礎26.???? 嵌入多媒體文件/頁面基礎27.???? 調整元件的層級基礎28.???? 組合/取消組合元件基礎29.???? 轉換元件為圖片基礎30.???? 載入元件庫 ### 正文 ### 基礎21.?? 設置元件默認選中/禁用元件的屬性中可以對一些元件的默認狀態進行設置，可以設置的狀態包括【選中】和【禁用】，默認狀態的設置，可以觸發屬性中設置的交互樣式。比如設置某個元件在瀏覽器中默認為禁用的灰色，就需要勾選【禁用】（復選框），并設置【禁用】的交互樣式。（圖1-22）除了禁用與選中個別元件還具有【只讀】的設置。例如：文本框與多行文本框。 [![1-22](http://files.iaxure.com/wp-content/uploads/2016/06/1-22.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-22.png) ### 基礎22.?? 設置單選按鈕唯一選中全選所有的單選按鈕，在元件屬性中{設置單選按鈕組名稱}，即可實現唯一選中的效果。（圖1-23） [![1-23](http://files.iaxure.com/wp-content/uploads/2016/06/1-23.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-23.png) ### 基礎23.?? 設置元件不同狀態的交互樣式點擊元件屬性中各個交互樣式的名稱，即可設置元件在不同狀態時呈現的樣式。這些樣式在交互被觸發時，就會顯示出來。（圖1-24）比如設置元件默認狀態為禁用，在瀏覽原型時，頁面打開后就會顯示該元件被禁用的樣式。（圖1-22） [![1-24](http://files.iaxure.com/wp-content/uploads/2016/06/1-24.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-24.png) ### 基礎24.?? 設置圖片文本設置圖片文本需要在圖片上點擊，選擇【編輯文本】，方可進行圖片上的文字編輯。（圖1-25） [![1-25](http://files.iaxure.com/wp-content/uploads/2016/06/1-25.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-25.png) ### 基礎25.?? 切割/裁剪圖片在圖片的元件屬性中，設有切割和裁剪功能的圖標，點擊即可使用相應功能。元件上點擊，菜單中也有相應的選項。（圖1-26）切割：可將圖片進行水平與垂直的切割，將圖片分割開。裁剪：可將圖片中的某一部分取出。裁剪分為幾種，分別是裁剪、剪切、和復制。其中：裁剪只保留被選擇的區域；剪切是將選取的部分從原圖中剪切到系統剪貼板中；復制是將選取的部分復制到系統剪貼板中，復制的方式對原圖沒有影響。 [![1-26](http://files.iaxure.com/wp-content/uploads/2016/06/1-26.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-26.png) ### 基礎26.?? 嵌入多媒體文件/頁面基本元件中的內聯框架可以插入多媒體文件與網頁。雙擊元件或者在屬性中點擊【框架目標頁面】，在彈出的界面中選擇【鏈接到url或文件】，填寫{超鏈接}，內容為多媒體文件的地址（網絡地址或文件路徑）或網頁地址。在這個界面中也可以選擇嵌入原型中的某個頁面。（圖1-27） [![1-27](http://files.iaxure.com/wp-content/uploads/2016/06/1-27.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-27.png) 圖中嵌入的優酷視頻地址：http://player.youku.com/player.php/sid/XMTM2MDA3NDA0OA==/v.swf ### 基礎27.?? 調整元件的層級元件的層級可以通過點擊快捷功能中的圖標或者右鍵菜單的【順序】選項進行調整，也可以在頁面內容概要中通過拖動進行調整。概要中層級順序為由上至下，最底部的元件為最頂層。（圖1-28） [![1-28](http://files.iaxure.com/wp-content/uploads/2016/06/1-28.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-28.png) ### 基礎28.?? 組合/取消組合元件通過快捷功能圖標或右鍵菜單可以將多個元件組合到一起，達到共同移動/選取/添加交互等操作。組合/取消組合的快捷鍵為鍵/鍵。（圖1-29） [![1-29](http://files.iaxure.com/wp-content/uploads/2016/06/1-29.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-29.png) ### 基礎29.?? 轉換元件為圖片形狀/文本標簽/線段等元件可以通過點擊，選擇將元件【轉換為圖片】。例如，使用少量特殊字體或者圖標字體時，即可將元件轉換為圖片，避免在未安裝字體的設備上瀏覽原型時不能正常顯示。（圖1-30） [![1-30](http://files.iaxure.com/wp-content/uploads/2016/06/1-30.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-30.png) ### 基礎30\. 載入元件庫除了使用軟件自帶的默認元件庫與流程圖元件庫，用戶還可以加載自定義元件庫。加載自定義元件庫只需點擊功能圖標，在列表中選擇【載入元件庫】。（圖1-31） [![1-31](http://files.iaxure.com/wp-content/uploads/2016/06/1-31.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-31.png)