最近已經(jīng)上傳完畢!
這篇網(wǎng)頁是為了 Balsamiq Mockups 3 而上傳的。原來的文件您可以點(diǎn)擊這里來觀看。
許多 Mockups UI 控件,像按鈕、標(biāo)簽或者數(shù)據(jù)網(wǎng)格,里面都包含文本。雙擊控件并輸入內(nèi)容來修改文本?;蛘?,如果你選中了控件,只需按一下回車或者 F2 就可以開始編輯了。單擊除了你輸入內(nèi)容的文本框之外的任何一個(gè)地方或者按回車或 CTRL + 回車都可以保存編輯。如果你想要放棄對文字的更改,按 Esc 鍵即可。
有些控件使用某一字符作為分隔符。例如,在標(biāo)簽欄創(chuàng)建多個(gè)標(biāo)簽,你可以用逗號分隔它們。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/FirstMockup-tabs_edit.png" alt="FirstMockup-tabs_edit.png" />
或者,在 Tag Cloud 控件中使用一個(gè)空格字符來分隔標(biāo)簽。一些其它控件,比如樹,使用其它字符。在這樣的情況下,控件的默認(rèn)文本包含了如何使用它的說明。
在編輯 Label 或 Paragraph 控件時(shí),你會發(fā)現(xiàn)在編輯框的右下角有一個(gè)小數(shù)字。這是字符數(shù),這在書寫文案或其它情況下很有用。
你可以使用下列符號來格式化你的標(biāo)簽文本的某一部分。
上述所有的語法作用的文字必須用空格分開,而且下劃線作用單位為單詞。
注釋:
- 上面的 #FF0000 是 HEX 格式的顏色,與 HTML 中一樣。宏可以有 # 號,也可以沒有。你也可以使用確切的顏色名(例如 green , yellow 等),你可以移動鼠標(biāo)到 Property Inspector 上的調(diào)色板來找到它們的名字。
- 看下一個(gè)小節(jié)來了解如何將[鏈接文本]轉(zhuǎn)變成具有跳轉(zhuǎn)至網(wǎng)站或者其它 mockups 的功能。
- 這些格式化語法同樣作用于輸入到注釋面板上的文本,除了斜體和刪除線。
這有一個(gè)截圖顯示了上述文本在 Paragraph 控件中的樣子,例如:
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/italiclinksbold.png" alt="italiclinksbold.png" />
快捷方式幾乎在任何更直觀的地方都能見到,你可以組合使用上述語法,就出現(xiàn)了斜體加下劃線的字,[_this_] 或者 [this]。
一些控件像 Paragraph 或 Label 允許你經(jīng)過屬性檢視視圖選擇不加粗。如果你那么做了,那么*加粗字*還會保持加粗。一些控件默認(rèn)使用加粗字體,所以在那些控件中使用加粗字體不會用任何變化。
如果你需要使用特殊的格式字符作為實(shí)際字符顯示,你需要將 , _, -, [ 和 ] 替換為 \, _, -, [ 和 ],所以如果你想要顯示 "this [is] some text" 并且不想讓 "is" 變成一個(gè)連接的話,就需要輸入 "this [is] some text"。
大多數(shù)控件允許你插入換行符使光標(biāo)從這一行跳轉(zhuǎn)到下一行。你可以通過在新一行的內(nèi)容前加 \r 來實(shí)現(xiàn)??聪旅娴囊粋€(gè)例子,換行符使用在單選按鈕組的第二個(gè)元素上。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/linebreak.png" alt="linebreak.png" />
在一個(gè)段落控件中,你可以通過以連字符或者星號加空格開頭來創(chuàng)建一個(gè)項(xiàng)目符號列表。
\* item1
\* item2
\- item3
\- item4
如果你使用了上述的鏈接符號(比如,[這是一個(gè)鏈接]),你可以通過 markdown 語法使鏈接格式文本成為一個(gè)真正的鏈接。
將鏈接地址放在括號里寫在鏈接文本的后面就可以實(shí)現(xiàn)功能了。鏈接地址可以是 URL,也可以是在相同目錄下另一個(gè) mockup 的名字。下面的這些形式都是有效的。
網(wǎng)站地址:
[Balsamiq Website](balsamiq.com)
[Balsamiq Website](www.balsamiq.com)
[Balsamiq Website](http://www.balsamiq.com)
[Balsamiq Website](http://balsamiq.com)
同一項(xiàng)目中的 Mockups :
[Features Page](features)
使用這一方法添加鏈接會使它們在屬性檢視視圖中也顯示出來,如下圖所示。
文本:
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/bracket_links-edit.png" alt="bracket_links-edit.png" />
結(jié)果:
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/bracket_links.png" alt="bracket_links.png" />
你可以鏈接整個(gè)控件中的指定字符串。
注釋:如果整個(gè)控件被鏈接了,文本鏈接會失效。如果整個(gè)控件后來被釋放鏈接,那么之前的文本鏈接又會回來。
在 Paragraph 或 Text Area 輸入 lorem 來使用我們的 Lorem Ipsum 發(fā)生器。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/lorem.gif" alt="lorem.gif" />
在 Label, Text, Title 或者 Subtitle 控件中輸入 {mockup-name} (所有小寫字母) 會顯示當(dāng)前 mockup 的名字。