如何在Bottombar上方显示Snackbar?

时间:2016-10-17 17:47:05

标签: android material-design android-snackbar android-navigation-bar

我正在使用roughike的BottomBar 2.0:https://github.com/roughike/BottomBar/

当我显示SnackBar时,它会显示在BottomBar上。

我想把它画在BottomBar上面。

activity_main.xml中:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_activity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/here"
        android:background="#fff">

        <FrameLayout
            android:id="@+id/contentContainer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/bottomBar">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Three Buttons Bar"
                android:id="@+id/textView"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                android:textColor="@color/colorPrimary"
                android:textSize="35sp" />

        </FrameLayout>

        <com.roughike.bottombar.BottomBar
            android:id="@+id/bottomBar"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_alignParentBottom="true"
            app:bb_tabXmlResource="@xml/bottombar_tabs" />
    </RelativeLayout>

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

MainActivity.java:

public class MainActivity extends AppCompatActivity {

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

        BottomBar bottomBar = (BottomBar) findViewById(R.id.bottomBar);
        bottomBar.setOnTabSelectListener(new OnTabSelectListener() {
            @Override
            public void onTabSelected(int tabId) {
                switch (tabId) {
                    case R.id.recent_item:
                        Snackbar.make(findViewById(R.id.main_activity), "Recent Item Selected", Snackbar.LENGTH_LONG).show();
                        break;
                    case R.id.favorite_item:
                        Snackbar.make(findViewById(R.id.main_activity), "Favorite Item Selected", Snackbar.LENGTH_LONG).show();
                        break;
                    case R.id.location_item:
                        Snackbar.make(findViewById(R.id.main_activity), "Location Item Selected", Snackbar.LENGTH_LONG).show();
                        break;
                }
            }
        });
    }
}

截图:

BottomBar Only BottomBar hidden when SnackBar appears

布局文件有问题吗?
我错过了什么?

我也检查了这个:Move snackbar above the bottom bar,但它没有帮助..

修改

我尝试了as Abtin said

Snackbar.make(bottomBar, "Location Item Selected", Snackbar.LENGTH_LONG).show();

<com.roughike.bottombar.BottomBar
            android:id="@+id/bottomBar"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_alignParentBottom="true"
            app:bb_tabXmlResource="@xml/bottombar_tabs"
            app:bb_behavior="underNavbar"/>

现在它变成了这样:

Bottom Bar with extra space below That space filled by Snackbar

正如您所看到的,当我设置app:bb_behavior="underNavbar"时,BottomBar下面有这个未使用的空间,这不是我想要的。

6 个答案:

答案 0 :(得分:4)

您应该在xml中创建CoordinatorLayout,从底部开始,您将显示SnackBar并将CoordinatorLayout的id作为View的id来获取乐趣。制作SnackBar。

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/viewSnack"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="50dp"/>

内部活动:

Snackbar.make(findViewById(R.id.viewSnack), "Text of the SnackBar", Snackbar.LENGTH_LONG).show();

答案 1 :(得分:2)

采用新的材料设计,小吃店具有新的外观..您可以使用以下行在BottomBar上方显示小吃店:

Snackbar snackbar = Snackbar.make(parentView, text, duration);
snackbar.setAnchorView(bottomBar);

这将完成工作。

答案 2 :(得分:0)

尝试更改传递给小吃栏的视图。

Snackbar.make(findViewById(R.id.contentContainer), "Recent Item Selected", Snackbar.LENGTH_LONG).show();    

答案 3 :(得分:0)

根据协调器布局行为的实现方式,您可能必须将底栏视图本身传递给Snackbar.make()的第一个参数。

Snackbar.make(bottomBar, "Location Item Selected", Snackbar.LENGTH_LONG).show();

另一种可能性是您在布局中的底栏小部件上缺少app:bb_behavior的属性。

答案 4 :(得分:0)

我从Roughike's BottomBar 2.0切换到Roughike's BottomBar 1.4 ..

现在它按预期工作(当然代码更改)..

我也试过AHBottomNavigation,它很酷,也按预期工作..

我没有将此标记为答案,因为它没有回答问题;)

答案 5 :(得分:0)

这很简单! 在您的 activity_main.xml 中,为您的根布局声明一个ID:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@+id/linerMain">

然后在Snackbar的 make view 字段中执行以下操作:

Snackbar snackbar = Snackbar.make(findViewById(R.id.linerMain),"name",Snackbar.LENGTH_INDEFINITE);