Tag Archives: ionic

Ionic Icon front Free – 免費的 Ionic Icon font ionicons.com

今天為自己寫了一個筆記..
方便自己在開發用Ionic Framework寫的 Mobile Applications
時加 icon / button icon

像我這一類的沒有藝術感/美感的 developer..
找到些Bootstrap / icon / graphic pack 或容易用的framework來解決手機程式介面設計十分重要
很多時候我的程式開發停滯完成不了..主要是因為想不到怎樣完成UI/UX

今天和大家介紹的這個一網頁..他有很多的Icon Font
Ionicons
http://ionicons.com/
Ionicons.com

當大家開始寫Ionic時..這些Icon font已經包含在你的Project上
但是怎樣知道怎樣可以apply 這些Icon font

使用方法十分簡單
我們只需要在 HTML/Ionic tag上加上相對的CSS Class 便可以
E.G.
如果我想在我程式上的 Button 加上一個 volume的 icon 我可以 用以下的Mark up

  <button class="button button-balanced icon ion-volume-high"></button>

怎樣知道那個Icon Font的CSS Class是什麼?
http://ionicons.com/
當大家進入了網頁之後..
只需要選擇想使用的Icon之後他便會顯示相對的CSS Class 名稱..
Font Icon for Ionic Framework Application

Hope you find it useful

Useful command for Android Development 1 – 一些有用的在開發Android程式時幾有用的指令筆記

最近多了開發Android程式..
發現有很多時候..有一些幾長的指令..
常常在準備發佈
一些有用的 android development command 記下便可以在這裡複製了..
不用自己打 =)

發現做程式開發很多時候都需要sign key

以下便是建立 Sign Key的 指令..
只是把 [ 的內容/名字 ]更變了便可以用來Generate 自己的Sign key

我通常會把我的key 方在同一個地方上..方便搵
E.g

D:\Ionic\SampleProject\keystores

之後便用command prompt 開啟這個資料夾..

keytool -genkey -v -keystore [my-release-key.keystore/你的Release Key的名.keystore] -alias [alias_name/別名] -keyalg RSA -keysize 2048 -validity 10000

然後輸入以下指令
e.g.

keytool -genkey -v -keystore SharechiwaiDemoReleaseKey.keystore -alias ShareChiWaiDemoReleaseKey -keyalg RSA -keysize 2048 -validity 10000

之後便會要求你輸入一個密碼給這個keystore
Keytools - Generate Key Step 1

完成後會叫你輸入一些資料給這個keystore e.g. 你的名稱/ 公司名和地區等等

之後會叫你確認之前輸入的資料
如果沒有問題的話..輸入”yes
Keytools Confirm Key Information

他會再叫你輸入一個新的密碼 給這個 key
如果想使用和keystore一樣的密碼..可以按”Enter
keytools - confirm key password

之後便完成了 Generate Release Key 這個動作了

keystore file
Hope you find it useful