一 、前言
Android Studio 為我們內(nèi)置了兩款主題,黑色灰暗風(fēng)格和白色高亮風(fēng)格。剛從Eclipse 轉(zhuǎn)到 Android Studio 那會(huì)兒,覺得很新鮮效果非常好,感覺敲代碼都有勁。但是用的時(shí)間久了,感覺有點(diǎn)審美疲勞了。前幾天用馬克飛象寫文章的時(shí)候,感覺在馬克飛象上面的代碼呈現(xiàn)效果非常贊(效果如下圖),于是就想著能不能在Android Studio 上運(yùn)用上這個(gè)效果。經(jīng)過一翻探索,有幾種方式都可以換上一些比較炫酷的主題,這篇文章就介紹一些這些花式換主題的方式。
二 、在Android Studio 的設(shè)置中手動(dòng)替換
方式一:在Android Studio 的設(shè)置中手動(dòng)替換
這是一種比較比較容易想到的方式,前面說過,Android Studio 內(nèi)置了2兩個(gè)主題,黑色灰暗主題,白色高亮主題。大多數(shù)的人可能都換過。每個(gè)主題的代碼呈現(xiàn)風(fēng)格是不一樣的,除了切換這兩個(gè)之外,我們是可以自定義的,一起來看一下:
1,進(jìn)入設(shè)置頁面的Colors & Fonts 下:Preferences -> Editer -> Colors & Fonts -> Java
如下圖:
2, 點(diǎn)擊 ** Save As** 拷貝一份 名為Darcula Copy2(我們拷貝上面修改),在Scheme 這一項(xiàng)選中Darcula Copy2。
3,Scheme 下面有一個(gè)列表,如:Annotation、Class Fileds、Class And Interfaces 等等。點(diǎn)擊一個(gè)項(xiàng)目,然后就可以在右側(cè)修改對(duì)應(yīng)顯示的顏色了。
舉個(gè)例子:修改類的常量的顏色,
(1)首先,選中列表中的Constant(static final filed)
(2)然后,去掉 Use inherited attributes 勾選
(3)選中 Foreground 選項(xiàng),修改后面的色值,修改后可以在下面動(dòng)態(tài)顯示你所修改的展示效果。
(4)重復(fù)(3)中的步驟,為每一項(xiàng)更改成你你想要的顏色。
** 通過上面的步驟,我們就可以自定義一個(gè)風(fēng)格主題了,但是,要弄出一個(gè)看著舒服的主題,就要看自己的顏色搭配了,可能需要先把每種需要的顏色選出來,然后再一項(xiàng)一項(xiàng)的修改(就像我在文章開頭說的,想要弄和馬克飛象展示代碼一樣的風(fēng)格,那么需要把對(duì)應(yīng)的色值取下來,然后每一項(xiàng)對(duì)應(yīng)修改),很花時(shí)間。因此我們需要尋找其他方案。**
三 、Color Themes
方式二:使用 Colors Themes 提供的的主題模版 :
方式一雖然能夠定制個(gè)性話的主題,但是很麻煩,那么有更簡(jiǎn)單的方法嗎?Google 了一下,果然有驚喜,那就是這個(gè)網(wǎng)站 **Color Theme **,網(wǎng)址Color Themes,上面提供了很多模版,選擇一個(gè)你喜歡的下載,下載下來是一個(gè)jar 包,導(dǎo)入Android Studio 就可以使用了??匆幌翪olor Themes 提供的這些主題模版:
上面這是少部分截圖,有太多的主題,有興趣的自己去看一下,總有一款適合你。
使用方式如下:
(1) 找到你喜歡的主題模版,點(diǎn)擊右下角的下載按鈕,進(jìn)入如下圖:
點(diǎn)擊上圖中的綠色的按鈕下載。
(2)下載下來是一個(gè)很小的 Jar包,我們直接包jar包導(dǎo)入Android Studio 。在Android Studio 上 點(diǎn)擊 File -> Import Settings ,選擇中下載的jar 包,來到如下界面:
(3)如上圖,點(diǎn)擊確認(rèn),會(huì)提示重啟Android Studio ,點(diǎn)擊OK 重啟Android Studio 就好。
(4)重啟之后,主題就已經(jīng)應(yīng)用上了,如下圖:
好了,通過上面幾步就可以了,效果是不是很贊?。?! ,Color Themes 上面有很多主題模版,你自己去挑選就好了。
四 、Material Theme UI
方式三:使用 Material Theme UI 插件主題:
通過方式二,就能為Android Studio 應(yīng)用一個(gè)自己喜歡的個(gè)性化主題,但是有一個(gè)缺點(diǎn):這些主題只更改了代碼編輯區(qū)域,左邊的包結(jié)構(gòu)區(qū)域和菜單欄還是和原來是一樣的,看起來和整體風(fēng)格好像不是很搭,那么有沒有可以使整個(gè)AS的風(fēng)格都改變的主題呢?通過Google ,找到了Material Theme UI,原文地址Making Android Studio pretty,Material Theme UI 是一個(gè)Android Studio 插件,它提供了三種主題供選擇,效果非常不錯(cuò),更贊的是,它連除了代碼區(qū)域之外的風(fēng)格也改變了,應(yīng)用了Material Theme UI 主題的效果圖如下:
注意看紅框區(qū)域(代碼編輯區(qū)域)以外的部分。
Material Theme UI 主題的應(yīng)用方式如下:
(1)打開 Settings/Preferences 對(duì)話框 (OSX/Unix: ?+,
, Windows: Ctrl+Alt+S
)
(2)在左邊的面板中選擇 Plugins.
(3)點(diǎn)擊 Browse repositories… 并搜索 Material Theme UI
(4)點(diǎn)擊 Install plugin 安裝插件
(5)在設(shè)置對(duì)話框上點(diǎn)擊OK 并且重啟Android Studio。
最終的整體風(fēng)格如下圖:
最終的效果如上圖所示,整體風(fēng)格是不是更搭一點(diǎn)。
另外:Material Theme UI 和 Color Themes 是可以同時(shí)使用的,如果選擇了Color Themes 的主題并且還安裝了Material Theme UI 插件,那么 Material Theme UI 就只有非代碼編輯區(qū)有效果。而代碼編輯區(qū)則是Color Themes 的效果。
五 、花式LogCat
前面介紹了幾種打造Android Studio 花式炫酷主題的方式,效果已經(jīng)非常贊了,但是我們看一下我們的Logcat ,只有白色和紅色兩種Log,看起來有點(diǎn)Low ,與我們炫酷的主題不搭啊,因此我們還得改造一下控制臺(tái)的Log輸出。更改之前的效果如下:
打造花式Log的方法:
(1) 在Android Studio 菜單欄 打開** Preferences -> Editer -> Colors & Fonts -> Android Logcat**
(2) 在Scheme選項(xiàng)后面點(diǎn)擊Save As... 保存一個(gè)拷貝,在拷貝上面更改,總共有六項(xiàng),如下圖所示,選中每一項(xiàng)依次更改。
(3)最終的效果如下所示:
如上圖所示,效果是不是好了很多?。?!也與我們的整體主題風(fēng)格搭。貼一下我使用的各項(xiàng)顏色值:
Assert: #AA66CC
Debug: #33B5E5
Error: #FF4444
Info: #99CC00
Verbose: #FFFFFF
Warning: #FFBB33
另外,在這篇文章(Making Android Studio pretty)看到的配色效果也很贊,配色如下:
六 、總結(jié)
以上,本篇文章總結(jié)了為Android Studio 打造個(gè)性化主題的幾種方式,其實(shí)中第一種方式比較麻煩,第二、三種方式比較簡(jiǎn)單,并且效果非常贊,如果你還在使用Android Studio 的默認(rèn)主題,那么你可以試一下了,為你Android Studio 換個(gè)主題。除此之外,還介紹了更改Log 日志的顏色,默認(rèn)的顏色只有白色和紅色2種,非常單調(diào)并且不易區(qū)分。更改之后就更容易區(qū)分日志了,并且看起來視覺效果也很贊。還沒有使用的小伙伴,趕快去試試!!!
參考:
1, Making Android Studio pretty
2, http://color-themes.com/?view=index