1.2　搭建開發環境

開發Compose要求Android Studio的版本在4.3及以上，而目前Android Studio最新的正式版本為4.2.2，所以我們需要使用Preview版本的Android Studio。如果讀者在閱讀本書時Android Studio穩定版本已經在4.3及以上，直接使用穩定版本的Android Studio即可。接下來我們一起搭建Compose的開發環境吧！

1.2.1　在Windows上搭建開發環境

鑒于目前大多數開發者使用Windows操作系統，所以首先介紹如何在Windows中安裝Preview版本的Android Studio。進入Android Studio官網，頁面如圖1-1所示。

點擊左邊“Beta build”下的下載按鈕，會彈出如圖1-2所示的對話框。

需要勾選同意條款并點擊下載按鈕。之后需要做的就是等待下載了。這里無須選擇下載版本（Windows或Mac），Google會判斷你當前的系統并幫你下載適合的Android Studio版本。下載完成之后，選擇在文件夾中打開，你會發現下載的是一個zip壓縮包，直接進行解壓。解壓后如圖1-3所示。

然后直接進入解壓好的文件夾中的bin文件夾，如圖1-4所示。

接著雙擊圖1-4中箭頭所指的studio64.exe文件，會出現如圖1-5所示的對話框。

如果需要導入配置文件，可以選擇第一項。這里我們直接選擇不導入，之后點擊“OK”按鈕，然后就出現了熟悉的畫面，如圖1-6所示。

等待幾十秒后，會彈出如圖1-7所示的對話框。

這個對話框提醒你這是第一次運行Android Studio，當前無法訪問Android SDK附加組件列表，詢問你是否設置代理，如果需要，則點擊“Setup Proxy”按鈕。這里我們不需要設置代理，所以點擊“Cancel”按鈕。點擊之后就進入了熟悉的歡迎頁面，如圖1-8所示。

下面就簡單了，直接點擊“Next”按鈕，此時會出現如圖1-9所示的頁面。

在這個頁面中，選擇你想要的設置類型，默認的是“Standard”，它將幫助你安裝一些預定的設置和選項。當然，也可以選擇下面的“Custom”單選按鈕進行自定義。這里我們選擇“Standard”單選按鈕，然后繼續點擊“Next”按鈕，此時會出現如圖1-10所示的頁面。

這個頁面是選擇Android的UI主題，這就看大家的喜好了，我個人比較喜歡深色主題，所以就不改動了。繼續點擊“Next”按鈕，此時會出現如圖1-11所示的頁面。

這個頁面提醒我們需要下載一些相關文件，比如模擬器、SDK等。直接點擊“Finish”按鈕，Android Studio會開始下載這些文件，如圖1-12所示。

下載完成之后，點擊“Finish”按鈕就可以進入Android Studio的首頁了，如圖1-13所示。

至此，Windows Canary版本的Android Studio就下載并安裝完成了，下一節將帶大家安裝Mac Canary版本的Android Studio。

1.2.2　在macOS上搭建開發環境

上一節帶大家在Windows上搭建了Compose的開發環境，本節會帶大家搭建macOS版本Android Studio的開發環境，趕快開始吧！

下載地址和Windows的一樣，直接進入下載頁面之后如圖1-14所示。

如前所述，Google會判斷你當前的系統并幫你下載適合的Android Studio版本，剛才下載頁面中顯示的是for Windows，這里就是for Mac了。這里同樣下載Canary版本的Android Studio，點擊下載按鈕也會彈出如圖1-2所示的對話框。之后的操作這里就不贅述了，下載完成之后雙擊打開，接著選擇下一步即可，和剛才在Windows中安裝Android Studio的步驟一模一樣。

1.2.3　將Compose添加到現有項目

如果想在現有項目中使用Compose，就需要為項目配置所需的設置和依賴項。

首先，需要配置Kotlin開發環境，Compose要求Kotlin的版本為1.4.30或更高：

classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.20"

然后需要配置Gradle，需要將應用程序的最低API級別設置為21或更高級別，并在應用程序的build.gradle文件中啟用Compose。另外，還要設置Kotlin編譯器插件的版本。配置代碼如下所示：

android {
    defaultConfig {
        applicationId "com.zj.five"
        minSdk 21
        ......
    }

    ......

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
    kotlinOptions {
        jvmTarget = '1.8'
        useIR = true
    }
    buildFeatures {
        compose true  // 打開Compose的開關
    }
    composeOptions {
        // 設置Kotlin編譯器插件版本
        kotlinCompilerExtensionVersion compose_version
        kotlinCompilerVersion '1.5.20'
    }
}

最后，還需要添加Compose的依賴：

dependencies {
    implementation 'androidx.compose.ui:ui:1.0.0'
    // UI工具包
    implementation 'androidx.compose.ui:ui-tooling:1.0.0'
    // 基礎（邊框、背景、框、圖片、滾動、形狀、動畫等）
    implementation 'androidx.compose.foundation:foundation:1.0.0'
    // Material Design
    implementation 'androidx.compose.material:material:1.0.0'
    // Material Design的圖標
    implementation 'androidx.compose.material:material-icons-core:1.0.0'
    implementation 'androidx.compose.material:material-icons-extended:1.0.0'
    // 與activity結合使用
    implementation 'androidx.activity:activity-compose:1.3.0'
    // 與viewModel結合使用
    implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:1.0.0'
    // 與LiveData和RxJava2結合使用
    implementation 'androidx.compose.runtime:runtime-livedata:1.0.0'
    implementation 'androidx.compose.runtime:runtime-rxjava2:1.0.0'

    // UI測試
    androidTestImplementation 'androidx.compose.ui:ui-test-junit4:1.0.0'
}

上面列出的依賴不必全部添加，大家可以根據項目的需要選擇性添加。