該為你的Android Studio 打造一個炫酷的個性化主題了

依然範特稀西發表於2017-04-09

一 、前言

Android Studio 為我們內建了兩款主題,黑色灰暗風格和白色高亮風格。剛從Eclipse 轉到 Android Studio 那會兒,覺得很新鮮效果非常好,感覺敲程式碼都有勁。但是用的時間久了,感覺有點審美疲勞了。前幾天用馬克飛象寫文章的時候,感覺在馬克飛象上面的程式碼呈現效果非常贊(效果如下圖),於是就想著能不能在Android Studio 上運用上這個效果。經過一翻探索,有幾種方式都可以換上一些比較炫酷的主題,這篇文章就介紹一些這些花式換主題的方式。

該為你的Android Studio 打造一個炫酷的個性化主題了
馬克飛象展示效果.png

二 、在Android Studio 的設定中手動替換

方式一:在Android Studio 的設定中手動替換

這是一種比較比較容易想到的方式,前面說過,Android Studio 內建了2兩個主題,黑色灰暗主題,白色高亮主題。大多數的人可能都換過。每個主題的程式碼呈現風格是不一樣的,除了切換這兩個之外,我們是可以自定義的,一起來看一下:
1,進入設定頁面的Colors & Fonts 下:Preferences -> Editer -> Colors & Fonts -> Java
如下圖:

該為你的Android Studio 打造一個炫酷的個性化主題了
設定中更改主題.png

2, 點選 Save As 拷貝一份 名為Darcula Copy2(我們拷貝上面修改),在Scheme 這一項選中Darcula Copy2。
3,Scheme 下面有一個列表,如:Annotation、Class Fileds、Class And Interfaces 等等。點選一個專案,然後就可以在右側修改對應顯示的顏色了。

舉個例子:修改類的常量的顏色,
(1)首先,選中列表中的Constant(static final filed)
(2)然後,去掉 Use inherited attributes 勾選
(3)選中 Foreground 選項,修改後面的色值,修改後可以在下面動態顯示你所修改的展示效果。
(4)重複(3)中的步驟,為每一項更改成你你想要的顏色。

該為你的Android Studio 打造一個炫酷的個性化主題了
更改主題重要步驟.png

通過上面的步驟,我們就可以自定義一個風格主題了,但是,要弄出一個看著舒服的主題,就要看自己的顏色搭配了,可能需要先把每種需要的顏色選出來,然後再一項一項的修改(就像我在文章開頭說的,想要弄和馬克飛象展示程式碼一樣的風格,那麼需要把對應的色值取下來,然後每一項對應修改),很花時間。因此我們需要尋找其他方案。

三 、Color Themes

方式二:使用 Colors Themes 提供的的主題模版 :

方式一雖然能夠定製個性話的主題,但是很麻煩,那麼有更簡單的方法嗎?Google 了一下,果然有驚喜,那就是這個網站 Color Theme ,網址Color Themes,上面提供了很多模版,選擇一個你喜歡的下載,下載下來是一個jar 包,匯入Android Studio 就可以使用了。看一下Color Themes 提供的這些主題模版:

該為你的Android Studio 打造一個炫酷的個性化主題了
Colors Themes 效果1.png

該為你的Android Studio 打造一個炫酷的個性化主題了
Colors Themes 效果2.png

該為你的Android Studio 打造一個炫酷的個性化主題了
Colors Themes 效果3.png

上面這是少部分截圖,有太多的主題,有興趣的自己去看一下,總有一款適合你。
使用方式如下:
(1) 找到你喜歡的主題模版,點選右下角的下載按鈕,進入如下圖:

該為你的Android Studio 打造一個炫酷的個性化主題了
Colors Themes 下載.png

點選上圖中的綠色的按鈕下載。
(2)下載下來是一個很小的 Jar包,我們直接包jar包匯入Android Studio 。在Android Studio 上 點選 File -> Import Settings ,選擇中下載的jar 包,來到如下介面:

該為你的Android Studio 打造一個炫酷的個性化主題了
Colors Themes 匯入設定.png

(3)如上圖,點選確認,會提示重啟Android Studio ,點選OK 重啟Android Studio 就好。

(4)重啟之後,主題就已經應用上了,如下圖:

該為你的Android Studio 打造一個炫酷的個性化主題了
最終效果.png

好了,通過上面幾步就可以了,效果是不是很贊!!! ,Color Themes 上面有很多主題模版,你自己去挑選就好了。

四 、Material Theme UI

方式三:使用 Material Theme UI 外掛主題:
通過方式二,就能為Android Studio 應用一個自己喜歡的個性化主題,但是有一個缺點:這些主題只更改了程式碼編輯區域,左邊的包結構區域和選單欄還是和原來是一樣的,看起來和整體風格好像不是很搭,那麼有沒有可以使整個AS的風格都改變的主題呢?通過Google ,找到了Material Theme UI,原文地址Making Android Studio pretty,Material Theme UI 是一個Android Studio 外掛,它提供了三種主題供選擇,效果非常不錯,更讚的是,它連除了程式碼區域之外的風格也改變了,應用了Material Theme UI 主題的效果圖如下:

該為你的Android Studio 打造一個炫酷的個性化主題了
Material Theme UI 效果.png

注意看紅框區域(程式碼編輯區域)以外的部分。

Material Theme UI 主題的應用方式如下:

(1)開啟 Settings/Preferences 對話方塊 (OSX/Unix: ⌘+,
, Windows: Ctrl+Alt+S
)
(2)在左邊的皮膚中選擇 Plugins.
(3)點選 Browse repositories… 並搜尋 Material Theme UI

(4)點選 Install plugin 安裝外掛
(5)在設定對話方塊上點選OK 並且重啟Android Studio。

最終的整體風格如下圖:

該為你的Android Studio 打造一個炫酷的個性化主題了
最終效果圖.png

最終的效果如上圖所示,整體風格是不是更搭一點。

另外:Material Theme UI 和 Color Themes 是可以同時使用的,如果選擇了Color Themes 的主題並且還安裝了Material Theme UI 外掛,那麼 Material Theme UI 就只有非程式碼編輯區有效果。而程式碼編輯區則是Color Themes 的效果。

五 、花式LogCat

前面介紹了幾種打造Android Studio 花式炫酷主題的方式,效果已經非常讚了,但是我們看一下我們的Logcat ,只有白色和紅色兩種Log,看起來有點Low ,與我們炫酷的主題不搭啊,因此我們還得改造一下控制檯的Log輸出。更改之前的效果如下:

該為你的Android Studio 打造一個炫酷的個性化主題了
預設Log效果.png

打造花式Log的方法:
(1) 在Android Studio 選單欄 開啟 Preferences -> Editer -> Colors & Fonts -> Android Logcat

(2) 在Scheme選項後面點選Save As... 儲存一個拷貝,在拷貝上面更改,總共有六項,如下圖所示,選中每一項依次更改。

該為你的Android Studio 打造一個炫酷的個性化主題了
Log更改流程.png

(3)最終的效果如下所示:

該為你的Android Studio 打造一個炫酷的個性化主題了
花式Logcat效果.png

如上圖所示,效果是不是好了很多!!!也與我們的整體主題風格搭。貼一下我使用的各項顏色值:

Assert: #AA66CC
Debug: #33B5E5
Error: #FF4444
Info: #99CC00
Verbose: #FFFFFF
Warning: #FFBB33

另外,在這篇文章(Making Android Studio pretty)看到的配色效果也很贊,配色如下:

該為你的Android Studio 打造一個炫酷的個性化主題了
Logcat 配色方案.png

六 、總結

以上,本篇文章總結了為Android Studio 打造個性化主題的幾種方式,其實中第一種方式比較麻煩,第二、三種方式比較簡單,並且效果非常贊,如果你還在使用Android Studio 的預設主題,那麼你可以試一下了,為你Android Studio 換個主題。除此之外,還介紹了更改Log 日誌的顏色,預設的顏色只有白色和紅色2種,非常單調並且不易區分。更改之後就更容易區分日誌了,並且看起來視覺效果也很贊。還沒有使用的小夥伴,趕快去試試!!!

參考:
1, Making Android Studio pretty
2, color-themes.com/?view=index

相關文章