android

github:

https://github.com/chaychan/BottomBarLayout

gradle:

compile 'com.github.chaychan:BottomBarLayout:1.1.2' //建议使用最新版本

这种方法也许不好使 那就把工程下下来 手动导入吧

效果图

layout：红色部分注意一下就行了

<?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" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.iamchan.swipebacktest.MainActivity"> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="0dp"></android.support.v4.view.ViewPager> <com.chaychan.library.BottomBarLayout android:id="@+id/bb" android:layout_width="match_parent" android:layout_height="50dp" android:orientation="horizontal" android:gravity="center" android:layout_gravity="center" > <com.chaychan.library.BottomBarItem android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" app:iconNormal="@mipmap/main_homepage" app:iconSelected="@mipmap/main_homepage_b" app:itemText="首页" app:textColorNormal="@color/gray" app:textColorSelected="@color/blue" app:itemTextSize="11sp" app:iconWidth="26dp" app:iconHeight="26dp" /> <com.chaychan.library.BottomBarItem android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" app:iconNormal="@mipmap/main_find" app:iconSelected="@mipmap/main_find_b" app:itemText="找一找" app:textColorNormal="@color/gray" app:textColorSelected="@color/blue" app:itemTextSize="11sp" app:iconWidth="26dp" app:iconHeight="26dp" /> <com.chaychan.library.BottomBarItem android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" app:iconNormal="@mipmap/main_cus" app:iconSelected="@mipmap/main_cus_b" app:itemText="客服" app:textColorNormal="@color/gray" app:textColorSelected="@color/blue" app:itemTextSize="11sp" app:iconWidth="26dp" app:iconHeight="26dp" /> <com.chaychan.library.BottomBarItem android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" app:iconNormal="@mipmap/main_mine" app:iconSelected="@mipmap/main_mine_b" app:itemText="我的" app:textColorNormal="@color/gray" app:textColorSelected="@color/blue" app:itemTextSize="11sp" app:iconWidth="26dp" app:iconHeight="26dp" /> </com.chaychan.library.BottomBarLayout> </LinearLayout> </RelativeLayout>

java:红色部分注意

主要是有一个list list里面放四个fragment

在把list数据源于viewpager适配器关联就行

最后让BottomBarLayout与viewpager关联

想设置数字什么github上的那篇文章已经写好的 可以去这个项目维护人员的GitHub上学习

public class MainActivity extends AppCompatActivity { @BindView(R.id.viewPager) ViewPager viewPager; @BindView(R.id.bb) BottomBarLayout bb; private List<Fragment> pageLists; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); initData(); } private void initData() { pageLists=new ArrayList<>();//list里面fragment, pageLists.add(new HeadFragment()); pageLists.add(new FindFragment()); pageLists.add(new CustFragment()); pageLists.add(new MineFragment()); viewPager.setAdapter(new fragmentAdapter(getSupportFragmentManager())); bb.setViewPager(viewPager);//底部bottombar; bb.setUnread(1,101);//设置第二个页签的未读书 bb.showNotify(2);//设置第三个页签显示提示的小红点 bb.setMsg(3,"NEW");//设置第四个页签显示NEW提示文字 } /* * * viewpager适配器 * * */ public class fragmentAdapter extends FragmentPagerAdapter { public fragmentAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return pageLists.get(position); } @Override public int getCount() { return pageLists.size(); } } }

fragment:

public class HeadFragment extends Fragment { private View view; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { view=inflater.inflate(R.layout.fragment_head,container,false); return view; } }