AndroidStudioのJellyfishで、アクションバーの上部の色がおかしい

Question

AndroidStudioで次の開発を行ったときにバグが発生しました。
機種 ：Windows11
バージョン ：「Android Studio Jellyfish | 2023.3.1」
プロジェクト名：「Empty Views Activity」

プロジェクト内容
	名前			：	TestApp_J
	パッケージ名	：	com.example.testapp_j
	保存ロケーション：	F:\AndroidStudioProjects\Android_Java\TestApp_J
	言語			：	Java
	最小APIレベル	：	API 22：Android 5.1 (Lollipop)
	Build configuration language：	Kotlin DSL (build.gradle.kts) [Recommended]

この方法で、アプリケーションを作成すると、タイトルバーが表示されなかったので、次の修正をしました。

[themes.xml]

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.TestApp_J" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your light theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="Theme.TestApp_J" parent="Base.Theme.TestApp_J" />
</resources>

[themes.xml(night)]

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.TestApp_J" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your dark theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

[colors.xml]

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#4040FF</color>
    <color name="colorPrimaryDark">#000080</color>
    <color name="colorAccent">#4040FF</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

この方法でアプリケーションを作成すると、下図のようになりました。

この画面では、次のことがわかります。
①タイトルバーは、colorPrimaryで指定した「#4040FF」で表示されている。
②タイトルバーの上部は、colorPrimaryDarkで指定した「#000080」で表示されていない。
この、②のバグで、現在悩んでいます。

アンドロイドの前バージョン「2022.2.1では、タイトルバーの上部も指定色で表示されていました。

どなたか、わかっておられる方がおられたら、ご教授お願いいたします。

Comments

[jimbe]

コードと説明がごちゃごちゃになっています。

コードや設定ファイル等は個々にコードのマークダウンで囲うようにしてください。
画像のマークダウンは単一行に書いてください。

質問の入力・編集時に下部にプレビューがありますので、どのような表示になるのかを確認しながらしてみてください。

[jimbe]

編集有難う御座います。

スクリーンショットはエミュレータだと思いますが、アプリの見た目・動作はエミュレータの設定に因って異なると思います。
AndroidStudio の 2023.3.1 と 2022.2.1 で動かした時は各々どうなっているでしょうか。
こちらでも再現したいので具体的な値を示していただけると助かります。

また、タイトルバーがグラデーションだった事があったか覚えていないのですが「タイトルバーの上部」というのはどの辺でしょうか。

Answer 1

原因がわかりましたので、報告させてもらいます。

[MainActivity.java(変更前)]

package com.example.testapp_j;

import android.os.Bundle;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
    }
}

[MainActivity.java(変更後)]

package com.example.testapp_j;

import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
    }
}

このように「EdgeToEdge」の行を削除すると、下図のとおり正常に表示ができました。

お騒がせして、すみませんでした。