Android - 创建BottomBar

时间:2017-05-04 14:00:34

标签: android android-layout

我想创建一个底部栏,就像新谷歌一样。

https://www.ibm.com/watson/developercloud/doc/personality-insights/models.html

如何创建这样的底栏。有没有图书馆? 当我在谷歌搜索这个时,我得到底部导航视图的结果,这不是我想要的

1 个答案:

答案 0 :(得分:0)

尝试这样的事情: 将您的bottomNavigationView包装在LinearLayout中,并添加除此之外的editText。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <EditText
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_weight="1"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/navigation" />

</LinearLayout>

当然给它一些风格让它看起来更好。

关于您的活动:

public class HomeActivity extends AppCompatActivity {
    ...
    private BottomNavigationView navigation;
    private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener() {

        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()) {
                case R.id.first_item:
                    //Do your stuff
                    return true;
                case R.id.second_item:
                    //Do your stuff
                    return true;
                case R.id.third_item:
                    //Do your stuff
                    return true;
            }
            return false;
        }

    };
    ...
}

最后在您的菜单res文件夹中 navigation.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/first_item"
        android:icon="@drawable/ic_news_on"
        android:title="@string/first_title" />
    <item
        android:id="@+id/second_item"
        android:icon="@drawable/ic_statistics_on"
        android:title="@string/second_title" />
    <item
        android:id="@+id/third_item"
        android:icon="@drawable/ic_prizes_on"
        android:title="@string/third_title" />
</menu>

希望它可以帮到你!