Android Multiline Snackbar

Tôi đang cố gắng tận dụng tính năng mới Snackbartừ Thư viện hỗ trợ thiết kế của Android để hiển thị thanh nhanh nhiều dòng, như được hiển thị trong 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();

Nó chỉ hiển thị First line...trên Nexus 7. Làm cách nào để hiển thị tất cả các dòng?

PS: Tôi đã thử Toastvà nó hiển thị tất cả các dòng.

Chỉ cần đặt maxLinesthuộc tính của Snackbars Textview

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

Nếu bạn đang sử dụng "com.google.android.material:material:1.0.0"phụ thuộc gần đây hơn , thì bạn sẽ sử dụng điều này: com.google.android.material.R.id.snackbar_textđể truy cập TextView của Snackbar.

Bạn có thể sử dụng ngay cả R.id.snackbar_text. nó làm việc cho tôi.

Người ta có thể ghi đè giá trị được xác định trước được sử dụng cho giá trị đó trong các value.xml của ứng dụng

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

Giá trị này được sử dụng bởi Snackbar theo mặc định.

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();

Đây là phát hiện của tôi về điều này:

Android không hỗ trợ thanh ăn nhanh nhiều dòng nhưng nó có giới hạn tối đa là 2 dòng phù hợp với hướng dẫn thiết kế trong đó nói rằng chiều cao của thanh ăn nhanh nhiều dòng phải là 80dp (gần 2 dòng)

Để xác minh điều này, tôi đã sử dụng dự án mẫu android cheesesquare. Nếu tôi sử dụng chuỗi sau:

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

Trong trường hợp này, tôi có thể thấy thanh đồ ăn nhanh nhiều dòng với văn bản của dòng thứ 2, tức là "Khi thanh đồ ăn nhanh thứ hai được kích hoạt" nhưng nếu tôi thay đổi mã này thành cách triển khai sau:

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();

Tôi chỉ có thể thấy "Văn bản Ngẫu nhiên \ nKhi ... ". Điều này có nghĩa là thư viện thiết kế đang cố tình buộc chế độ xem văn bản phải có tối đa 2 dòng.

Đối với Thiết kế Vật liệu, tham chiếu là 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()

Một giải pháp thay thế cho các đề xuất liên quan đến mã hóa cứng ID tài nguyên cho chế độ xem văn bản được chứa bởi thanh nhanh là lặp lại để tìm Chế độ xem văn bản. Nó an toàn hơn về lâu dài và cho phép bạn cập nhật thư viện hỗ trợ mà không sợ thay đổi ID.

Thí dụ:

 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;
}

Thay vì sử dụng setMaxLines, tôi sử dụng setSingleLine để làm cho textview bao bọc nội dung của nó.

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();

cái này phù hợp với tôi

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();

Muộn, nhưng có thể hữu ích cho ai đó:

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();
}

Với Thư viện thành phần vật liệu, bạn có thể xác định nó bằng cách sử dụng snackbarTextViewStylethuộc tính trong chủ đề ứng dụng:

<style name="AppTheme" parent="Theme.MaterialComponents.*">
  ...
  <item name="snackbarTextViewStyle">@style/snackbar_text</item>
</style>

<style name="snackbar_text" parent="@style/Widget.MaterialComponents.Snackbar.TextView">
    ...
    <item name="android:maxLines">5</item>
</style>

Lưu ý : nó yêu cầu phiên bản 1.2.0 của thư viện.

Trong Kotlin, bạn chỉ có thể làm

Snackbar.make(root_view, "Yo\nYo\nYo!", Snackbar.LENGTH_SHORT).apply {
    view.snackbar_text.setSingleLine(false)
    show()
}

Bạn cũng có thể thay thế setSingleLine(false)bằng maxLines = 3.

Android Studio sẽ nhắc bạn thêm

import kotlinx.android.synthetic.main.design_layout_snackbar_include.view.*

BIÊN TẬP

Tôi không thể làm cho điều này hoạt động trở lại, vì vậy tôi sẽ chỉ chia sẻ những gì tôi nghĩ là cách rõ ràng nhất để viết trong Kotlin những gì một số người khác đã chia sẻ:

import com.google.android.material.R as MaterialR

Snackbar.make(root_view, "Yo\nYo\nYo!", Snackbar.LENGTH_SHORT).apply {
    val textView = view.findViewById<TextView>(MaterialR.id.snackbar_text)
    textView.setSingleLine(false)
    show()
}

Một cách để làm điều đó sẽ không bị lỗi trong trường hợp mọi thứ thay đổi trên các phiên bản mới hơn của thư viện:

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

Và một cách để làm điều đó mà không cần sử dụng id, đặt tất cả các TextView trong Snackbar thành có nhiều dòng không giới hạn:

@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()

Chức năng tương tự trong 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());
}

Trong kotlin, bạn có thể sử dụng các phần mở rộng.

// SnackbarExtensions.kt

fun Snackbar.allowInfiniteLines(): Snackbar {
    return apply { (view.findViewById<View?>(R.id.snackbar_text) as? TextView?)?.isSingleLine = false }
}

Sử dụng:

Snackbar.make(view, message, Snackbar.LENGTH_LONG)
                        .allowInfiniteLines()
                        .show()

Chỉ cần một bình luận nhanh chóng, nếu bạn đang sử dụng com.google.android.material:materialcác tiền tố hoặc gói cho R.idnêncom.google.android.material

val snackbarView = snackbar.view
val textView = snackbarView.findViewById<TextView>(com.google.android.material.R.id.snackbar_text)
textView.maxLines = 3

vì vậy tôi đang sử dụng thư viện material design mới nhất từ ​​google com.google.android.material:material:1.1.0 và tôi đã sử dụng đoạn mã đơn giản sau đây bên dưới, để giải quyết cho phép nhiều dòng hơn trong thanh nhanh. hy vọng nó cũng sẽ giúp ích cho các nhà phát triển mới.

TextView messageView = snackbar.getView().findViewById(R.id.snackbar_text);
messageView.setMaxLines(5);

Để tránh nhầm lẫn cho các câu trả lời khác có thể sử dụng updateMaxLine, giải pháp này ít có khả năng bị hỏng nếu Google quyết định thay đổi id của chế độ xem văn bản)

val snackBar = Snackbar.make(view, message, duration)
 snackBar.view.allViews.updateMaxLine(5)
 snackBar.show()

chỉ cần lưu ý, tùy chọn này sẽ cập nhật dòng tối đa cho tất cả các chế độ xem văn bản trong chế độ xem Snakbar (mà tôi không nghĩ nó quan trọng)

thêm cái này làm phần mở rộng

private fun <T> Sequence<T>.updateMaxLine(maxLine : Int) {
    for (view in this) {
        if (view is TextView) {
            view.maxLines = maxLine
        }
    }
}