「Jetpack Compose」の版間の差分

提供:MonoBook
ページの作成:「 Jetpack Compose (AndroidX Compose)とは、AndroidアプリのUIデザインを関数で定義するやつです。 大雑把にいえばiOSでいうSwiftUIみたいな…」
 
編集の要約なし
 
(同じ利用者による、間の6版が非表示)
1行目: 1行目:
'''Jetpack Compose''' (AndroidX Compose)とは、AndroidアプリのUIデザインを関数で定義するやつです。


Jetpack Compose (AndroidX Compose)とは、AndroidアプリのUIデザインを関数で定義するやつです。
大雑把にいえば[[iOS]]でいう[[SwiftUI]]みたいなもんです。[[ソースコード]]でガシガシとUIデザインするやつです。
 
大雑把にいえばiOSでいうSwiftUIみたいなもんです。ソースコードでガシガシとUIデザインするやつです。


SwiftUIではViewプロトコルのbodyプロパティで定義します。
SwiftUIではViewプロトコルのbodyプロパティで定義します。
13行目: 12行目:
</source>
</source>


一方、AndroidXのComposeではActivityのsetContent関数で実装します。
一方、[[AndroidX]]のComposeではActivityのsetContent関数で実装します。
<source lang="kotlin">
<source lang="kotlin">
class MainActivity : ComponentActivity() {
class MainActivity : ComponentActivity() {
26行目: 25行目:


だいたい同じですね。
だいたい同じですね。
<amazon>android jetpack</amazon>


[[category: AndroidX]]
[[category: AndroidX]]
[[cateogry: Android]]
[[category: Android]]

2024年10月2日 (水) 04:11時点における最新版

Jetpack Compose (AndroidX Compose)とは、AndroidアプリのUIデザインを関数で定義するやつです。

大雑把にいえばiOSでいうSwiftUIみたいなもんです。ソースコードでガシガシとUIデザインするやつです。

SwiftUIではViewプロトコルのbodyプロパティで定義します。

struct ContentView: View {
    var body: some View {
        Text("hello world.")
    }
}

一方、AndroidXのComposeではActivityのsetContent関数で実装します。

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Text("hello world.")
         }
    }
}

だいたい同じですね。