2016-07-12 12 views
5

私は多くの異なるポップアップを持つアンドロイドアプリケーションを持っています。画面下部にダイアログのオーバーレイにSnackBarを追加します。 ダイアログのオーバーレイの下部にSnackBarを追加するには

は、私は次のコード

if (fragment!= null) { 
    Snackbar snackbar = Snackbar.make(fragment.getDialog().getWindow().findViewById(android.R.id.content), 
      message, Snackbar.LENGTH_LONG); 
    View view = snackbar.getView(); 
    FrameLayout.LayoutParams params =(FrameLayout.LayoutParams)view.getLayoutParams(); 
    params.gravity = Gravity.BOTTOM; 
    view.setLayoutParams(params); 
    snackbar.show(); 
} 

を試みたが、SnackBarはない、画面の一番下の中央にDialogの下部に表示されます。現在ActivitySnackbarを追加すると、ダイアログのオーバーレイの下に表示されます。

Android SnackBar

+0

使用カスタムダイアログ背景を透明にして、アンドロイドのデフォルトのダイアログと同じ感情を持つようにします。 – Drv

+0

上記の画像からのダイアログの幅と高さの値は既に 'match_parent'に設定されています – roroinpho21

+0

自分の答えを編集しましたかチェックできます –

答えて

2

あなたは

fragment.getDialog().getWindow().findViewById(android.R.id.content)

としてダイアログビューを解析している私はあなたの代わりに、フラグメントレイアウトのルートビューを解析することをお勧めします。

+0

トップレイアウトのコンポーネントに 'id'を追加してから' SnackBar' 'findViewById(R.id.my_dialog_parent_component_id)'? – roroinpho21

+0

それは私が意味したものだ –

+0

私は試した、それは動作しません。 – roroinpho21

2

フルスクリーンカスタムダイアログのテーマ、以下の利用

<style name="DialogTheme" parent="android:Theme.Dialog"> 

<item name="android:layout_width">fill_parent</item> 
<item name="android:layout_height">fill_parent</item> 


<!-- No backgrounds, titles or window float --> 
<item name="android:windowBackground">@null</item> 
<item name="android:windowNoTitle">true</item> 
<item name="android:windowIsFloating">false</item> 

以下のようにあなたのダイアログでそれを使用してください:物事の上に使用するには

dialog = new Dialog(this, R.style.DialogTheme); 

、あなたはあなたのためのカスタムレイアウトを使用する必要がありますカスタムダイアログ。

dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT)); 

ダイアログの背景を透明にするために上記の行を試してください。

+0

私はあなたのソリューションを試しましたが、この場合、ダイアログはディスプレイと同じ高さになり、 'Dialog'が高さに' wrap_content'を持たせたいと思います。これを解決するために、私のリソースレイアウトに新しい「RelativeLayout」を追加して透明にしましたが、背景が白いようです。 – roroinpho21

+0

@ roroinpho21私は私のansを編集しました。 – Drv

+0

あなたのクイックリプレイをありがとう。今はほとんど私が欲しいものです。私が透明なゾーンをクリックすると、この時点でダイアログが「却下」されますが、何も起こりません。私は回避策として 'onCLick'イベントを追加すべきだと思います。可能ならば、透明な色を透明な黒色に置き換えて、私の投稿の画像に見えるようにしたいと思います。 – roroinpho21

0

ここではLayoutInflater.inflateが代わりに使用されます。必要に応じてコードをマップしてみてください。 Here you can find more info

AlertDialog.Builder mAlertDialogBuilder = new AlertDialog.Builder(this); 
LayoutInflater inflater = this.getLayoutInflater(); 
// inflate the custom dialog view 
final View mDialogView = inflater.inflate(R.layout.dialog_layout, null); 
// set the View for the AlertDialog 
mAlertDialogBuilder.setView(mDialogView); 

Button btn = (Button) mDialogView.findViewById(R.id.dialog_btn); 
btn.setOnClickListener(new View.OnClickListener() { 
    @Override 
    public void onClick(View view) { 
     // Pass the mDialogView to the SnackBar 
     Snackbar 
       .make(mDialogView, "SnackBar in Dialog", Snackbar.LENGTH_LONG) 
       .show(); 
    } 
}); 
AlertDialog alertDialog = mAlertDialogBuilder.create(); 
alertDialog.show(); 

あなたのコードにマッピングするための助けが必要な場合は、最後に私は、私はあなたが期待するものを行っていると思います

+0

この場合、ダイアログの下部には「Snackbar」が画面下部に表示されません。 – roroinpho21

1

をお気軽に。私はこの同じ質問にいくつかの答えを追加しても、私はあなたにもっと明確になるために別の答えとしてこの答えを追加します。

enter image description here

その汚いUI、私はそれが非常にrushy準備。画面の下部にStackBarが表示されますか? AlertDialogOKボタンをクリックすると表示されます

ここではどのように行っていますか。

次のコードは、コードがactivity_main.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:id="@+id/rootView" 
tools:context="com.stackoverflow.answer.androidcustomdialog.MainActivity"> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Hello World!" /> 

次のコードは、MainActivity.java

に属する属する以下 custom_dialog_layout.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 

<ImageView 
    android:id="@+id/image" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@mipmap/ic_launcher"/> 

<TextView 
    android:id="@+id/text" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:textColor="@android:color/black" 
    android:text="Sample Test for Custom Dialog" 
    android:textSize="20sp" 
    android:layout_toRightOf="@+id/image" 
    android:layout_alignBottom="@+id/image" />/> 

<Button 
    android:id="@+id/dialogButtonOK" 
    android:layout_width="100px" 
    android:layout_height="wrap_content" 
    android:text=" Ok " 
    android:layout_below="@+id/text" 
    android:layout_centerHorizontal="true" /> 

に属し

package com.stackoverflow.answer.androidcustomdialog; 

import android.support.design.widget.Snackbar; 
import android.support.v7.app.AlertDialog; 
import android.support.v7.app.AppCompatActivity; 
import android.os.Bundle; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.widget.Button; 

public class MainActivity extends AppCompatActivity { 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    final View rootView=(View)findViewById(R.id.rootView); 

    AlertDialog.Builder mAlertDialogBuilder = new AlertDialog.Builder(this); 
    // inflate the custom dialog view 
    LayoutInflater inflater=getLayoutInflater(); 
    final View mDialogView = inflater.inflate(R.layout.custom_dialog_layout, null); 
    // set the View for the AlertDialog 
    mAlertDialogBuilder.setView(mDialogView); 

    Button btn = (Button) mDialogView.findViewById(R.id.dialogButtonOK); 
    btn.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 
      // Pass the RootView to the SnackBar 
      Snackbar 
        .make(rootView, "SnackBar in Dialog", Snackbar.LENGTH_LONG) 
        .show(); 
     } 
    }); 
    AlertDialog alertDialog = mAlertDialogBuilder.create(); 
    alertDialog.show(); 
} 
} 

気軽にお気軽にお問い合わせください。この例では、フラグメントを使用していません。必要ならば私もそれを手伝うことができます。また、必要に応じてプロジェクトを送信することもできます。私にあなたの電子メールを送ってください:)

私が実際にしたことは、RooTレイアウトビューをSnackBarに渡すだけです。そのような単純です。

もう一つ..

Google Material Design Snackbars & Toasts Usageリファレンス

による配置

スナックバーは、画面上のほとんどの要素の上に表示され、それらはフローティングアクションボタンに 仰角に等しいです。ただし、ダイアログボックス、ボトムシート、およびナビゲーションドロワーよりも低くなります( )。

したがって、Snackbarは常にダイアログよりも高度が低く表示されます。

+1

あなたの答えをありがとう。私が欲しいのは、 'Snackbar'を' Dialog'に置くことですが、あなたの投稿に私を示したように、 'Snackbar'は常にダイアログよりも低いレベルで表示されます。 – roroinpho21

+0

私はこれを正解とマークすることができると思います。 –

+0

犯行はありませんが、はい、いいえです。はい、私は 'Snackbar'をダイアログの上に置くことをあきらめました。なぜなら、誰かが' Snackbar'をダイアログの上に重ねたいのであれば、このコードスニペットは役に立たないからです。 – roroinpho21

1

このソリューションをお試しください: 使用される材料のダイアログ:
custom_dialog_layout.xml高さをmatch_parentし、そのレイアウトのを設定しようとしているカスタムレイアウトと

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 
<TextView 
    android:id="@+id/text" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:textColor="@android:color/black" 
    android:text="Sample Test for Custom Dialog" 
    android:textSize="20sp" 
    android:layout_toRightOf="@+id/image" 
    android:layout_alignBottom="@+id/image" />/> 

<Button 
    android:id="@+id/dialogButtonOK" 
    android:layout_width="100px" 
    android:layout_height="wrap_content" 
    android:text=" Ok " 
    android:layout_below="@+id/text" 
    android:layout_centerHorizontal="true" /> 
    <android.support.design.widget.CoordinatorLayout 
    android:layout_width="match_parent" 
    android:id="@+id/coordinatorLayout" 
    android:layout_height="wrap_content"> 
</android.support.design.widget.CoordinatorLayout> 
</RelativeLayout> 

fragment.java

final MaterialDialog dialog = new MaterialDialog.Builder(context) 
       .customView(R.layout.custom_dialog_layout, false) 
       .positiveText(R.string.btn_OK) 
       .canceledOnTouchOutside(false) 

       .negativeText(android.R.string.cancel) 
       .onPositive(new MaterialDialog.SingleButtonCallback() { 
           @Override 
           public void onClick(@NonNull final MaterialDialog dialog, @NonNull DialogAction which) { 
Snackbar.make(mCoordinatorLayout, "Please Enter All fields!", Snackbar.LENGTH_LONG).show(); 
                dialog.show(); 
}) 

       .build() 
positiveAction = dialog.getActionButton(DialogAction.POSITIVE); 
    mCoordinatorLayout = (CoordinatorLayout) dialog.getCustomView().getRootView().findViewById(R.id.coordinatorLayout); 
dialog.show(); 
関連する問題