web-dev-qa-db-ja.com

BottomSheetDialog背景の点滅

BottomSheetDialog アプリを切り替えると、背景が点滅します。何が悪いのですか？

MainActivity.Java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        findViewById(R.id.btn1).setOnClickListener(v -> {
            BottomSheetDialog bottomSheetDialog = new BottomSheetDialog(MainActivity.this);
            bottomSheetDialog.setContentView(R.layout.content);
            bottomSheetDialog.show();
        });
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<Android.support.constraint.ConstraintLayout 
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"
   tools:context=".MainActivity">

    <Button
        Android:id="@+id/btn1"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</Android.support.constraint.ConstraintLayout>

content.xml

<?xml version="1.0" encoding="utf-8"?>
<View 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="300dp"
    Android:background="#F00" />

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:Android="http://schemas.Android.com/apk/res/Android"
    package="com.holtaf.testandroidapplication">

    <application
        Android:allowBackup="true"
        Android:label="@string/app_name"
        Android:supportsRtl="true"
        Android:theme="@style/Theme.AppCompat.Light.DarkActionBar">
        <activity Android:name=".MainActivity">
            <intent-filter>
                <action Android:name="Android.intent.action.MAIN" />

                <category Android:name="Android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

私のappcompatバージョンは27.1.1です。

enter image description here

androidbottom-sheet
21
holtaf

ちらつきの主な理由は、デフォルトの animation および dim 動作を定義するBottomSheetDialogのデフォルトのスタイル設定によるものです。

上記の問題は、bottomSheetDialogThemeを使用してカスタムテーマを定義することで解決できます。

  1. windowAnimationStyle を@nullに設定して、BottomSheetのデフォルトのウィンドウアニメーションを無効にします。
  2. backgroundDimEnabled 属性をfalseに設定します。

例：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <item name="bottomSheetDialogTheme">@style/AppTheme.BottomSheetDialog</item>
</style>

<style name="AppTheme.BottomSheetDialog" parent="Theme.Design.BottomSheetDialog">
    <item name="Android:windowAnimationStyle">@null</item>
    <item name="Android:backgroundDimEnabled">false</item>

    <!-- optional -->
    <item name="Android:windowBackground">#99323232</item> 
</style>
4
blizzard

制約レイアウトの代わりに座標レイアウトを使用し、以下のようにXMLでボトムシートレイアウトを定義します

    <Android.support.design.widget.CoordinatorLayout 
        xmlns:Android="http://schemas.Android.com/apk/res/Android"
        xmlns:app="http://schemas.Android.com/apk/res-auto"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent">

         <Button
            Android:id="@+id/btn1"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:text="Hello World!"
            Android:layout_gravity="center" />

         <Android.support.v4.widget.NestedScrollView 
            xmlns:Android="http://schemas.Android.com/apk/res/Android"
            xmlns:app="http://schemas.Android.com/apk/res-auto"
            Android:id="@+id/bottom_sheet_map"
            Android:layout_width="match_parent"
            Android:layout_height="150dp"
            app:layout_behavior="Android.support.design.widget.BottomSheetBehavior">

               <include layout="@layout/layout_bottom_sheet" />
        </Android.support.v4.widget.NestedScrollView>
    </Android.support.design.widget.CoordinatorLayout>

Java Classでは、このように使用します。

    private BottomSheetBehavior mBottomSheetBehavior;
    private View bottomSheet;
    private isBottomSheetExpand = false;
    ...
    btn1.setOnClickListner(new View.OncliView.OnClickListener(){
    @Override
        public void onClick(View v) {
            if(isBottomSheetExpand){
                openBottomSheet();
            }else{
                closeBottomSheet();
            }
        }
    });
    ...
    public void closeBottomSheet() {
       if (mBottomSheetBehavior.getState() == BottomSheetBehavior.STATE_EXPANDED) {
            mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
            isBottomSheetExpand = false;
        }
    }

    public void openBottomSheet() {
        if (mBottomSheetBehavior.getState() != BottomSheetBehavior.STATE_EXPANDED) {
            mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
            isBottomSheetExpand = true;
        }
    }
0
Shubham Vala

documentation によると、setPeekHeightメソッドはポップアップ動作を担当します。を使用して

bottomSheet.setState(STATE_HIDDEN) should do the trick.
0
XmenR