web-dev-qa-db-ja.com

Android Multiline Snackbar

Android Design Support Libraryの新しいSnackbarを活用して、 http://www.google.com/ design/spec/components/snackbars-toasts.html＃snackbars-toasts-specs ：

import Android.support.design.widget.Snackbar;

final String snack = "First line\nSecond line\nThird line";
Snackbar.make(mView, snack, Snackbar.LENGTH_LONG).show();

Nexus 7ではFirst line...のみが表示されます。すべての行を表示するにはどうすればよいですか？

PS：Toastを試しましたが、すべての行が表示されました。

androidandroid-support-libraryandroid-design-library
75
Dima Kornilov

Snackbars TextviewのmaxLines属性を設定するだけです

View snackbarView = snackbar.getView();
TextView textView = (TextView) snackbarView.findViewById(Android.support.design.R.id.snackbar_text);
textView.setMaxLines(5);  // show multiple line
193
Nilesh Senta

アプリのvalues.xmlで使用されている定義済みの値をオーバーライドできます

<integer name="design_snackbar_text_max_lines">5</integer>

この値は、デフォルトでSnackbarによって使用されます。

27
akd005
Snackbar snackbar =  Snackbar.make(view, "Text",Snackbar.LENGTH_LONG).setDuration(Snackbar.LENGTH_LONG);
View snackbarView = snackbar.getView();
TextView tv= (TextView) snackbarView.findViewById(Android.support.design.R.id.snackbar_text);
tv.setMaxLines(3); 
snackbar.show();
10
Ramesh R

これに関する私の発見は次のとおりです。

Androidはマルチラインスナックバーをサポートしていますが、マルチラインスナックバーの高さを80dp（ほぼ2行）にする必要があるという設計ガイドラインと一致する最大2行の制限があります

これを確認するために、cheesesquare Androidサンプルプロジェクトを使用しました。次の文字列を使用する場合：

Snackbar.make(view, "Random Text \n When a second snackbar is triggered while the first is displayed", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();

この場合、2行目のテキストで複数行のスナックバー、つまり「2番目のスナックバーがトリガーされたとき」が表示されますが、このコードを次の実装に変更すると：

Snackbar.make(view, "Random Text \n When \n a second snackbar is triggered while the first is displayed", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();

「ランダムテキスト\ nWhen ...」のみが表示されます。これは、デザインライブラリが意図的にtextviewを最大2行にすることを意味します。

10
mudit

スナックバーに含まれるtextviewのリソースIDをハードコーディングすることを含む提案の代替策は、TextViewを見つけるために反復することです。長期的により安全で、IDの変更を最小限に抑えてサポートライブラリを更新できます。

例：

 public static Snackbar getSnackbar(View rootView, String message, int duration) {
    Snackbar snackbar = Snackbar.make(rootView, message, duration);
    ViewGroup snackbarLayout = (ViewGroup) snackbar.getView();

    TextView text = null;

    for (int i = 0; i < snackbarLayout.getChildCount(); i++) {
        View child = snackbarLayout.getChildAt(i);

        // Since action is a button, and Button extends TextView,
        // Need to make sure this is the message TextView, not the 
        // action Button view.
        if(child instanceof TextView && !(child instanceof Button)) {
            text = (TextView) child;
        }
    }

    if (text != null) {
        text.setMaxLines(3);
    }
    return snackbar;
}
3
Chantell Osejo

SetMaxLinesを使用する代わりに、setSingleLineを使用してtextviewをそのコンテンツにラップします。

String yourText = "First line\nSecond line\nThird line";
Snackbar snackbar = Snackbar.make(mView, yourText, Snackbar.LENGTH_SHORT);
    TextView textView =
        (TextView) snackbar.getView().findViewById(Android.support.design.R.id.snackbar_text);
    textView.setSingleLine(false);
snackbar.show();
2
medhdj

これは私のために働く

Snackbar snackbar =  Snackbar.make(mView, "Your text string", Snackbar.LENGTH_INDEFINITE);
((TextView) snackbar.getView().findViewById(Android.support.design.R.id.snackbar_text)).setSingleLine(false);
snackbar.show();
2
techSquats

遅いですが、誰かに役立つかもしれません：

public void showSnackBar(String txt, View view){
    final Snackbar snackbar = Snackbar.make(view,txt,Snackbar.LENGTH_INDEFINITE)
        .setAction("OK", new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //do something
            }
        });
    View view = snackbar.getView();
    TextView textView = (TextView) view.findViewById(Android.support.design.R.id.snackbar_text);
    textView.setMaxLines(5);
    snackbar.show();
}
1
Adeeb karim

ライブラリの新しいバージョンで変更が発生してもクラッシュしない方法：

Snackbar.make(...).setAction(...) {
    ...
}.apply {
    (view.findViewById<View?>(R.id.snackbar_text) as? TextView?)?.setSingleLine(false)
}.show()

そして、IDを使用せずにそれを行う方法は、無制限の複数行を持つようにスナックバーのすべてのTextViewを設定します：

@UiThread
fun setAllTextViewsToHaveInfiniteLinesCount(view: View) {
    when (view) {
        is TextView -> view.setSingleLine(false)
        is ViewGroup -> for (child in view.children)
            setAllTextViewsToHaveInfiniteLinesCount(child)
    }
}

Snackbar.make(...).setAction(...) {
    ...
}.apply {
    setAllTextViewsToHaveInfiniteLinesCount(view)
}.show()

Javaの同じ機能：

@UiThread
public static void setAllTextViewsToHaveInfiniteLines(@Nullable final View view) {
    if (view == null)
        return;
    if (view instanceof TextView)
        ((TextView) view).setSingleLine(false);
    else if (view instanceof ViewGroup)
        for (Iterator<View> iterator = ViewGroupKt.getChildren((ViewGroup) view).iterator(); iterator.hasNext(); )
            setAllTextViewsToHaveInfiniteLines(iterator.next());
}
1
android developer

材料設計の場合、参照はcom.google.Android.material.R.id.snackbar_text

val snack = Snackbar.make(myView, R.string.myLongText, Snackbar.LENGTH_INDEFINITE).apply {
                view.findViewById<TextView>(com.google.Android.material.R.id.snackbar_text).maxLines = 10
            }
            snack.show()
0
rmirabelle

コトリンでは、あなたはただできる

_Snackbar.make(rootView, "Yo!", Snackbar.LENGTH_LONG).apply {
    view.snackbar_text.setSingleLine(false)
    show()
}
_

必要に応じて、setSingleLine(false)を_maxLines = 3_に置き換えることができます。

Android Studioは追加するように指示する必要があります

_import kotlinx.Android.synthetic.main.design_layout_snackbar_include.view.*
_
0
Gumby The Green