03.共通UIコンポーネントの作成

package jp.co.progress_llc.buildlogic

import com.android.build.api.dsl.LibraryExtension
import org.gradle.api.Plugin
import org.gradle.api.Project
import org.gradle.kotlin.dsl.configure
import org.gradle.kotlin.dsl.dependencies

class LibraryConfigurePlugin: Plugin<Project> {
  override fun apply(project: Project) = with(project) {
    with(pluginManager) {
      apply("com.android.library")
      apply("org.jetbrains.kotlin.android")
      apply("com.google.devtools.ksp")
    }
    extensions.configure<LibraryExtension> {
      configureCommonExtension(this)
      defaultConfig.consumerProguardFiles("consumer-rules.pro")
      buildTypes {
        release {
          isMinifyEnabled = false
          proguardFiles(
            getDefaultProguardFile("proguard-android-optimize.txt"),
            "proguard-rules.pro"
          )
        }
      }
    }
    dependencies {
      add("implementation", project.libs().findLibrary("androidx-core-ktx").get())
      add("implementation", project.libs().findLibrary("androidx-appcompat").get())
      add("implementation", project.libs().findLibrary("material").get())
    }
  }
}

12行目～13行目

Libraryモジュールで使用するプラグインを定義しています。

/core/ui/build.gradle.kts内のpluginsブロックを参照して指定します。

14行目

KSPのプラグインを定義しています。

17行目

ConfigureExtension.ktで作成した全モジュールの共通定義を呼び出しています。

18行目

/core/ui/build.gradle.kts内のandroid/defaultConfigブロックを参照して指定します。

minSdkはConfigureExtension.ktで定義済です。

testInstrumentationRunnerはビルドプラグインでは定義しません。

19行目～27行目

/core/ui/build.gradle.kts内のandroid/buildTypesブロックを参照して指定します。

30行目～32行目

dependenciesブロックの依存ライブラリを定義しています。

/core/ui/build.gradle.kts内のdependenciesブロックを参照して指定します。

テスト関連の依存ライブラリはビルドプラグインでは定義しません。

バージョンカタログを参照しています。

   :
gradlePlugin {
   :
  plugins {
    register("LibraryConfigurePlugin") {
      id = "build.logic.library.configure"
      implementationClass = "jp.co.progress_llc.buildlogic.LibraryConfigurePlugin"
    }
  }
}

dependencies {
   :

5行目

任意の名前で名称を定義しています。

6行目

任意の名前でプラグインのidを定義しています。

7行目

プラグインを実装しているクラスを指定します。

/build-logic/src/main/kotlin内に作成したLibraryConfigurePlugin.ktで定義しているクラス名です。

plugins {
  alias(libs.plugins.android.library)
  alias(libs.plugins.kotlin.android)
  id("build.logic.library.configure")
  id("org.jetbrains.kotlin.plugin.compose")
}

android {
  namespace = "jp.co.progress_llc.portal.core.ui"
  compileSdk {
    version = release(36)
  }

  defaultConfig {
    minSdk = 28

    testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
    consumerProguardFiles("consumer-rules.pro")
  }

  buildTypes {
    release {
      isMinifyEnabled = false
      proguardFiles(getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro")
    }
  }
  compileOptions {
    sourceCompatibility = JavaVersion.VERSION_11
    targetCompatibility = JavaVersion.VERSION_11
  }
  kotlinOptions {
    jvmTarget = "11"
  }
  buildFeatures {
    compose = true
  }
}

dependencies {

  implementation(libs.androidx.core.ktx)
  implementation(libs.androidx.appcompat)
  implementation(libs.material)
  testImplementation(libs.junit)
  androidTestImplementation(libs.androidx.junit)
  androidTestImplementation(libs.androidx.espresso.core)
  implementation(platform(libs.compose.bom))
  implementation(libs.compose.ui)
  implementation(libs.compose.material)
}

2行目～3行目、10行目～16行目、18行目～33行目、41行目～43行目

ビルドプラグインで定義しているので削除します。

4行目

/build-logic/build.gradle.ktsで定義したビルドプラグインのidを指定します。

5行目

:core:uiモジュールの場合、Jetpack Composeのコンパイラープラグインのidを追加指定します。

17行目、44行目～46行目

:core:uiモジュールではテストを行わないため削除します。

34行目～36行目

Jetpack Composeを有効にします。

47行目～49行目

Jetpack Composeの依存関係を追加します。

   :
dependencies {
  implementation(project(":core:ui"))
   :

3行目

:core:uiへの依存関係を追加します。

   :
import jp.co.progress_llc.portal.ui.theme.PortalTheme
import jp.co.progress_llc.portal.core.ui.theme.PortalTheme
   :

2行目～3行目

2行目のuiをcore.uiに変更します。

   :
package com.example.compose
package jp.co.progress_llc.portal.core.ui.theme
   :

2行目～3行目

packageを:core:uiモジュールのthemeに変更します。

   :
import jp.co.progress_llc.portal.core.ui.theme.PortalTheme
import jp.co.progress_llc.portal.core.ui.theme.AppTheme
   :
    setContent {
      PortalTheme {
      AppTheme {
   :
fun GreetingPreview() {
  PortalTheme {
  AppTheme {
   :

2行目～3行目、6行目～7行目、10行目～11行目

上の行のPortalThemeを下の行のようにAppThemeに変更します。

   :
fun AppTheme(
   :
  dynamicColor: Boolean = true,
  dynamicColor: Boolean = false,
   :

4行目～5行目

fun AppTheme内のdynamicColorをfalseに変更します。