Balsamiq Mockups 小技巧
很喜歡有點Wiki風范的Balsamiq Mockups,這里列出一些小技巧。 Grid *號表示加粗,_表示斜體,[]表示鏈接,[X]表示復選框,(X)表示單選框(或者寫成[*]、(*)也可以)。效果如下: 文本如下: Name,LastName,Age,Nickname,Kid * 加粗 * ,Guilizzoni, 33 ,Peld
很喜歡有點Wiki風范的Balsamiq Mockups,這里列出一些小技巧。
Grid
“*”號表示加粗,“_”表示斜體,“[]”表示鏈接,“[X]”表示復選框,“(X)”表示單選框(或者寫成[*]、(*)也可以)。效果如下:
文本如下:
Name, Last Name, Age, Nickname, Kid
*加粗*, Guilizzoni, 33, Peldi, []
_斜體_, Guilizzoni, 3, The Guids, [x]
[鏈接], Maclachlan, 34, Patata, (*)
Label 生成器
Grid可以用一段Wiki風格的文本來搞定,很爽。但是Label就得一個一個地拖放到編輯器里面,再一個一個地輸入文本,很麻煩。所以很希望能夠使用代碼生成器生成Label控件。好在這款軟件的文件是以XML格式保存的,而且十分體貼地提供了 Export Mockups... 和 Import Mockups... 功能(在 Mockup菜單里)。
新建一個空白文件,放置一個Label控件,然后執行 Export Mockups... ,再在文本編輯器里面執行粘貼操作,可以看到如下XML標記:
<mockup version="1.0" skin="sketch" measuredW="188" measuredH="116">
<controls>
<control controlID="0" controlTypeID="com.balsamiq.mockups::Label" x="152" y="84" w="-1" h="-1" measuredW="26" measuredH="22" zOrder="0" locked="false" isInGroup="-1">
<controlProperties>
<text>aaa</text>
</controlProperties>
</control>
</controls>
</mockup>
我們只要想辦法生成符合要求的 標記,然后放置到 標記里面,再把整段 XML Import到一個空Mockup文件里面就行了。我是用的Excel作為代碼生成器,可以下載我的文件作為參考:Mockup-Label.rar
總結
以上是生活随笔為你收集整理的Balsamiq Mockups 小技巧的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【Android 修炼手册】常用技术篇
- 下一篇: 16位汇编第八讲指令第四讲