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

[Swift3] weak 與 unowned 關鍵字

雖然在 Swift 中看起來"很像"是不需要煩惱內存管理的問題，不過實際上它還是遵循著自動引用計數 (ARC) 的規則，當一個物件沒有被其他對象引用時會自動被銷毀，如果三魂七魄沒有完全回位的話，就會有個靈體留在現世的空間裡，最經典的範例如下： 閉包(Closure)引用 classClassA { typealias Complete = ()->() var name : String var onComplete : Complete? init(_ name: String){ self.name = name print("Hello I am \(self.name)") onComplete = { print("\(self.name): onComplete!") // --> 閉包引用 self, 計數 + 1 } } deinit { print("deinit: \(self.name)") } } var a : ClassA? = ClassA("A") // --> 引用計數 + 1 a = nil // 2-1 = 1 還剩下 1 所以沒辦法銷毀 ---output------- Hello I am A 由於這邊的 onComplete 宣告為 Optional, 正確的做法要連同 onComplete 一起刪除才可以被回收，若不是 Optional 則會進入無法回收狀態： var b : ClassA? = ClassA("B") b?.onComplete = nil // --> 還好是 Optional 可以設成 nil 計數 - 1 b = nil // 計數 = 0 所以被回收 ---output------- Hello I am B deinit: B 但是做人不需要煩惱太多，這時候就出動 unowned 關鍵字讓物件可以順利被回收： onComplete = { [unowned self] in print...
4 comments
Read more

PureMVC 我也會 [6]

Mediator ViewComponents 與 pureMVC 架構的中介 監聽並反應 View Component 發出的 Event 可以發送與接收 Notification 儘量少操作 Proxy 公開方法，多用 sendNotification... Mediator design pattern 要多認識這個 Mediator 設計模式的話，請自行看連結說明啊! 簡單來講，假使有一個 View 裡面有好幾個 MovieClip 組成，而這些 MovieClip 會互相影響對方...這個情況在 Flash 中，通常都會變成下圖： MovieClip 直接控制其他 MovieClip 搞到整個關係很複雜...換一個元件簡直是災難。 加入 Mediator 後，示意圖就會變成： 這樣，所有的 MovieClip 都透過 Mediator 來跟其他 MovieClip 溝通，當某一個 MovieClip 替換成別的元件，這時候也只需要修改 Mediator 中的引用即可，是不是變得很乾淨？如果同一組 MovieClip 有另外一個操作模式，也只需要替換掉 Mediator 即可！天下太平啊~~~ 而 PureMVC 中就是利用 Mediator class 為與前端 ViewComponent 的中介，這樣可以切開 ViewComponent 與 PureMVC framework 的關係，不管你前端介面使用 Flash or Flex 製作都跟程式核心無關。 所以 ViewComponent 製作時只需要兩個原則，一把所有的請求都以 Event 送出由 Mediator 處理，二提供公開方法， Mediator 只需要監聽 View 的 Event，將收到的資訊透過公開方法喂進 ViewComponent 即可。 如在 ViewComponent 中： public function setList( result:Object ):void{ list.dataProvider = result as ArrayCollection; } //然後在按下取得資料的按鈕 Click action 寫上： dispatchEvent( new Event( "GET_LIST" )); 新建 Mediator 的時候一樣有幾個重點方...
Post a Comment
Read more