ユニット 1: 初めての Android アプリ

2.Download and install Android Studio
Android Studio のダウンロードとインストール  |  Android Developers
Android Studio とアプリツールをダウンロードする - Android デベロッパー  |  Android Developers

デフォルト

変更先

インストールが完了したら、Android Studio を起動します。

L:\9.soft\Android\Android Studio\bin\studio64.exe


update


[Welcome to Android Studio] ウィンドウが表示されます。これでアプリの作成を開始できるようになりました。

Android Studio のダウンロードとインストール

初めての Android アプリを作成する

初めての Android アプリを作成する

3. テンプレートを使用してプロジェクトを作成する
この Codelab では、Android Studio に用意されている Empty Compose Activity プロジェクト テンプレートを使用して Android アプリを作成します。

Android Studio でプロジェクトを作成するには:

Android Studio のアイコンをダブルクリックして Android Studio を起動します。

[Welcome to Android Studio] ダイアログで、[New Project] をクリックします。

ここではまってしまった。
8 時間近く経過した現在も未解決。
何がどうなっているのか、全然分からない。

Android Studio Koala | 2024.1.1 available
4739

Starting Gradle Daemon...
Gradle Daemon started in 23 s 893 ms


C:\Program Files\Android\Android Studio


Unable to find Gradle tasks to build error – IDEs Support (IntelliJ Platform) | JetBrains
android studio rebuild error : Unable to find Gradle tasks to build why? - Stack Overflow



Microsoft Defender configuration script failed. Please look for "WindowsDefenderChecker" records in the log.  Alternatively, you can try to configure Microsoft Defender manually.

Add Microsoft Defender exceptions for Android | Microsoft Learn


ようやくだけど、出来た。
原因はインストール先をデフォルトから変更したこと。
以前もインストール先をデフォルトから「"L:\9.soft\Android\Android Studio\bin\studio64.exe"」へ変更してハマッた気がする。
既存アンインストール後、インストールをやり直したが、既存の処理が終了せず、強制終了させた。
後でまとめる予定

初めての Android アプリを作成する

class MainActivity : ComponentActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        enableEdgeToEdge()

        setContent {

            MyApplicationTheme {

                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->

                    Greeting(

                        name = "Android",

                        modifier = Modifier.padding(innerPadding)

                    )

                }

            }

        }

    }

}

@Composable

fun Greeting(name: String, modifier: Modifier = Modifier) {

    Text(

        text = "Hello $name!",

        modifier = modifier

    )

}

@Preview(showBackground = true)

@Composable

fun GreetingPreview() {

    MyApplicationTheme {

        Greeting("Android")

    }

}

初めての Android アプリを作成する

「Surround with Container」が表示されず選択できないため、手動で対応。

import androidx.compose.ui.graphics.Color

@Composable

fun Greeting(name: String, modifier: Modifier = Modifier) {

    Surface(color = Color.Magenta) {

        Text(

            text = "Hello $name!",

            modifier = modifier

        )

    }



}

初めての Android アプリを作成する

@Composable

fun Greeting(name: String, modifier: Modifier = Modifier) {

    Surface(color = Color.Magenta) {

        Text(

            text = "Hello $name!",

            modifier = modifier.padding(24.dp)

        )

    }



}

まとめ

・新しいプロジェクトを作成するには、Android Studio を開き、[New Project] > [Empty Compose Activity] > [Next] をクリックし、プロジェクトの名前を入力して設定を行います。
・アプリの外観を確認するには、[Preview] ペインを使用します。
・コンポーズ可能な関数は、通常の関数と似てはいますが少し異なります。関数名は大文字で始め、関数の前に @Composable アノテーションを追加します。@Composable 関数は何も返しません。
・Modifier は、コンポーザブルを拡張または装飾するために使用します。

コンポーズ可能な関数

コンポーズ可能な関数とは、Jetpack Composeなどの宣言型UIフレームワークで使用される関数のことです。
これらの関数は、UIを構築するために使用され、他のコンポーズ可能な関数を呼び出すことができます。
以下の特徴があります:
1.@Composableアノテーション: コンポーズ可能な関数は、@Composableアノテーションを付けることで宣言されます。このアノテーションは、関数がデータをUIに変換するものであることを示します。
2.引数の受け取り: コンポーズ可能な関数は、引数を受け取ることができ、これによりUIの状態を動的に変更できます。
3.他のコンポーズ可能な関数の呼び出し: コンポーズ可能な関数は、他のコンポーズ可能な関数を呼び出すことでUIの階層を形成します。
4.副作用の排除: コンポーズ可能な関数は、副作用を含まないように設計されており、同じ引数で呼び出された場合に同じ結果を返すことが重要です。

例えば、以下のようなシンプルなコンポーズ可能な関数があります:

@Composable

fun Greeting(name: String) {

    Text(text = "Hello, $name!")

}

この関数は、名前を引数として受け取り、挨拶メッセージを表示するTextウィジェットを出力します。

Modifier

Jetpack ComposeにおけるModifierは、コンポーザブル（Composable）要素の見た目や動作を修飾・構成するための非常に重要なコンセプトです。
Modifierを使用することで、以下のようなことが可能になります:

1.サイズやレイアウトの変更: 例えば、要素の幅や高さを設定したり、余白を追加したりすることができます。
2.背景や境界線の設定: 背景色や背景画像を設定したり、境界線を追加することができます。
3.ユーザーインタラクションの処理: 要素をクリック可能にしたり、ドラッグ可能にしたり、スクロール可能にすることができます。
4.高レベルのインタラクション: 要素をクリック可能、スクロール可能、ドラッグ可能、ズーム可能にすることができます。
例えば、以下のようなコードでModifierを使用して要素を装飾することができます

@Composable

fun ModifierExample() {

    Box(

        modifier = Modifier

            .size(100.dp)

            .padding(16.dp)

            .background(Color.Blue)

            .clickable { /* クリック処理 */ }

    )

}

この例では、Boxコンポーザブルに対してサイズ、余白、背景色、クリック可能な動作を設定しています。

コンポーザブル要素

コンポーザブル（Composable）要素とは、Jetpack Composeなどの宣言型UIフレームワークで使用される関数や要素のことです。
これらの要素は、UIを構築するために使用され、他のコンポーザブル要素と組み合わせて使うことができます。以下の特徴があります:

1.@Composableアノテーション: コンポーザブル要素は、@Composableアノテーションを付けることで宣言されます。このアノテーションは、関数がデータをUIに変換するものであることを示します。
2.再利用可能性: コンポーザブル要素は、他のコンポーザブル要素と組み合わせて再利用することができます。これにより、コードの重複を避け、メンテナンスを容易にします。
3.状態管理: コンポーザブル要素は、状態を管理し、UIの動的な変更を反映することができます。
4.宣言的UI: コンポーザブル要素は、UIを宣言的に記述するため、コードが読みやすく、理解しやすくなります。

例えば、以下のようなシンプルなコンポーザブル要素があります:

@Composable

fun Greeting(name: String) {

    Text(text = "Hello, $name!")

}

この関数は、名前を引数として受け取り、挨拶メッセージを表示するTextウィジェットを出力します。