Axure學習教程

1、Axure教程axure新手入門基礎（1）2013-08-1921:43Nairo分類：原型設計微信二維碼首先做個聲明：此次教程里為了快速完成，借用了一些網(wǎng)上已有教程的圖文，不是剽竊，只圖方便。另外，因為漢化版本可能功能名稱等略有差別，請自行理解。名詞解釋：線框圖：一般就是指產(chǎn)品原型，比如：把線框圖盡快畫出來和把原型盡快做出來是一個意思。axure元件：也叫axure組件或axure部件，系統(tǒng)自帶了一部分最基礎常用的，網(wǎng)上也有很多別人做好的，軟件使用到一定階段可以考慮自己制作元件，以便提高產(chǎn)品原型的制作速度。生成原型：是指把繪制好的原型通過axurerp生成靜態(tài)的html頁面,檢查原型是否正確

2、，同時，方便演示。建議生成時選擇用谷歌瀏覽器打開（第一次會有提示安裝相關插件），ie會每次都有安全提示，不如谷歌瀏覽器方便。（一）Axurerp的界面1-主菜單工具欄：大部分類似office軟件，不做詳細解釋，鼠標移到按鈕上都有對應的提示。2-主操作界面：繪制產(chǎn)品原型的操作區(qū)域，所有的用到的元件都拖到該區(qū)域。3-站點地圖：所有頁面文件都存放在這個位置，可以在這里增加、刪除、修改、查看頁面，也可以通過鼠標拖動調(diào)整頁面順序以及頁面之間的關系。4-axure元件庫：或者叫axure組件庫、axure部件庫，所有軟件自帶的元件和加載的元件庫都在這里，這里可以執(zhí)行創(chuàng)建、加載、刪除axure元件庫的操作，

3、也可以根據(jù)需求顯示全部元件或某一元件庫的元件。5-母版管理：這里可以創(chuàng)建、刪除、像頁面頭部、導航欄這種出現(xiàn)在每一個頁面的元素，可以繪制在母版里面，然后加載到需要顯示的頁面，這樣在制作頁面時就不用再重復這些操作。6-頁面屬性：這里可以設置當前頁面的樣式，添加與該頁面有關的注釋，以及設置頁面加載時觸發(fā)的事件onpageload。7-元件屬性：這里可以設置選中元件的標簽、樣式，添加與該元件有關的注釋，以及設置頁面加載時觸發(fā)的事件；A-交互事件：元件屬性區(qū)域閃電樣式的小圖標代表交互事件；B-元件注釋：交互事件左面的圖標是用來添加元件注釋的，在這里我們能夠添加一些元件限定條件的注釋，比如：文本框的話，可

4、以添加注釋指出輸入字符長度不能超過20。C-元件樣式：交互事件右側(cè)的圖標是用來設置元件樣式的，可以在這里更改原件的字體、尺寸、旋轉(zhuǎn)角度等，當然也可以進行多個元件的對齊、組合等設置。8動態(tài)面板：這個是很重要的區(qū)域，在這里可以添加、刪除動態(tài)面板的狀態(tài)，以及狀態(tài)的排序，也可以在這里設置動態(tài)面板的標簽；當繪制原型動態(tài)面板被覆蓋時，我們可以在這里通過點擊選中相應的動態(tài)面板，也可以雙擊狀態(tài)進入編輯。Axurerp的界面就介紹到這里，界面中的各個區(qū)域基本上在做產(chǎn)品原型的過程中，使用都很頻繁，所以建議不要關閉任何一個區(qū)域。如果不小心關閉了，可以通過主菜單工具欄一視圖一重置視圖來找回。本文作者：b樓；轉(zhuǎn)載自：A

5、xure原創(chuàng)教程網(wǎng)Axure教程axure新手入門基礎（2）2013-08-1921:47Nairo分類：原型設計微信二維碼（二）Axurerp的線框圖元件l圖片圖片元件拖入編輯區(qū)后，可以通過雙擊選擇本地磁盤中的圖片，將圖片載入到編輯區(qū)，axure會自動提示將大圖片進行優(yōu)化，以避免原型文件過大；選擇圖片時可以選擇圖片原始大小，或保持圖片元件的大小。l文本在網(wǎng)頁中文本的名稱是lable，用于頁面中添加說明文字、文字連接，或一些動態(tài)的提示。l矩形矩形的應用比較廣泛，比如作為頁面的背景、按鈕、以及一些元件的遮蓋等；矩形的形狀可以通過鼠標右鍵點擊-編輯選項一改變形狀，來變成我們需要的形狀，比如做選項卡

6、時候我們需要頂部圓角的矩形，就可以通過改變矩形的形狀來實現(xiàn)。l占位符制作原型時，可以用它來代替對一些沒有交互或者交互比較簡單容易說明的區(qū)域；也可以做成關閉按鈕。占位符在保真比較高的產(chǎn)品原型中作用不大。l圓角矩形這個個人認為是因為圓角矩形應用廣泛，所以單獨拿出來作為元件給使用者，免去了對矩形的設置。l動態(tài)面板非常重要的axure元件，必須要學會使用的元件，動態(tài)面板的顯示、隱藏、多狀態(tài)等，都是非常有用的。在這里不過多介紹，詳細介紹請參考：小樓axure圖文教程（五）動態(tài)面板的使用。l水平線就是一條水平的線，可以作為表示頁面一些區(qū)域分割時使用，比如在兩塊不同區(qū)域之間添加一條水平線，來明顯的區(qū)分。水平

7、線可以通過設置元件屬性中的角度Roto變成斜線來使用。l垂直線沒什么好說的，和水平線一樣的作用。l圖片熱區(qū)用于點擊圖片中某個區(qū)域產(chǎn)生交互事件時使用，圖片熱區(qū)也是矩形的一種，可以通過設置矩形無邊框，背景色100頻明度來實現(xiàn)。l文本框（單行）用于輸入文字的axure元件，用于登錄、標題、密碼框（鼠標右鍵-編輯選項-隱藏文本）等功能。l文本框（多行）從字面意思就知道了它的功能，用于實現(xiàn)更多文字內(nèi)容輸入的axure元件，用于回復、評論、微博發(fā)布框這類的功能。l下拉列表（框）鼠標點擊時展開多個選項的axure元件，主要用來類別選擇或多條件查詢效果時使用。l列表框一個多選項的列表，帶滾動條效果，個人認為樣

8、子很丑，應用不是很多，應用場景可以參考word自定義快速訪問工具欄中選擇添加項的效果。l復選框復選框用于同類別內(nèi)容可以同時選擇多個時候使用，比如注冊時候個人興趣的選擇，又比如批量刪除郵件時選擇多個郵件的功能。l單選按鈕多個選項僅能選擇其一時候使用，比如性別選擇。多個單選按鈕聯(lián)動效果需要同時選中多個需要聯(lián)動的單選按鈕一鼠標右鍵一編輯選項-指定單選按鈕組來實現(xiàn)。不嫌麻煩的話也可以通過設置每個單選按鈕的onclick事件來實現(xiàn)。l內(nèi)部框架用于在頁面中嵌入其他頁面的axure元件，可以設置好大小后雙擊它,指定要嵌入的頁面?？蚣芸梢酝ㄟ^編輯選項取消滾動條，應用場景多見于網(wǎng)站后臺原型和移動互聯(lián)網(wǎng)產(chǎn)品原型。

9、l表格表格很常見，就不多做解釋，每個表格都可以設置單獨的事件，但是axure還不支持單元格的合并。l菜單縱向主要用于網(wǎng)站導航。多使用于網(wǎng)站后臺。l菜單橫向主要用于網(wǎng)站導航，多使用于網(wǎng)站前臺。l樹主要用于網(wǎng)站導航。多使用于網(wǎng)站后臺。用上述所有axure元件做的示例：【點擊下載】故ki.hoo占位符水平或.舊堂人中心采;文字（鏈接）在占文本框（多行）-s-inrisj-iwrM攔薦關注白菜舉樹鄧唐3-王BH1H一（司班到荷普卮步到迨壇:mai:弟仇塞M性M曾男。女:單選按鈕防有不拉列表框:；列表框國角:廿22我三立享表格1123夏選推生士按鈕忸翼生才嚙潴力生翔口站at圖本文作者：b樓；轉(zhuǎn)載自：Ax

10、ure原創(chuàng)教程網(wǎng)Axure教程axure新手入門基礎（3）2013-08-1922:27Nairo分類：原型設計微信二維碼（三）Axurerp元件的觸發(fā)事件lOnClick（點擊時）:鼠標點擊事件，除了動態(tài)面板的所有的其他元件的點擊時觸發(fā)。比如點擊按鈕。lOnMouseEnter（鼠標移入時）:鼠標進入到某個元件范圍時觸發(fā),比如當鼠標移到某張圖片時顯示該圖片的介紹。lOnMouseOut（鼠標移出時）:鼠標離開某個元件范圍時觸發(fā)。比如鼠標離開圖片時，圖片介紹消失。lOnKeyUp（按鍵彈起時）:文本框（單行與多行）編輯時，鍵盤按下某一個按鍵松開時觸發(fā)，不支持其他axure元件。比如統(tǒng)計文本框輸

11、入的字數(shù)。lOnFocus（獲取焦點時）:當一個元件通過點擊或切換獲取焦點時觸發(fā)。比如搜索框編輯時，清空“請輸入關鍵字”的提示。lOnLostFocus（失去焦點時）:當一個組件失去焦點時觸發(fā)。比如用戶名、密碼的驗證。lOnChange（選中項改變時）：下拉列表框或列表框的選中項改變時觸發(fā)，不支持其他元件。比如選擇地址時，選擇不同的省份，顯示對應的省內(nèi)城市。動態(tài)面板專屬事件V.ManagerQPHome京都國點HolSpol拉咕手機(DyrmniicP日rwl)“手機a，2iDyraniicPanel)JcsrFieldtCTeztFiwShap?岱he解jI.Shape)(H-otSpot)

12、lOnMove（移動時）：當動態(tài)面板移動時觸發(fā)。是指通過其他事件的觸發(fā)控制面板移動時，比如當進度條移動時，進度比例的變化。lTheOnShowandOnHideevents（顯示或隱藏時）：當動態(tài)面板隱藏或顯示時觸發(fā)。比如圖片顯示時按鈕文字是關閉圖片，圖片隱藏時按鈕文字變?yōu)榇蜷_圖片。lOnPanelStateChange（狀態(tài)改變時）：當動態(tài)面板更改面板的狀態(tài)時觸發(fā)。比如通過改變動態(tài)面板狀態(tài)實現(xiàn)的進度條效果，當狀態(tài)改變時改變相應的進度比例。lOnDragStart:Occurswhenthedragbegins（開始拖動面板時）：當開始拖動動態(tài)面板時觸發(fā)。比如在動態(tài)面板拖動開始時，顯示“拖動開

13、始”的文字提示。lOnDrag:Occursasthepanelisdragged（面板拖動時）：動態(tài)面板拖動時觸發(fā)，比如拖動一塊動態(tài)面板另外一塊跟隨移動。lOnDragDrop:Occurswhenthepanelisdropped（面板拖動結(jié)束時）：當拖拽結(jié)束時觸發(fā)。比如滑動解鎖，面板拖動結(jié)束時根據(jù)滑塊的位置設置相應的效果。本文作者：b樓；轉(zhuǎn)載自：Axure原創(chuàng)教程網(wǎng)Axure教程axure新手入門基礎（4）2013-08-1922:33Nairo分類：原型設計微信二維碼（四）條件生成器在axure原型制作的過程中，很多時候我們需要觸發(fā)一個又一個事件，以交互設計效果展示的需求。在這些事件里

14、我們經(jīng)常需要在滿足某一條件時完成指定的動作。比如：文本框文字為空的時候點擊按鈕無效?；蛘咄蟿觿討B(tài)面板沒到達指定位置退回原位等。這一節(jié)教程我們就講一下，如何使用條件生成器，至于條件的設置，以后結(jié)合相關的案例再逐漸深入。（一）條件邏輯條件生成器是在我們雙擊某一事件打開用例編輯器后才能打開。如截圖里1的位置，藍色的“添加條件”點擊后即打開條件生成器。打開條件生成器后，2的位置有2個選項，一個是“全部”一個是“任何”。全部：是指事件觸發(fā)后必須同時滿足條件生成器里設置的所有條件時才繼續(xù)下一步動作，否則不執(zhí)行任何動作。用白話來舉例：如果個稅滿五年（條件1）并且繳納時間未間斷（條件2）,就能參加搖號（下一步

15、動作）。這個例子舉得好心酸：（。任何：是指事件觸發(fā)后只要滿足條件生成器里的任意一個條件即執(zhí)行下一步動作。用白話舉例：如果連續(xù)5年繳納個稅（條件1）或者連續(xù)60個月繳納社保（條件2）,就可以買房（下一步動作）。尼瑪，心更酸了！（二）可設置的條件可設置的條件是指圖片中3的位置包含的內(nèi)容。分別是：l變量值：軟件內(nèi)自帶了一個變量“onloadvariable”，也可以添加、刪除、重命名變量，管理變量可以從菜單欄左數(shù)第四個（漢化版本的“線框圖”）中的第三項“管理變量”進行上述操作。當然在條件編輯器里選擇變量時最后一項“新建”也可以完成對變量的管理。變量值可以是字母、數(shù)字、特殊字符和漢字或者是它們的任意組

16、合。l變量長度：是指變量值的字符個數(shù)，在axure里一個漢字的長度是1。變量長度的值可以通過axure自帶函數(shù)進行獲取。l元件文字：是指每個元件上面可編輯的文字。不包含：動態(tài)面板、圖片熱區(qū)、垂直線、水平線、內(nèi)部框架、下拉列表、列表框。l元件值長度：僅包含單行和多行文本框、下拉列表和列表框。l選中于：僅適用于單選按鈕和復選框，選中時值為“真”，未選中時值為“假”。l選中項于：僅適用于下拉列表和列表框，通過獲取元件當前值來確定選中狀態(tài)l動態(tài)面板狀態(tài)：動態(tài)面板專用，以獲取事件激發(fā)時動態(tài)面板的狀態(tài)作為判斷條件。l動態(tài)面板可見性：動態(tài)面板專用，以動態(tài)面板顯示或隱藏作為判斷條件。l焦點元件上的文字：即通過

17、鼠標點擊或Tab切換被選中的元件上的文字，比如文本框獲取焦點時，光標在文本框內(nèi)閃動；按鈕獲取焦點時四周會出現(xiàn)虛線。l值：可以是字母、數(shù)字、漢字、符號、函數(shù)、公式；可以直接輸入，或者點擊fx進入編輯。可以設置等于、不等于大于、包含、是、不是等條件。具體使用方法以后結(jié)合案例詳解。l拖放光標：是指拖動動態(tài)面板時光標（鼠標指針）的位置，以拖放光標是否進入某個元件的范圍為條件。l元件范圍：是指元件覆蓋的范圍，以是否觸碰到指定元件為條件。本文作者：b樓；轉(zhuǎn)載自：Axure原創(chuàng)教程網(wǎng)Axure教程axure新手入門基礎（5）2013-08-2610:39Nairo分類：原型設計微信二維碼（五）系統(tǒng)函數(shù)與變量

18、杵向二決立i日kj正當陸亦哮的1第4毋：觸齒嵐昨即加雨刷.黨rVru力OrMoh1、變量的種類：全局變量：可以在整個原型的任意位置調(diào)用和修改。局部變量：僅作用于某一事件的某一動作內(nèi)。自定義變量：自行新建的全局變量。2、axure函數(shù)特殊變量：特殊變量其實是軟件自帶的函數(shù)，就像excel中的函數(shù)一樣，可以調(diào)用獲得一些特定的值。功能：除了運算符之外的三個函數(shù)，可以對變量進行進一步操作以獲取需要的值。比如：截取變量字符串中的某一段或者計算變量字符串的長度。3、特殊變量的使用使用時我們只需要點擊選擇相應的變量或直接輸入變量名稱,再通過不同的表達式就能得到我們要的效果。比如我們想在文本框內(nèi)顯示當前的日期

19、（yy-mm-dd格式），就可以通過下面的表達式實現(xiàn)：Year-Month-Day4、函數(shù)的使用功能中的函數(shù)都是通過“變量名.函數(shù)名（參數(shù)）”來實現(xiàn)：例1:截取變量“頁面名稱”中的前三個字符PageName.substring（0,3）例2:獲取頁面名稱字符的長度PageName.length例3:將變量轉(zhuǎn)換成小數(shù)點后保留兩位的數(shù)值自定義變量名.toFixed（2）5、變量的使用情景1）記錄登錄狀態(tài)；2）顯示編輯框還能輸入多少漢字；3）滾動條的實現(xiàn)；4）根據(jù)不同的變量跳轉(zhuǎn)至不同的頁面N）,太多，就不一一列舉了。簡單說，變量的使用一般程序：添加變量，修改變量值，判斷變量值，根據(jù)不同的值執(zhí)行不同的

20、動作。值得注意的是，在事件中設置在當前頁打開新窗口時，如果同時對變量有操作，記得把變量操作寫在跳轉(zhuǎn)頁面之前，寫在后面變量會不起作用。本文作者：b樓；轉(zhuǎn)載自：Axure原創(chuàng)教程網(wǎng)Axure教程關于Axurerp觸發(fā)事件中IF和ELSEIF的使用說明（6）2013-08-2610:44Nairo分類：原型設計微信二維碼尸=如果ELSEIF=否貝U,如果舉例：事件“天氣變化時”用例1:IFTrue下雨執(zhí)行帶傘用例2:ELSEIF下冰雹執(zhí)行戴鋼盔用例3:ELSEIFTrue執(zhí)行什么都不帶tOriClickT民UnWlGEUMliQ（Ifischeckedofclieckbox-Lequalstrue）

21、十SetisHeckedcfra-dic_buttaneauitofiist鼻iSdbie_boZ（Ifitcheeked&fcheckbox-Lequalstrueandischecksofcheckbox-SEqualstrueJDisablecheck.box-5球3如jbox?（Ifi5checkedofcIieckbox-LequalstrueandischeckfiJofcheckbox-JcquEilstrue）yDisablecheckbox3T民5呼Jbox（Ifischeckedofcheckbox-Lequalsfalse）十Enablecheclkbox-2,check

22、box-3V二seleci_radic*（If祚th專tkg。ofctieckbQ-1wqual$falandi$thEultdofcheckbox-?equalshiseandUcheckedofcheckbox-equalstais呼）ySetischeckedofradiobuttonequaltotrue空Onrus3:OriLostFocbis什么意思呢？在Axure里，默認一個事件中的每個用例都是有關聯(lián)的，是由上至下來執(zhí)行的，上面的示例用白話來說就是：當天氣變化時，如果（IF）是（True）下雨，就帶傘，否則（ELSE如果（IF）是下冰雹，是的話戴鋼盔，否則（ELSE如果（IF）真

23、的（True）不下雨也不下冰雹就什么都不帶。舉例2:事件“檢查性別時”IFTrue男的站左邊IFTrue女的站右邊這個例子是說，如果（IF）真的（True）是男的站左邊，如果（IF）真的（True）是女的站右邊。這里沒有第三種情況了，那就是說只要不符合上面兩種情況，就沒有任何動作。不知道這樣的解說清不清楚，希望大家能夠理解。本文作者：b樓；轉(zhuǎn)載自：Axure原創(chuàng)教程網(wǎng)Axure教程axure元件使用思路的補充（7）2013-09-0910:46Nairo分類：原型設計微信二維碼我們曾經(jīng)對axure線框圖基本元件進行過說明，現(xiàn)結(jié)合這我對這些元件的使用習慣，對部分元件的使用，再做一些補充。T=本，

24、讓文本文字等于變量值，這樣就能一目了然的看到是不是因為變量值不正確出的錯。圖戶典廣受暹文本占位符就忠面8;史）肉圖庫型1、文本施（罩下拉列表行）列表看禁草（黑向）旃；橫向）上南三度PHONE遙屏IPHOhEdftP著口糖（苜遍）丸*r十害碼雁（高蛆1連錄酉友圖片：可以編輯懸停、按下時候顯示不同的圖片，做圖片的一些特殊效果。2、文本（lable）:這個元件到處都能用得到，這個元件是可以通水平線注冊廊假過事件觸發(fā)改變元件文字的，可以通過全局變量，實現(xiàn)如登陸前后不同的文字提示效果。對我來說這個元件還有一個用處就是除錯,因為axure沒有調(diào)試器，所以當因為變量值出現(xiàn)問題導致交互效果無法出現(xiàn)的時候，我通

25、常會在調(diào)用變量時順便加上一個動作，拖進去一個文3、矩形：這個也是最常用的axure元件之一，常見的使用方式我就不說了，我對矩形的使用，我通常是把矩形拖進編輯區(qū)然后根據(jù)需要調(diào)整好大小，再轉(zhuǎn)換成動態(tài)面板，這樣做比拖入動態(tài)面板-調(diào)整大小-雙擊狀態(tài)-拖入矩形-調(diào)整大小，要省很多的事?？赡芎芏嗳硕歼@么用，但是我覺得還是有必要講出來，讓新手少走些彎路。4、占位符：除了懶得找廣告圖片，用它來表示廣告位之外基本很少用，不過我倒是經(jīng)常把它縮小做關閉按鈕使用。5、圓角矩形：不知道為什么axure單獨有個這個，我已經(jīng)把它在我做的小樓axure元件庫1.0中淘汰了，因為我把矩形改成了默認能夠直接編輯圓角的。6、動態(tài)面

26、板：教程里各種各樣的用法太多，就不說了。不過有一個我沒有講過，就是函數(shù)里的DragTime,這個函數(shù)能獲取拖動面板的時長，精確到毫秒，這個功能在移動端原型里應該有很大作用，因為我很少接觸，所以沒有怎么用。不過我用這個函數(shù)的特點，做了一個隨機骰子，實現(xiàn)了猜大小的游戲，有興趣的話去小樓元件里下載參考一下。7、圖片熱區(qū)：基本上不用，用的時候基本功能也可以用透明矩形來代替。之前沒有提到是的，圖片熱區(qū)能夠作為錨記，通過對其他元件設定滾動事件返回到錨記，比如一些網(wǎng)站頁面較長，一般在右側(cè)下部有一個點一下就回到頁面開始部位的功能，這個博客就有這個功能8、文本框（單行）：真心希望axure能加上文本框驗證的設置

27、，這樣就省很多事。感覺對密碼框的支持還不夠，不能通過事件觸發(fā)的讓輸入的字符變成隱式的。9、復選框：這個難度大一些的用法，就是像全選、反選、勾選計數(shù)，這些效果，基本上是苦力活。10、內(nèi)部框架：web端使用最多的是后臺設計或者選項卡的實現(xiàn)（會有刷新，不如動態(tài)面板的好），但是在移動端，這個axure元件的作用就很大了，把它在主頁拖動到手機外殼圖片上并設置好大小覆蓋整個屏幕，再雙擊指定一個頁面作為框架內(nèi)的主頁，就能像設計網(wǎng)站一樣，方便的實現(xiàn)手機屏幕上的多種效果。本文作者：b樓；轉(zhuǎn)載自：Axure原創(chuàng)教程網(wǎng)Axure教程帶遮罩層的彈出框（9）2013-09-0912:01Nairo分類：原型設計微信二維

28、碼示例原型下載：小樓Axure原創(chuàng)元件-帶遮罩層的彈出框?qū)崿F(xiàn)目標：1、 點擊按鈕彈出帶遮罩層的對話框；2、 頁面上下左右滾動時，彈出的對話框水平和垂直始終居中。實現(xiàn)步驟如下:1、拖入編輯區(qū)2個矩形，并點右鍵一轉(zhuǎn)換一轉(zhuǎn)換為動態(tài)面板;2、雙擊其中一個動態(tài)面板設置標簽為“遮罩層”（看個人喜好隨便命名），并雙擊狀態(tài)1進入編輯;3、點擊狀態(tài)1里面的矩形，設置大小與網(wǎng)站頁面大小相同，以便完全遮蓋；然后，設置矩形邊框為“無”；最后設置填充色的透明度為50%（看個人喜好），并選擇填充色為灰色（看個人喜好）；&E-B4、關閉狀態(tài)1編輯頁面，選擇另外一個動態(tài)面板，按照第2步命名并進入編輯;5、設置里面的矩形為合適

29、大小，并拖入一個按鈕（或者矩形/文本面板）作為關閉按鈕；設置按鈕onclick事件為隱藏遮罩層和當前編輯的這個動態(tài)面板；1累圍周跳口|k班*rr,典MPBdES：唯TT；，至rT4MfS：F?W理CLjriFi*3.1一9hQcnrri與9ra匯）3iwfafFi匚KJbO1題齊01行審（Q1_.臉間詼的T-i酒ft*-JL6、關閉當前的編輯頁面，再次選擇作為對話框的這個面板一右鍵一編輯選項一固定到瀏覽器，；tf-q由再工：=：，等畫加站+H|.，%加7、勾選固定到瀏覽器窗口，水平和垂直都選擇居中，并勾選“保持在前面”；/提考科房黨K值應訴法剎制受盟茂明同品動兇3目司司的代F洋政星曰通用于H手卜哀M；r掠茸號I求領金4Qce.B13題0J年4二京以謝干等手；8、拖入一個按鈕（或者矩形/文本面板）到編輯區(qū)，雙擊輸入