美文网首页
BottomNavigationView简单使用

BottomNavigationView简单使用

作者: kksoCoud | 来源:发表于2017-03-16 16:56 被阅读2128次

今天更新了sdk,惊奇的发现在support:design:25.2.0包下发现了一个好玩的新控件BottomNavigationView,我们先来看看庐山真面目吧


bottomnavigationview.png

这不就是我们以前常用的tabhost或者radiobutton封装就能实现嘛,有何新奇的。没错以前我们遇到这种类型经常需要自己来封装,当现在只要我们依赖25以上的design包,咱就可以直接使用goole跟我们提供的原生控件,岂不快哉。话不多说,开撸代码。

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

然后再menu目录先像平常我们使用menu一样创建menu文件

    <menu xmlns:android="http://schemas.android.com/apk/res/android">

      <item
          android:id="@+id/navigation_home"
          android:icon="@drawable/ic_home_black_24dp"
          android:title="@string/bottom_title_room"/>

      <item
          android:id="@+id/navigation_discover"
          android:icon="@drawable/ic_dashboard_black_24dp"
          android:title="@string/bottom_title_discover"/>

      <item
          android:id="@+id/navigation_talk"
          android:icon="@drawable/ic_notifications_black_24dp"
          android:title="@string/bottom_title_talk"/>

  </menu>

没错就是这么简单,妈妈再也不用担心俺要封装radiobutton啦。其中他还提供了监听回调方法setOnNavigationItemSelectedListener(),默认首次进入是选中第一个的item的,我们可以通过navigation.getMenu().getItem(index).setChecked(true);来设置我们需要选中的item。另外,不知道大家有没有注意到选中的item有变大的效果,没错在5.0以上系统版本,才会有动画效果。
注意:通过查看源码发现,其最多只能容纳5个item。

  public static final int MAX_ITEM_COUNT = 5;
  if (size() + 1 > MAX_ITEM_COUNT) {
        throw new IllegalArgumentException(
                "Maximum number of items supported by BottomNavigationView is " + MAX_ITEM_COUNT
                        + ". Limit can be checked with BottomNavigationView#getMaxItemCount()");
   }

补充:还有两个属性

  <!--设置item图标颜色,因为该图标可以使用svg图-->
  app:itemIconTint="@android:color/holo_red_light"
  <!--设置item字体颜色-->
  app:itemTextColor="@android:color/holo_red_light"

当然,我们也可以使用选择器。

相关文章

网友评论

      本文标题:BottomNavigationView简单使用

      本文链接:https://www.haomeiwen.com/subject/phsjnttx.html