TSColorPicker是觸動(dòng)精靈官方推出的一款取色工具,軟件具有快捷抓點(diǎn)、一鍵生成代碼、遠(yuǎn)程抓屏等功能,可以與觸動(dòng)精靈或幫你玩配套使用以輔助開發(fā)。推薦有需要的用戶下載使用。
界面介紹:
快捷工具欄
打開一張圖片,快捷鍵 Ctrl + O
新建一張空白圖片或腳本,快捷鍵 Ctrl + N
保存當(dāng)前圖片,快捷鍵 Ctrl + S
粘貼,將剪切板中的圖片復(fù)制到當(dāng)前圖片中,快捷鍵Ctrl + V
將視圖放大,此操作只是便于開發(fā)者試看、抓取顏色,并不會(huì)改變圖片
還原視圖,在改變過視圖大小的情況下,可以通過這個(gè)功能快速將比例設(shè)為 1 : 1
將視圖縮小,此操作只是便于開發(fā)者試看、抓取顏色,并不會(huì)改變圖片
將圖片上下翻轉(zhuǎn),此操作會(huì)改變圖片,請(qǐng)謹(jǐn)慎使用!
將圖片鏡像翻轉(zhuǎn),此操作會(huì)改變圖片,請(qǐng)謹(jǐn)慎使用!
將圖片左旋轉(zhuǎn)90°,快捷鍵 K ,此操作會(huì)改變圖片,請(qǐng)謹(jǐn)慎使用!
將圖片右旋轉(zhuǎn)90°,快捷鍵 J ,此操作會(huì)改變圖片,請(qǐng)謹(jǐn)慎使用!
移動(dòng),此操作會(huì)將光標(biāo)改變,使得您可以拖動(dòng)圖片。
放大鏡,可以定向放大光標(biāo)所在區(qū)域,此操作只是便于開發(fā)者試看、抓取顏色,并不會(huì)改變圖片。
取色面板,此操作可以打開取色面板,快捷鍵 Ctrl + R ,取色面板詳細(xì)介紹見上文。
使用方法:
打開圖片
在【文件】中找到打開功能,或者使用快捷鍵 Ctrl + O
選中你需要的圖片
按下【打開(O)】按鈕,你就打開你所需要取色的圖片了。
視察顏色值與坐標(biāo)
在抓色器中,打開的圖片,默認(rèn)是以home鍵向下的方式定義的坐標(biāo)
打開圖片后,隨抓色器在左下角就會(huì)顯示該點(diǎn)的坐標(biāo),十六進(jìn)制顏色值與該點(diǎn)RGB值,如下圖的紅框中所顯示。
取色
打開取色面板
視察過顏色之后,如果我們需要抓取顏色值,我們可以打開取色面板。
打開【窗口】菜單,選中打開取色面板,當(dāng)然也可以 Crtl + R 快捷鍵打開
取色面板如果所示
取色面板的詳細(xì)介紹
色值列表
上圖是色值列表,使用數(shù)值鍵 0,1,2,3,4,5,6,7,8,9 會(huì)在對(duì)應(yīng)的地方生成該點(diǎn)的顏色值,重復(fù)使用同一數(shù)字鍵會(huì)覆蓋之前的色值,當(dāng)然,也可以使用回車鍵或者使用 Ctrl + 鼠標(biāo)左鍵單擊 快速取色;可以使用鼠標(biāo)左鍵單擊清除鍵去除對(duì)應(yīng)的顏色值,也可以使用快捷鍵 Shift + 對(duì)應(yīng)的數(shù)字 清除顏色;取色后會(huì)默認(rèn)將所取所有顏色寫入剪切板,如果僅需要一個(gè)點(diǎn)的顏色可以使用鼠標(biāo)單擊復(fù)制鍵會(huì)將當(dāng)前顏色保存至剪切板,注意,所有取色操作都會(huì)覆蓋系統(tǒng)剪切板中的內(nèi)容,請(qǐng)做好心理準(zhǔn)備!
功能面板
這是色值功能面板,通過這里,你可以清除所有的顏色值(不會(huì)清除剪切板�。淇旖萱I為 Z ,也可以通過生成腳本(快捷鍵 F )生成的腳本默認(rèn)為點(diǎn)表,多點(diǎn)找色(以第一個(gè)顏色為主色)和判斷顏色(isColor)。也可以自定義,自定義的方法將會(huì)在后面介紹。
放大鏡
這是放大鏡面板,通過這個(gè)面板你可以將鼠標(biāo)所在位置上下左右延伸8個(gè)像素,分別獲取其放大后的顏色,你也可以通過單擊網(wǎng)格來使得這個(gè)區(qū)域不被網(wǎng)格劃分。
不被網(wǎng)格劃分視覺圖(不推薦�。�
坐標(biāo)緩存區(qū)
這里是緩存區(qū),可以緩存四個(gè)坐標(biāo),其中 A、S 為默認(rèn)的生成腳本中的區(qū)域, X、C 為自定義模式中可能會(huì)遇到的點(diǎn),在默認(rèn)模式中,這兩個(gè)點(diǎn)不會(huì)被調(diào)用。 A、S 兩點(diǎn)可以通過對(duì)應(yīng)快捷鍵獲取
當(dāng)然,也可以通過在圖像界面 按下Shift后鼠標(biāo)左鍵拖動(dòng) (上圖所示) 形成一個(gè)矩形區(qū)域,此時(shí),矩形左上角為 A,右下角為S
定位像素
你可以通過移動(dòng)鼠標(biāo)來改變當(dāng)前點(diǎn),也可以通過方向鍵來以1像素步長(zhǎng)移動(dòng),或者以 Ctrl + 方向鍵 以10像素步長(zhǎng)移動(dòng),亦或是通過 Shift + 方向鍵 以100像素步長(zhǎng)移動(dòng)。
更新日志:
抓色器 1.7.2-1 版更新內(nèi)容:
* 修正區(qū)域截圖位置偏差問題
抓色器 1.7.2 版更新內(nèi)容:
* 新增截取區(qū)域圖片功能(Shift + 鼠標(biāo)左鍵框選->復(fù)制->粘貼)
抓色器 1.7.1-1 版更新內(nèi)容:
* 修正默認(rèn)端口是 22 的問題,并禁止設(shè)置端口為 22
抓色器 1.7.1 版更新內(nèi)容:
* 修正保存文件彈出文件擴(kuò)展名選擇時(shí)出現(xiàn)亂碼的問題
* 修正遠(yuǎn)程執(zhí)行腳本會(huì)殘留一個(gè)臨時(shí)文件的問題
* 新增遠(yuǎn)程 注銷/重啟 指令確認(rèn)對(duì)話框
* 新增自定義遠(yuǎn)程抓色端口選項(xiàng)
* 新增一個(gè)詳細(xì)的在線圖文教程