更新README

README.md

@@ -0,0 +1,230 @@
+  目前市场上的App，几乎都有底部页签导航栏，所以我们在开发的时候经常需要用到这个，虽然github上有不少已经封装好的底部导航栏的工具，例如bottombar,alphaIndicator(仿微信滑动渐变底部控件)等，但是这些控件由于功能太多，而且也没有给予详细的介绍文档，所以用起来不是特别容易，有时候我们仅仅只是想要一个简简单单的底部导航，但是又不想去自己在布局中搞一个个LinearLayout或者RadioGroup，然后切换页签的时候更换图标，让ViewPager跳转到对应的页面等一系列繁琐的操作，这时候，你可以使用BottomBarLayout，简简单单就可以实现以下效果：
+
+![](./intro_img/display1.gif)
+
+
+###BottomBarLayout的使用
+
+####布局文件中配置
+
+在xml文件中，配置BottomBarLayout，包裹子条目BottomBarItem
+
+    <?xml version="1.0" encoding="utf-8"?>
+	<LinearLayout
+	    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"
+	    android:orientation="vertical"
+    >
+
+    <android.support.v4.view.ViewPager
+        android:id="@+id/vp_content"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1"
+        ></android.support.v4.view.ViewPager>
+
+    <com.chaychan.library.BottomBarLayout
+        android:id="@+id/bbl"
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:orientation="horizontal"
+        android:gravity="center"
+        android:layout_gravity="center"
+        android:background="@color/tab_gb"
+        >
+
+        <com.chaychan.library.BottomBarItem
+            android:layout_width="0dp"
+            android:layout_weight="1"
+            android:layout_height="match_parent"
+            app:iconNormal="@mipmap/tab_home_normal"
+            app:iconSelected="@mipmap/tab_home_selected"
+            app:itemText="首页"
+            app:textColorNormal="@color/tab_normal_color"
+            app:textColorSelected="@color/tab_selected_color"
+            app:itemTextSize="8sp"
+            app:itemMarginTop="-5dp"
+            />
+
+        <com.chaychan.library.BottomBarItem
+            android:layout_width="0dp"
+            android:layout_weight="1"
+            android:layout_height="match_parent"
+            app:iconNormal="@mipmap/tab_video_normal"
+            app:iconSelected="@mipmap/tab_video_selected"
+            app:itemText="视频"
+            app:textColorNormal="@color/tab_normal_color"
+            app:textColorSelected="@color/tab_selected_color"
+            app:itemTextSize="8sp"
+            app:itemMarginTop="-5dp"
+            />
+
+
+        <com.chaychan.library.BottomBarItem
+            android:layout_width="0dp"
+            android:layout_weight="1"
+            android:layout_height="match_parent"
+            app:iconNormal="@mipmap/tab_micro_normal"
+            app:iconSelected="@mipmap/tab_micro_selected"
+            app:itemText="微头条"
+            app:textColorNormal="@color/tab_normal_color"
+            app:textColorSelected="@color/tab_selected_color"
+            app:itemTextSize="8sp"
+            app:itemMarginTop="-5dp"
+            />
+
+        <com.chaychan.library.BottomBarItem
+            android:layout_width="0dp"
+            android:layout_weight="1"
+            android:layout_height="match_parent"
+            app:iconNormal="@mipmap/tab_me_normal"
+            app:iconSelected="@mipmap/tab_me_selected"
+            app:itemText="我的"
+            app:textColorNormal="@color/tab_normal_color"
+            app:textColorSelected="@color/tab_selected_color"
+            app:itemTextSize="8sp"
+            app:itemMarginTop="-5dp"
+            />
+
+      </com.chaychan.library.BottomBarLayout>
+
+	</LinearLayout>
+
+
+####BottomBarItem属性介绍
+
+        <!--默认状态下的图标-->
+        <attr name="iconNormal" format="reference"/>
+        <!--选中状态下的图标-->
+        <attr name="iconSelected" format="reference"/>
+        <!--底部文字-->
+        <attr name="itemText" format="string"/>
+        <!--文字大小-->
+        <attr name="itemTextSize" format="dimension"/>
+        <!--默认状态下的文字颜色-->
+        <attr name="textColorNormal" format="color"/>
+        <!--选中状态下的文字颜色-->
+        <attr name="textColorSelected" format="color"/>
+        <!--文字和图标的顶部距离-->
+        <attr name="itemMarginTop" format="dimension"/>
+
+####java文件中设置
+
+找过对应的ViewPager和BottomBarLayout,为ViewPager设置Adapter，然后为BottomBarLayout设置ViewPager
+
+	  mVpContent.setAdapter(new MyAdapter(getSupportFragmentManager()));
+      mBottomBarLayout.setViewPager(mVpContent);
+
+这样就实现底部导航栏功能了
+
+####开启滑动效果
+
+页签之间的切换默认关闭了滑动效果，如果需要开启可以通过调用BottomBarLayout的setSmoothScroll()方法:
+
+    mBottomBarLayout.setSmoothScroll(true);
+
+开启后效果如下:
+
+![](./intro_img/display2.gif)
+
+####设置条目选中的监听
+
+     mBottomBarLayout.setOnItemSelectedListener(new BottomBarLayout.OnItemSelectedListener() {
+            @Override
+            public void onItemSelected(final BottomBarItem bottomBarItem, int position) {
+                   //do something
+            }
+        });
+
+####BottomBarItem的介绍
+&emsp;&emsp;BottomBarItem继承于LinearLayout，其子View有显示图标的ImageView和展示文字的TextView,分别可以通过getImageView()和getTextView()方法获取到对应的子控件。github上不少底部导航栏的控件都没能获取到对应的子控件，所以在需要对子控件进行操作的时候极不方便，有一些的思路并不是用ImageView和TextView，而是用绘制的，所以也不能获取到对应的显示图标的控件或展示文字的控件，造成无法获取到该控件，无法进行一些业务上的操作，比如类似今日头条的底部的首页，点击首页的页签，会更换成加载中的图标，执行旋转动画，BottomBarLayout可以轻松地做到这个需求。
+
+演示效果如下：
+
+![](./intro_img/display3.gif)
+
+
+只需为BottomBarLayout设置页签选中的监听，在回调中进行以下处理：
+
+     mBottomBarLayout.setOnItemSelectedListener(new BottomBarLayout.OnItemSelectedListener() {
+            @Override
+            public void onItemSelected(final BottomBarItem bottomBarItem, int position) {
+                if (position == 0){
+                    //如果是第一个，即首页
+                    if (mBottomBarLayout.getCurrentItem() == position){
+                        //如果是在原来位置上点击,更换首页图标并播放旋转动画
+                        bottomBarItem.setIconSelectedResourceId(R.mipmap.tab_loading);//更换成加载图标
+                        bottomBarItem.setStatus(true);
+
+                        //播放旋转动画
+                        if (mRotateAnimation == null) {
+                            mRotateAnimation = new RotateAnimation(0, 360,
+                                    Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
+                                    0.5f);
+                            mRotateAnimation.setDuration(800);
+                            mRotateAnimation.setRepeatCount(-1);
+                        }
+                        ImageView bottomImageView = bottomBarItem.getImageView();
+                        bottomImageView.setAnimation(mRotateAnimation);
+                        bottomImageView.startAnimation(mRotateAnimation);//播放旋转动画
+
+                        //模拟数据刷新完毕
+                        mHandler.postDelayed(new Runnable() {
+                            @Override
+                            public void run() {
+                                bottomBarItem.setIconSelectedResourceId(R.mipmap.tab_home_selected);//更换成首页原来图标
+                                bottomBarItem.setStatus(true);//刷新图标
+                                cancelTabLoading(bottomBarItem);
+                            }
+                        },3000);
+                        return;
+                    }
+                }
+
+                //如果点击了其他条目
+                BottomBarItem bottomItem = mBottomBarLayout.getBottomItem(0);
+                bottomItem.setIconSelectedResourceId(R.mipmap.tab_home_selected);//更换为原来的图标
+
+                cancelTabLoading(bottomItem);//停止旋转动画
+            }
+        });
+
+
+     	/**停止首页页签的旋转动画*/
+	    private void cancelTabLoading(BottomBarItem bottomItem) {
+	        Animation animation = bottomItem.getImageView().getAnimation();
+	        if (animation != null){
+	            animation.cancel();
+	        }
+	    }
+
+####实现思路：
+
+1.当点击页签加载的时候，BottomBarItem通过调用setIconSelectedResourceId()设置成选中状态下的图标资源id为加载中图标的资源id,完成图标的更换操作;
+
+2.通过BottomBarItem获取到对应页签的ImageView，对其设置旋转动画，执行旋转动画，当点击其他页签或者数据加载完成后，更换回原来的选中图标，停止旋转动画。
+
+
+
+####**导入方式**####
+
+在项目根目录下的build.gradle中的allprojects{}中，添加jitpack仓库地址，如下：
+
+    allprojects {
+	    repositories {
+	        jcenter()
+	        maven { url 'https://jitpack.io' }//添加jitpack仓库地址
+	    }
+	}
+
+打开app的module中的build.gradle，在dependencies{}中，添加依赖，如下：
+
+    dependencies {
+	        compile 'com.github.chaychan:BottomBarLayout:1.0.0'
+	}
+
+
+好了，到这里BottomBarLayout的介绍就到此为止了，之所以封装这个控件主要是为了方便开发，希望可以帮助到更多人，如果大家有什么想法或者意见不妨向我提出，我会不断完善BottomBarLayout的。
+