Skip to main content

[Mac app] 開啟 Mac OSX 中自帶的 Color Picker 並加上 HexColorPicker 功能

參考出處：Mac — Adding Hex Color Picker to Color Picker

Mac app store 上有很多 Color Picker app，差不多 98% 都是需要付費，而這個小工具恰恰是開發中不可缺少一個東西。其實 Mac OSX 中就有自帶一個 ColorPicker，秉持著 DIY 的精神，用幾個小步驟就可以組合出顯示 Hex 色碼的 ColorPicker.app。

Mac 系統需求：10.4 and up

開啟  應用程式 / 工具程式 / AppleScript 編寫程式.app

編輯視窗中寫入:
choose color


接著儲存為 「ColorPicker.app」檔案格式選擇「應用程式」。



執行剛剛完成的 ColorPicker.app ，基本的 Mac 自帶顏色選擇器小工具就完成了。

接下來為了讓它更符合開發所需，必須要能顯示十六進位的網頁用色碼，所以要加裝一個小工具：Hex Color Picker (請抱持著感恩的心，感謝作者的分享）

下載你所需要的版本後解壓會看到 HexColorPicker.colorPicker
接著打開 Finder 的下拉式功能表 / 前往 / 前往檔案夾
鍵入文字：

~/Library

Finder 會開啟 使用者 / your name / 資源庫 檔案夾，將 HexColorPicker.colorPicker 拖曳到 ColorPickers 檔案夾中（無此檔案夾的話請自行建立）。再執行剛剛做好的 ColorPicker.app，就可以看到 hex color code 已經內建完成。


最後，因為 AppleScript 製作出的 app icon 實在太一般，怎麼樣也要多花個三分鐘將它改頭換面一番。


先求救 Google 大神，請它賜給你一個漂亮的 icon 圖片（這段請隨意）
挑一個順眼的圖片後，到免費的 image to icon 格式轉檔網站：

http://iconverticons.com/online/

上傳你挑選好的圖片點選 convert ，完成後下載 Mac OSX icon .icns

最後一個步驟，打開 Finder ，找到你剛剛做好的 ColorPicker.app 點選滑鼠右鍵 / 簡介
將圖片拖曳到如下圖紅色箭頭所標小圖上，置換 icon 就是這麼簡單。

完成！


Labels:

Comments

Post a Comment

Popular posts from this blog

[Flex] PureMVC standard with Spring extensions

由於上次稍微玩了一下 Robotlegs 依賴注入（DI） 主導的 MVC 框架，而著名也使用依賴注入的 Java / Java EE 的 Spring framework 出了 for ActionScript 的版本，剛好在最近 Spring ActionScript 1.0 正式 release 了（想了解 Spring 是啥咪東東的話請自行找 google 大神），這個版本除了基本框架外，也包含了 Cairngorm 與 PureMVC 的外掛...想當然耳，就拿來測試一下用在 PureMVC 內的感覺囉!! 參考了 官方範例 中 PureMVC 唯二的範例原始檔，以下使用的是「設定檔依賴注入 facade 透過 addConfigSource() 的方式來 init 」：(其實除了 embed 外，都是外部載入) Online Demo with source code 工作環境：FlashBuilder, Flex SDK4 請下載 PureMVC Standard 版本 再下載 Spring ActionScript 最新版本後，除了 spring-actionscript-cairngorm 不需要外，都放到 /src 下（記得只需要 org 開始...)，也別忘了lib 內的 swc 檔 copy 到 /libs 下 Spring 的 injection 並不像 Robotlegs 直接來個 [Inject] metadata 的自動化那樣方便，但是其冷血度（檔案的鬆偶程度）更勝後者！如果你要使用設定檔（applicationContext.xml) 來做注入的話，準備工作就挺多的...XD 依照 applicationContext.xml 內設定的方式分別寫入 constructor 或者是 setter 依賴注入（本範例統一使用 setter injection) 為了跟大家都沒關係所以都使用 interface 來處理，所以你會在範例中發現大家都有介面...(並沒有真的研究過 Spring，也許還有其他作法) 準備 compiler 時候要用的 classe。由於在 setter, getter 的寫法上都使用 interface，所以真正用到的 class 需要預先在輸出階段就打包到程式內。 基本上 PureMVC 類 class
2 comments
Read more

PureMVC 我也會 [0]

最近感覺 PureMVC 又熱了起來，也剛好好久沒有更新文章了， 就順便將去年底做的企業內訓 PureMVC 課程部分整理寫出來， 要講 PureMVC 當然要先從啥是 MVC 講起： Model-View-Control 出處： 維基百科 MVC ，大概節錄一段： （控制器Controller）- 負責轉發請求，對請求進行處理。 （檢視View） - 介面設計人員進行圖形介面設計。 （模型Model） - 程式設計師編寫程式應有的功能（實作算法等等）、數據庫專家進行資料管理和數據庫設計(可以實作具體的功能)。 其實到 Flash 的世界來講，Model and Control 都是由 .as 處理，而 View 便是 .fla+.as ，為了要鬆綁之間的關係，Event 機制就相當重要。其實每個人對 MVC 的最佳解釋都不同，真的要多練習才會有所領悟。 簡單來說： Model = 餐廳廚房 data: 西餐類 action：依照點菜單做餐點 action: 做完餐點就是將餐點放在出菜口按下通知鈴等服務生來 Control ＝ 服務生 action: 聽到大門歡迎鈴就要說「歡迎光臨」 action: 看到客人揮揮手要去收點菜單 action: 聽到廚房通知鈴看是哪桌的餐點去送菜 View = 餐廳外場 view: 田園式的西餐廳裝潢 action: 客人進門會有歡迎鈴 action: 客人揮揮手叫服務生過來服務，是哪個服務生都無所謂，重點只要會收點菜就行了。 action: 客人收到餐點準備開動 當餐廳要改成外炒店，這時候只需要將大廚換成會中餐廚師，其出的菜就是中式快炒。 當餐廳外場由田園式外觀重新裝潢成華麗感夜店風，其進門的客層也會有所不同。 重點就是當你換掉一個地方時，對其它的部份不會造成太大的影響或者根本無所謂，這就是 MVC 所講求的境界... 一般來說，小專案有沒有必要使用 MVC 就是由各位自己判斷了，當你習慣將程式切分開來，發現 debug 不是一件痛苦的事情時，這時候有沒有強制使用 MVC 倒不是重點，因為你已經養成良好的撰寫習慣。但是開始接觸大型專案配合 team work 時，在沒有一個共用的核心框架前提下，這個專案開發到最後一定會是一個多手多腳的怪物，共用核心框架的價值就在這邊展現，這
4 comments
Read more