android 底部动画,高仿微信底部导航栏动画

WeChatBottomNavigation

高仿微信底部导航栏动画，几乎一毛一样。

动画演示

如何使用

布局添加TabView

android:id="@+id/tab_profile"

bxll:tabImage="@mipmap/profile_normal"

bxll:tabColor="#FF11E53F"

bxll:tabSelectedImage="@mipmap/profile_pressed"

bxll:tabTitle="我"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1" />

tabImage属性代表默认显示的图片

tabSelectedImage属性代表选中时的图片

tabColor属性代表颜色变换的最终颜色

tabTitle代表标题

Activity中控制进度

mViewPager.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

// 左边TabView进行动画

mTabViews.get(position).setXPercentage(1 - positionOffset);

// 右边TabView进行动画

if (positionOffset > 0) {

mTabViews.get(position + 1).setXPercentage(positionOffset);

}

}

});

ViewPager监听滑动事件，向TabView传入一个进度值，从而控制TabView的动画

联系我