ユーザ用ツール

サイト用ツール


サイドバー

プログレス合同会社

広告

android:studio:application:feature-depart-settings:app-title-box

02.設定アイコンの追加

:core:uiのアプリケーションタイトルバーAppTitleBox.ktに設定アイコンを追加します。

   :
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.material3.*
   :
import androidx.compose.ui.res.painterResource
   :
import jp.co.progress_llc.portal.core.ui.R as CoreR
   :
fun AppTitleBox(
  modifier: Modifier = Modifier
) {
  Box(
   :
  ) {
    Row(
      modifier = Modifier.fillMaxWidth(),
      horizontalArrangement = Arrangement.SpaceBetween,
      verticalAlignment = Alignment.CenterVertically
    ) {
      Text(
   :
      )
      IconButton(
        onClick = { }
      ) {
        Icon(
          painter = painterResource(CoreR.drawable.ic_settings),
          contentDescription = null,
          tint = MaterialTheme.colorScheme.onPrimaryContainer,
          modifier = Modifier.size(32.dp)
        )
      }
    }  
   :

2行目~4行目
material3import定義を*にします。
6行目
アイコン表示のimport定義を追加します。
8行目
アイコンリソースファイルのimport定義を追加します。
:appモジュールのアイコンリソースファイルと区別しています。
16行目~20行目
Rowを追加して、要素間を空けます。
24行目~33行目
アイコンボタンを追加します。

android/studio/application/feature-depart-settings/app-title-box.txt · 最終更新: by 管理者