Android Snackbar 布局

Posted

技术标签:

【中文标题】Android Snackbar 布局【英文标题】:Android Snackbar layout 【发布时间】:2017-05-10 03:10:15 【问题描述】:

如何自定义我的 Snackbar 布局,如下所示在 Google Drive 上?

编辑:这是唯一的方法吗? how to customize snackBar's layout?

【问题讨论】:

也许那不是Snackbar 【参考方案1】:

为什么需要snackbar?只需在布局底部添加一个包含您需要的信息的视图。

 <RelativeLayout
    android:layout_
    android:layout_
    android:layout_alignParentBottom="true"
    android:background="@android:color/black"
    android:layout_alignParentStart="true">

    <ImageView
        android:id="@+id/image"
        android:src="@drawable/image"
        android:layout_
        android:layout_/>

    <TextView
        android:id="@+id/email"
        android:textSize="25sp"
        android:textColor="@android:color/white"
        android:layout_
        android:layout_
        android:text="Email"
        android:layout_alignParentBottom="true"
        android:layout_toEndOf="@+id/image" />

    <TextView
        android:id="@+id/name"
        android:textSize="25sp"
        android:layout_
        android:layout_
        android:textColor="@android:color/white"
        android:text="Name"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/image" />
</RelativeLayout>

【讨论】:

【参考方案2】:

我已经设法与 Mike 和 JJD anwser here 解决了这个问题。这是我的代码

在我的活动中:

private void showLoggedUser() 
    View view = findViewById(android.R.id.content);
    Snackbar snackbar = Snackbar.make(view, "", Snackbar.LENGTH_LONG);
    Snackbar.SnackbarLayout layout = (Snackbar.SnackbarLayout) snackbar.getView();
    layout.findViewById(android.support.design.R.id.snackbar_text).setVisibility(View.INVISIBLE);

    FirebaseUser currentUser = FirebaseUtils.getCurrentUser();
    View snackView = mInflater.inflate(R.layout.login_snackbar, null);
    ((TextView)snackView.findViewById(R.id.user_name)).setText(currentUser.getDisplayName());
    ((TextView)snackView.findViewById(R.id.user_mail)).setText(currentUser.getEmail());

    final ImageView imageview = (ImageView) snackView.findViewById(R.id.user_ic);
    ImageDownloader imageDownloader = new ImageDownloader() 
        @Override
        protected void onPostExecute(Bitmap bitmap) 
            RoundedBitmapDrawable bmDrawable;
            bmDrawable = RoundedBitmapDrawableFactory.create(getResources(), bitmap);
            bmDrawable.setCornerRadius(Math.max(bitmap.getWidth(), bitmap.getHeight()) / 2.0f);
            imageview.setImageDrawable(bmDrawable);
        
    ;
    imageDownloader.execute(currentUser.getPhotoUrl().toString());

    layout.addView(snackView, 0);
    snackbar.show();

我的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal" android:layout_
    android:layout_ android:gravity="center_vertical"
    android:paddingTop="@dimen/activity_margin" android:paddingBottom="@dimen/activity_margin">

    <ImageView
        android:id="@+id/user_ic"
        android:layout_
        android:layout_
        app:srcCompat="@drawable/ic_user_white"
        android:adjustViewBounds="false" />

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:layout_marginLeft="10dp">

        <TextView
            android:text="Username"
            android:id="@+id/user_name"
            android:layout_
            android:layout_
            android:textAppearance="@style/TextAppearance.AppCompat.SearchResult.Subtitle"
            android:textColor="@android:color/white" />

        <TextView
            android:text="Usermail"
            android:id="@+id/user_mail"
            android:layout_
            android:layout_
            android:textAppearance="@style/TextAppearance.AppCompat.Caption"
            android:textColor="@android:color/white" />

    </LinearLayout>

最终结果

【讨论】:

以上是关于Android Snackbar 布局的主要内容,如果未能解决你的问题,请参考以下文章

Angular (v5+) - Snackbar “openFromComponent”,组件通信

Android - 我的 Snackbar 出现在底部导航栏的前面而不是它的上方,如何解决?

Xamarin.Forms之UserDialogs 重制版本

Android Material Design 系列之 SnackBar详解

android中的全局SnackBar

Android KitKat:Snackbar 不在屏幕底部