Jetpack Composeでリストの項目を開いて自動スクロールする

LazyColumnの項目を展開し、開いた項目へアニメーション付きでスクロールします。


Jetpack ComposeでボタンごとにAlertDialogを出し分ける

2つのボタンから異なる内容のダイアログを開きます。


Jetpack ComposeでAlertDialogを表示する

ボタンでダイアログを開き、OKボタンで閉じる例です。


Jetpack Composeでリストから画面遷移して値を渡す

リストで選んだ名前をNavigation Composeの引数として渡し、遷移先に表示します。


Jetpack ComposeのLazyColumnでリストを表示する

LazyColumnに名前の一覧を渡し、縦にスクロールできるリストを表示します。


Jetpack Composeでボタンを押したら文字を変える

rememberとmutableStateOfで文字列を保持し、ボタンから値を変更します。


Jetpack ComposeでTopAppBarにタイトルを表示する

ScaffoldのtopBarにTopAppBarを置き、画面の上部にタイトルを表示します。


Jetpack ComposeのNavigationBarで画面を切り替える

Material 3のNavigationBarとNavigation Composeを組み合わせ、3つの画面を切り替えます。


Jetpack Composeで画像を等間隔で横に並べる

Rowの中でSpacerに同じweightを指定し、画像の間と両端の余白を均等にします。


Jetpack Composeで丸い画像に枠を付ける

円形に切り取った画像に、同じCircleShapeの枠線を重ねます。


Jetpack Composeで画像を丸く切り取る

画像を正方形の領域に配置し、CircleShapeで円形に切り取ります。


Jetpack Composeで画像を領域いっぱいに表示する(ContentScale.Crop)

画像の縦横比を保ちながら、指定した領域を埋めるように拡大・縮小します。


Jetpack Composeで画像全体が収まるように表示する(ContentScale.Fit)

画像の縦横比を保ちながら、指定した領域に全体が収まるように表示します。


ListViewを使ってリスト表示する(Kotlin)

ListViewを使ってリストの表示を行います。 Kotlin 、Android は設定ファイルが多くて難しいです。


Android Studio でアイコンを設定する

– File -> Image Assets で Configure Image Asset を開く – Pathの…ボタンを押し、アイコンにしたい画像を選択する。 – Resize でサイズの微調節を行う。 – Nextボタンを推し、アイコン画像の名前やサイズを確認し、Finish。


BottomNavigationViewで切り替え時に色を変える

res/color ディレクトリ以下に bottom_navigation_color.xml ファイルを作成し、そこにstateごとの色を書くことで実現できます。


Fragmentsを入れ子にしたBottomNavigationを実装する

BottomNavigationはiOSのTabBarControllerによく似たAPIです。 BottomNavigationのタブを選択するとFragmentが切り替わるサンプルコードです。 参考にさせていただいたページ。 BottomNavigationView入門 Bottom Navigation Android Example using Fragments


KotlinでListViewを内包したTabを作成する

KotlinでListViewを内包したTabを作成しました。 参考にさせて頂いたWebページです。 すごく良い記事なので、この記事より彼の記事をみてください。 Getting Started with Tabs in Android — Kotlin build.gradle に以下のdependencyを追加します。 implementation 'com.android.support:design:26.1.0'


現在時刻の取得(kotlin)

Kotlin で現在時刻の取得を行います。 アラーム機能を持ったアプリを作っています。 このあたりは Swift と異なりますね。


Androidアプリのアクションバーの影を消す

Androidアプリのアクションバーの影を消します。 アプリはどんどん新しいことが増えていくので覚えるのが大変です。


Androidアプリのステータスバーの変更

Androidアプリのステータスバーの変更方法です。 色を直指定するのは良くないです、Color.xml に書きましょう。