创建底部导航栏

时间:2017-07-18 00:23:08

标签: android android-layout bottomnavigationview

我正在尝试制作一个底部导航栏,根据按钮更改活动,但每当我尝试教程时都会出现一个错误或其他错误

3 个答案:

答案 0 :(得分:0)

我想如果你想要一些东西作为导航栏你应该尝试去GitHub,因为那里有很多很棒的东西: https://github.com/Nightonke/BoomMenu

尝试一下,看起来比简单的导航栏更好。 欢呼声

答案 1 :(得分:0)

您可以将此库用于bottomnavifationbar

github lib,  github lib 2 githublib 3,  github lib 4

或 试试这个

编译这个依赖

compile ‘com.android.support:design:25.3.1’

创建这样的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<!-- Content Container -->

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:itemBackground="@color/colorPrimary"
    app:itemIconTint="@color/white"
    app:itemTextColor="@color/white"
    app:menu="@menu/bottom_navigation_main" />

</RelativeLayout>

根据您的要求创建菜单

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
    android:id="@+id/action_favorites"
    android:enabled="true"
    android:icon="@drawable/ic_favorite_white_24dp"
    android:title="@string/text_favorites"
    app:showAsAction="ifRoom" />
<item
    android:id="@+id/action_schedules"
    android:enabled="true"
    android:icon="@drawable/ic_access_time_white_24dp"
    android:title="@string/text_schedules"
    app:showAsAction="ifRoom" />
<item
    android:id="@+id/action_music"
    android:enabled="true"
    android:icon="@drawable/ic_audiotrack_white_24dp"
    android:title="@string/text_music"
    app:showAsAction="ifRoom" />

**Handling Enabled / Disabled states. Make selector file.**

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/white" android:state_enabled="true" />
    <item android:color="@color/colorPrimaryDark" android:state_enabled="false" />
</selector>

处理点击事件

BottomNavigationView bottomNavigationView = (BottomNavigationView)
            findViewById(R.id.bottom_navigation);

bottomNavigationView.setOnNavigationItemSelectedListener(
    new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()) {
                case R.id.action_favorites:

                    break;
                case R.id.action_schedules:

                    break;
                case R.id.action_music:

                    break;
            }
            return false;
        }
 });

答案 2 :(得分:-1)

该官方不再受支持,因此您可以尝试radiobuttonviewpager