BottomNavigationView底部导航

BottomNavigationView很早就在Material Design中出现了,但是知道support library >= 25,官方才增加了此控件。即必须targetSdkVersion >= 25时,才可以引入BottomNavigationView组件兼容包。
此控件基本使用示例如下:

  1. gradle文件中添加依赖包 implementation ‘com.android.support:design:25.4.0’

  2. 在res/menu目录下创建菜单navigation.xml文件,此文件定义导航条目的具体信息

    <menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      tools:context="com.nxyuntui.testproject.MainActivity">
        <item
          android:id="@+id/call"
          android:title="call"
          android:icon="@android:drawable/ic_menu_call"/>
        <item
          android:id="@+id/message"
          android:icon="@android:drawable/ic_dialog_email"
          android:title="message"
         />
        <item
           android:id="@+id/search"
           android:icon="@android:drawable/ic_menu_search"
           android:title="搜索"/>
        <item
           android:id="@+id/delete"
           android:icon="@android:drawable/ic_menu_delete"
           android:title="删除" />
    </menu>
    

3.activity_main.xml文件如下,itemBackground 条目背景,itemIcoTint 图标渲染的颜色,itemTextColor文字的颜色,menu属性表示关联创建的菜单文件。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
    android:id="@+id/tv_content"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="演示内容"
    android:textSize="36sp"/>

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

4.MainActivity.java代码如下,底部导航栏默认的高度是56dp,菜单建议是3~5个。

public class MainActivity extends AppCompatActivity   {
private TextView textView;
private BottomNavigationView navigationView;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    textView = (TextView) findViewById(R.id.tv_content);
    navigationView = (BottomNavigationView) findViewById(R.id.navigation);
    navigationView.setOnNavigationItemSelectedListener(
            new BottomNavigationView.OnNavigationItemSelectedListener() {
                @Override
                public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                    textView.setText(item.getTitle().toString());
                    return true;
                }
            }
      );
   }
}

猜你喜欢

转载自blog.csdn.net/sunshine_a70/article/details/86472425