BottomSheetDialogのデフォルトの高さを変更するにはどうすればよいですか？

Question

私はSupport Library 23.2で追加された新しいBottomSheetDialogを使用していますが、ダイアログのデフォルトの高さを変更したいと思います。最初の高さを制御するbehavior_peekHeight属性と関連付ける必要があることはわかっていますが、BottomSheetBehaviorに直接アクセスできない場合は、BottomSheetDialogにどのように設定しますか？もう一つの方法は、BottomSheetDialogFragmentを継承している

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <item name="bottomSheetDialogTheme">@style/AppBottomSheetDialogTheme</item> 
</style> 

<style name="AppBottomSheetDialogTheme" 
     parent="Theme.Design.Light.BottomSheetDialog"> 
    <item name="bottomSheetStyle">@style/AppModalStyle</item> 
</style> 

<style name="AppModalStyle" 
     parent="Widget.Design.BottomSheet.Modal"> 
    <item name="behavior_peekHeight">@dimen/custom_peek_height</item> 
</style> 

Answer 1

あなたはbottomSheetStyle属性のbehavior_peekHeightを上書きし、あなたの活動にbottomSheetDialogThemeを設定することができます。ビューツリーに移動すると、BottomSheetDialogがコンテンツビューをラップアップする動作を取得できます。より多くのレイアウトパスが必要なので、それは本当に良い解決策ではありません。一番下のシートの状態がSTATE_HIDDENであるときには、ライブラリで提供されている実装に明確に違反していなければダイアログを閉じる必要があります。

ピーク時の高さをプログラムで設定した後、コンテンツビューでは実際に別のレイアウトパスであるrequestLayout()を呼び出す必要があります。

public class CustomBottomSheetDialogFragment extends BottomSheetDialogFragment { 


    private BottomSheetBehavior.BottomSheetCallback mBottomSheetBehaviorCallback = new BottomSheetBehavior.BottomSheetCallback() { 

     @Override 
     public void onStateChanged(@NonNull View bottomSheet, int newState) { 
      setStateText(newState); 
      if (newState == BottomSheetBehavior.STATE_HIDDEN) { 
       dismiss(); 
      } 

     } 

     @Override 
     public void onSlide(@NonNull View bottomSheet, float slideOffset) { 
     } 
    }; 

@Override 
    public void setupDialog(Dialog dialog, int style) { 
     super.setupDialog(dialog, style); 
     View contentView = View.inflate(getContext(), R.layout.bottom_sheet_dialog_content_view, null); 
     dialog.setContentView(contentView); 
     mBottomSheetBehavior = BottomSheetBehavior.from(((View) contentView.getParent())); 
     if (mBottomSheetBehavior != null) { 
      mBottomSheetBehavior.setBottomSheetCallback(mBottomSheetBehaviorCallback);  
      mBottomSheetBehavior.setPeekHeight(peekHeight); 
      contentView.requestLayout(); 
     } 
} 

Answer 2

し、コンテンツビューを設定する際の制御方法とがあります。

Answer 3

のstyles.xml

<style name="BottomSheetDialog" parent="Theme.Design.Light.BottomSheetDialog"> 
    <item name="bottomSheetStyle">@style/bottomSheetStyleWrapper</item> 
</style> 

<style name="bottomSheetStyleWrapper" parent="Widget.Design.BottomSheet.Modal"> 
    <item name="behavior_peekHeight">500dp</item> 
</style> 

BottomSheetDialog dialog = new BottomSheetDialog(this, R.style.BottomSheetDialog); 
      dialog.setContentView(R.layout.layout_bottom_sheet); 
      dialog.show(); 

Answer 4

あなたはニックとのLiTaOのソリューションを組み合わせることで、あなたのコード内のBottomSheetBehavior

BottomSheetDialog dialog = new BottomSheetDialog(content); 
. 
. 
. 
dialog.setContentView(view); 
BottomSheetBehavior mBehavior = BottomSheetBehavior.from((View) view.getParent()); 
mBehavior.setPeekHeight(your dialog height) 
dialog.show(); 

Answer 5

を使用することができ、これは我々が何をすべきかの完全なバージョンです：

BottomSheetDialog bottomSheet = new BottomSheetDialog(context); 
View view = View.inflate(context, R.layout.your_action_sheet, null); 
bottomSheet.setContentView(view); 
BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(((View) view.getParent())); 
bottomSheetBehavior.setPeekHeight(1000); 
bottomSheet.show();