【個人メモ】Androidアプリ開発をするときに個人的に役立った記事一覧と実装メモ

はじめに

この記事は、個人的にAndroidアプリ開発をした際に役立った記事についてまとめた個人的なメモです。
ですので、その点を踏まえて閲覧していただきますようお願いいたします。

Fragmentが重なる

• フラグメントコンテンツがツールバーと下部ナビゲーションビューに重なる
  • Fragmentの対象となるLayoutを、widthとheightを0dpにし、constraintBottom_toTopOfやconstraintTop_toBottomOfの設定を行う
• AppBarLayoutを使う時にlayout_behaviorをFragmentに持たせるとviewが重ねて表示される
  • Containerに対し、app:layout_behaviorの設定を行う

BottomNavigationViewがキーボードの上に表示されてしまう

• adjustResizeセットでキーボードの下にあるBottomNavigationViewを非表示にする方法
  • BottomNavigationViewを表示しているActivityに対し、マニフェストにてandroid:windowSoftInputMode="adjustPan"の設定を行う

キーボードを隠したい

• 【InputMethodManager】Kotlinでキーボードを閉じる方法
  • InputMethodManagerを用いて行う

隠れるHeader

要点

• 以下のコードのように、CoordinatorLayout内にHeaderとなるAppBarLayoutとコンテンツを作成
• AppBarLayout内にCollapsingToolbarLayoutを作成、この中にHeaderに表示したいコンテンツとToolbarを作成
• CollapsingToolbarLayoutのlayout_scrollFlagsによってスクロール時のHeaderの動作が変化する
• Toolbarのlayout_collapseModeによって、Toolbarを上部に表示したままにできる

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".~~Activity">
    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">
        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:toolbarId="@+id/toolbar">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"
                app:srcCompat="@drawable/ic_baseline_chat_24"/>
            <de.hdodenhof.circleimageview.CircleImageView
                android:id="@+id/fab"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_anchor="@id/app_bar"
                android:src="@mipmap/icon_180"
                android:layout_marginTop="100dp"
                android:layout_marginLeft="10dp"/>

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin">
                <TextView
                    android:id="@+id/titleText"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="18sp"
                    android:textStyle="bold"
                    android:textColor="@color/white"
                    android:text="Title"/>
            </androidx.appcompat.widget.Toolbar>
        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>
    <include layout="@layout/content_scrolling" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>

参考サイト

• スクロールに合わせてToolbarにタイトルを表示する
• いろいろなCoordinatorLayoutパターン
• CoordinatorLayoutで作るマテリアルデザインとカスタム方法の基礎
• NestedScrollViewの仕組み
• CoordinatorLayoutでヘッダー隠す時の知見を得た話
• AndroidのCoordinatorLayoutを使いこなして、モダンなスクロールを実装しよう

角丸の画像を表示したい

• ImageViewを角丸にする方法
  • 以下の画像のような表示ができる
    

よくあるSNSのTLみたいな画像表示をしたい

やりたいこと

よくあるSNSの画像表示みたく、画像数によって以下の画像のように表示の仕方を変える

流れ

• 画像を表示するためのRecyclerViewを用意する
• RecyclerViewのAdapterを作成
• GridLayoutManagerの設定
• GridLayoutManagerにspanSizeLookupの設定
• RecyclerViewのlayoutManagerに設定したGridLayoutManagerを設定

要点

• GridLayoutManagerで指定するSpanCountとgetSpanSizeの返り値によって一行に表示する数が変わる
  • 一行に表示する数 = spanCount / SpanSize
    • 1つ表示: 1 = 4 / 4
    • 2つ表示: 2 = 4 / 2

レイアウト

RecyclerViewの親は、お好みでConstraintLayoutなどを用いる

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/gridImgView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

処理

gridImgView.setHasFixedSize(true)
// GridLayoutMangerの設定
val layout = GridLayoutManager(context, 4, LinearLayoutManager.VERTICAL, false)
// spanSizeLookupの設定
layout.spanSizeLookup = object : SpanSizeLookup() {
  override fun getSpanSize(p: Int): Int {
    return when (images.size) {
      1 -> 4
      2, 3, 4 -> 2
      else -> 1
    }
  }
}

holder.gridImgView.layoutManager = layout
// ImgAdapterの設定(中ではonBindViewHolder内で、画像の表示できるようにしてるだけ)
holder.gridImgView.adapter = ImgAdapter(context, this, images)

参考サイト

• Recyclerviewの中身の分け方をカスタマイズ
• 12_GridLayoutManager setSpanSizeLookup()方法

includeしたレイアウトの中のViewを触りたい

やりたいこと

以下のitemViewをrootレイアウトでincludeした際に、itemViewのCardViewやImageViewを触りたい。

要点

rootレイアウトのitemViewからfindViewByIdを行い、ImageViewを取得する。
CardViewは、includeで指定したidを用いればよい。
(itemViewレイアウトで指定したCardViewは、itemViewからfindViewByIdをを行っても取得できない)

レイアウト

root

<include
    android:id="@+id/includeView"
    layout="@layout/itemView" />

itemView

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/cardView"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:layout_margin="1dp"
    app:cardBackgroundColor="@color/colorAccent"
    app:cardCornerRadius="10dp"
    app:cardElevation="0dp">

    <ImageView
        android:id="@+id/imageItem"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:adjustViewBounds="true"
        android:contentDescription="@string/ImgDesc"
        android:scaleType="centerCrop" />
</androidx.cardview.widget.CardView>

ソースコード

val img = itemView.findViewById<ImageView>(R.id.imageItem)

参考サイト

• Reference View From Included Layout

ListAdapter not updating item in RecyclerView

要点

• viewModel側でlistを更新した際に、observerでsubmitListを行うとRecyclerViewの描画が更新されない場合がある。
  • androidx.recyclerview.widgetのAsyncListDifferクラス内に実装されているsubmitListでは以下のような実装を行っているため
• submitListを呼び出した後にnotifyDataSetChangedを呼びだしたり、listの更新処理を工夫する必要がある。

if (newList == mList) {
    // nothing to do (Note - still had to inc generation, since may have ongoing work)
    if (commitCallback != null) {
        commitCallback.run();
    }
    return;
}

参考サイト

• ListAdapter not updating item in RecyclerView

Gradle Play Publisher

どうやらクローズドテストを公開(審査中)とするまで使えない様子。

よくある通話アプリの着信通知処理の実装

参考サイト

• Android FCM(GCM) バックグラウンドでonMessageReceivedを通らない時は
• Androidで着信通知を実装してみよう
• ICHI.PRO FCM通知を使用してすべてのAndroidOSバージョンの着信ビデオ通話を管理する方法
• ロック画面での可視性を設定する

ImageViewのTintColorの変更

参考サイト

• Android ImageViewのTintColorを変更する

定期実行処理

参考サイト

• AndroidでTimerを使わずHandlerだけでお手軽に定期実行してあげる
• 定期実行処理をKotlinで行いたい

ImageSlider

参考サイト

• Image Slider | View Pager 2 and Picasso | Android Tutorials | Android.

NavigationBarの色とアイコンの色の変更

参考サイト

• Android: Change status bar text color with WHITE/BLACK
• AndroidのNavigation Barの色とアイコンの色を変える

IllegalStateException: Fragment no longer exists forの対処

参考サイト

• java.lang.IllegalStateException: Fragment no longer exists for key f0: index 1

タグ文字のクリック処理の実装

参考サイト

• Android リアルタイム入力でハッシュタグ形式に文字装飾するTIPS
• テキスト中のタグで画面遷移する実装に使える「ClickableSpan」のデザインを調整する

Splash画面

参考サイト

• Navigation Architecture Component - Splash screen
• Android bitmap image size in XML

Retrofit2のEOFException: End of input at line 1 column 1に対するNullOnEmptyConverterFactoryによる対処

参考サイト

• Retrofit2 error java.io.EOFException: End of input at line 1 column 1

Androidのエミュレーターから自身のPC(localhost)へ接続

参考サイト

• Androidのエミュレーターから自身のPC(localhost)へ接続
• Android Emulator のネットワークを設定する

OkHttpClientのUserAgentの設定

参考サイト

• How to specify a default user agent for okhttp 2.x requests

BLE

参考サイト

• Android Bluetooth Low Energy
• Bluetooth Low Energy の概要
• BLE通信ソフトを作る ( Android Studio 2.3.3 + RN4020 )
• 【連載】Bluetooth LE (5) Android 4.3 で Bluetooth LE 機器を使う
• [Kotlin] substring 文字列を切り出す
• How to get binary representation of Int in Kotlin