CODEWITHSUNDEEP
androidmaterial-designandroid-snackbar
Stranger B.
Stranger B.

Reputation: 9364

Show a SnackBar on the top (below of the toolbar)

I'm trying to show a SnackBar on top below of the ToolBar in my MainActivity,

I've tried this code :

 mToolbar = (Toolbar) findViewById(R.id.toolbar);
 Snackbar snack = Snackbar.make(findViewById(android.R.id.content), "Had a snack at Snackbar", Snackbar.LENGTH_LONG);
    View view = snack.getView();
    FrameLayout.LayoutParams params =(FrameLayout.LayoutParams)view.getLayoutParams();
    params.gravity = Gravity.TOP;
    view.setLayoutParams(params);
    snack.show();

but the SnackBar is showing on the top, but not below the Toolbar.

I want something similar to Hangout application like :

Screen shot

Main Activity:

<android.support.design.widget.CoordinatorLayout 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:id="@+id/Coordinator"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    tools:context=".MainActivity">

   <LinearLayout
       android:orientation="vertical"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent">

       <android.support.v7.widget.Toolbar

           android:id="@+id/toolbar"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:minHeight="?attr/actionBarSize"
           android:background="?attr/colorPrimary"
           android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

           <ImageView
               android:layout_width="75dp"
               android:layout_height="28dp"
               android:src="@drawable/athena"/>
      </android.support.v7.widget.Toolbar>

      <ProgressBar
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:id="@+id/progressBar5"
           android:layout_marginTop="10dp"
           android:layout_gravity="center_horizontal" />

      <android.support.v4.widget.SwipeRefreshLayout
           android:id="@+id/swipeRefreshLayout"
           android:layout_width="match_parent"
           android:layout_height="match_parent">

           <android.support.v7.widget.RecyclerView
               android:id="@+id/my_recycler_view"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:scrollbars="vertical" />
       </android.support.v4.widget.SwipeRefreshLayout>
   </LinearLayout>

    <com.melnykov.fab.FloatingActionButton
        android:id="@+id/add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="16dp"
        fab:fab_colorNormal="@color/colorPrimary"
        android:src="@drawable/ic_action_name9" />

</android.support.design.widget.CoordinatorLayout>

I'm using TSnackbar, the SnackBar is showing over the toolbar

TSnackbar.make(findViewById(android.R.id.content),"Hello from TSnackBar.",TSnackbar.LENGTH_LONG).show();

Upvotes: 16

Views: 19298

Answers (6)

Nelson Katale
Nelson Katale

Reputation: 1539

Thanks to @Shijil solution i've managed to display MinimalKSnack below the toolbar.

MinimalKSnack minimalKSnack = new MinimalKSnack(MainActivity.this);
minimalKSnack.setMessage(getResources().getString(R.string.notification))
    .setStyle(MinimalKSnackStyle.STYLE_SUCCESS)
    .setBackgroundColor(R.color.metallic_blue)
    .setAnimation(Fade.In.getAnimation(), Fade.Out.getAnimation())
    .setDuration(2000); 

View view = minimalKSnack.getMinimalSnackView();

LinearLayout.LayoutParams params =(LinearLayout.LayoutParams)view.getLayoutParams();
params.gravity =  Gravity.CENTER_VERTICAL | Gravity.TOP;

TypedValue typedValue = new TypedValue();
int actionBarHeight =0;

if(getTheme().resolveAttribute(R.attr.actionBarSize,typedValue,true)){
    actionBarHeight = TypedValue.complexToDimensionPixelOffset(typedValue.data,getResources().getDisplayMetrics());
}

params.setMargins(0,actionBarHeight,0,0);
view.setLayoutParams(params);
minimalKSnack.show();

Github Library link onurkagan / KSnack

Upvotes: 0

Saku
Saku

Reputation: 180

Got a solution in Kotlin, Give a try :)

 val mainLayout: ConstraintLayout = root.findViewById(R.id.main_layout)

 val button: Button = root.findViewById(R.id.button)
 button.setOnClickListener {

     val snackBar = TSnackbar.make(mainLayout, "Snacking with VectorDrawable", TSnackbar.LENGTH_INDEFINITE)
     snackBar.setActionTextColor(Color.WHITE)
     snackBar.setIconLeft(R.drawable.ic_announcement_black_24dp, 24f)
     val snackBarView = snackBar.view

     val tv = TypedValue()
     if (activity!!.getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true)) {
         val actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data, resources.displayMetrics)
         val params = view!!.getLayoutParams() as FrameLayout.LayoutParams
         params.setMargins(0, actionBarHeight, 0, 0)
         params.height = 70
         snackBarView.setLayoutParams(params)
     }

     snackBarView.setBackgroundColor(Color.parseColor("#CC00CC"))
     val textView = snackBarView.findViewById(com.androidadvance.topsnackbar.R.id.snackbar_text) as TextView
     textView.setTextColor(Color.YELLOW)
     snackBar.setIconPadding(10)
     snackBar.show()
 }

Upvotes: 1

Raut Darpan
Raut Darpan

Reputation: 1530

I am giving below the code that I have used in my app and which is working properly for range of devices 

Complie  : compile 'com.androidadvance:topsnackbar:1.1.1'

define view :

 private CoordinatorLayout CSnakbarLayout;

CSnakbarLayout = (CoordinatorLayout) rootView.findViewById(R.id.snackbar_event_mesg);

XML : 

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/snackbar_event_mesg"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true">

        </RelativeLayout>
    </android.support.design.widget.CoordinatorLayout>

Below code in the activity / Fragment you want to implement the Snackbar from top :

/**
 * Method to display message for on going Event
 */
private void displaySnackbar() {
    int duration = 4000;
    final TSnackbar snackbar = TSnackbar.make(CSnakbarLayout, getString(R.string.on_going_event_mesg), TSnackbar.LENGTH_INDEFINITE);
    snackbar.setActionTextColor(Color.WHITE);
    Handler handler = new Handler();
    handler.postDelayed(new Runnable() {
        @Override
        public void run() {
            try {
                snackbar.dismiss();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }, duration);
    snackbar.setAction("Ok", new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            snackbar.dismiss();
        }
    });
    View snackbarView = snackbar.getView();
    ViewGroup.LayoutParams params = snackbarView.getLayoutParams();
    params.height = 300;
    snackbarView.setLayoutParams(params);
    snackbarView.setBackgroundColor(Color.BLACK);
    TextView textView = (TextView) snackbarView.findViewById(com.androidadvance.topsnackbar.R.id.snackbar_text);
    textView.setTextColor(Color.WHITE);
    textView.setMaxLines(5);
    snackbar.show();
}

Thank you :)

Upvotes: 0

Elnaz
Elnaz

Reputation: 511

This worked for me, set top margin for your snackbar, consider your toolbar size:

View view = snack.getView();
    CoordinatorLayout.LayoutParams params2 =(CoordinatorLayout.LayoutParams)view.getLayoutParams();
    params2.setMargins(0,50,0,0);

Upvotes: 0

Shijil
Shijil

Reputation: 2246

set margin on top of snackbar

Snackbar snack = Snackbar.make(findViewById(android.R.id.content), "Had a snack at Snackbar", Snackbar.LENGTH_LONG);
View view = snack.getView();
FrameLayout.LayoutParams params =(FrameLayout.LayoutParams)view.getLayoutParams();
params.gravity =  Gravity.CENTER_HORIZONTAL | Gravity.TOP;

// calculate actionbar height
TypedValue tv = new TypedValue();
int actionBarHeight=0;
if (getTheme().resolveAttribute(R.attr.actionBarSize, tv, true))
{
    actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data,getResources().getDisplayMetrics());
}

// set margin 
params.setMargins(0, actionBarHeight, 0, 0);

view.setLayoutParams(params);
snack.show();

Upvotes: 3

RD-07
RD-07

Reputation: 81

use PopupWindow using handler as 

if(!topPopupWindow.isShowing()){
    topPopupWindow.showAsDropDown(toolbar);
}
handler.removeMessages(0);
handler.sendEmptyMessageDelayed(0,2500);

Upvotes: 0

Related Questions