Android Fragment实现导航栏

一、唠叨唠叨

人生第一次写博客，也不求有什么大神之作，就自己练练手，让自己学会表达，学会把自己心里的东西拿出来给人家看看，就像找女朋友一样，你不说出来自己多爱她，甚至不表现出来，哪里会有机会呢，是吧？让她自己发现你，爱上你，可能性好小的样子。。。

二、导航栏的实现方式

先上个图



像这种导航栏的实现方式有很多，有FragmentTabHost、RadioGroup+Fragment、ViewPager等等各种，他们都有自己的优势和方便之处，这是重点讲一下利用Fragment+button的方式来实现，也是我常用的方式，比较底层，可能没有其他方式简单，高手不要见笑。

三、实现步骤

废话不多说了，切重点。

1、 布局出我们想要的底部导航按钮、

节省空间，这里只列出一项来

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true" >

<ImageView
android:id="@+id/img_main_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:adjustViewBounds="true"
android:clickable="false"
android:maxHeight="25dp"
android:maxWidth="25dp"
android:src="@drawable/bg_bottom_home_down" />

<TextView
android:id="@+id/tv_main_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/img_main_home"
android:layout_centerHorizontal="true"
android:text="@string/txt_main_home"
android:textColor="@color/white"
android:textSize="9sp" />
</RelativeLayout>

2 、 在Activity初始化的时候，设置首页卡项，也就是setTabSelection(0);

这个方法的具体定义如下：

public void setTabSelection(int index) {
FragmentTransaction transaction = fragmentManager.beginTransaction();
hideFragment(transaction);
switch (index) {
case 0:
if (fragment_Main == null) {
fragment_Main = new Fragment_Main(this, getWindowManager());
transaction.add(R.id.layout_main_replace, fragment_Main);
} else {
transaction.show(fragment_Main);
}
setBottomButtonBgFalse();
img_main_home.setImageResource(R.drawable.bg_bottom_home_down);
setBottomClickTrue();
btn_main_home.setClickable(false);
break;
case 1:
if (fragment_identify == null) {
fragment_identify = new Fragment_Map(this, getWindowManager());
transaction.add(R.id.layout_main_replace, fragment_identify);
} else {
transaction.show(fragment_identify);
}
setBottomButtonBgFalse();
img_main_friend.setImageResource(R.drawable.bg_bottom_friend_down);
setBottomClickTrue();
btn_main_friend.setClickable(false);
break;
case 2:
if (fragment_sort == null) {
fragment_sort = new Fragment_Sort(this,
getWindowManager());
transaction.add(R.id.layout_main_replace, fragment_sort);
} else {
transaction.show(fragment_sort);
}
setBottomButtonBgFalse();
img_main_explore.setImageResource(R.drawable.bg_bottom_explore_down);
setBottomClickTrue();
btn_main_explore.setClickable(false);
break;
case 3:
if (fragment_Chat == null) {
fragment_Chat = new Fragment_Chat(this, getWindowManager());
transaction.add(R.id.layout_main_replace, fragment_Chat);
} else {
transaction.show(fragment_Chat);
}
setBottomButtonBgFalse();
img_main_chat.setImageResource(R.drawable.bg_bottom_chat_down);
setBottomClickTrue();
btn_main_chat.setClickable(false);
break;
default:
break;
}
transaction.commit();
}

3 、 然后再点击下部导航按钮的时候，我们就可以切换上方的Fragment

public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_main_home:
setTextColor();
tvMainHome.setTextColor(Color.rgb(97, 164, 253));
setTabSelection(0);
break;
case R.id.btn_main_friend:
setTextColor();
tvFind.setTextColor(Color.rgb(97, 164, 253));
setTabSelection(1);
break;
case R.id.btn_main_explore:
setTextColor();
tvJolly.setTextColor(Color.rgb(97, 164, 253));
setTabSelection(2);
break;
case R.id.btn_main_chat:
setTextColor();
tvChat.setTextColor(Color.rgb(97, 164, 253));
setTabSelection(3);
break;

default:
break;
}
}

其中颜色、背景以及fragment的显示隐藏的切换，偷懒了一下，让他们统一设置为初始状态，然后根据点击的位置，单独更换。

先统一

private void setTextColor() {
tvMainHome.setTextColor(Color.WHITE);
tvFind.setTextColor(Color.WHITE);
tvJolly.setTextColor(Color.WHITE);
tvChat.setTextColor(Color.WHITE);
}

再单独

tvMainHome.setTextColor(Color.rgb(97, 164, 253));

显示与隐藏也是同样的道理，就不再累赘了。

其中Fragment的定义以及使用，我就不在详述了，还有欠缺的同学自行百度脑补。

四、还有话说

做开发的时间也挺长的了，虽然没有多牛的技术，但是身为一个数学人，感觉本科的数学还是没有白学，至少在开发中遇到的各种逻辑，大部分可以从容的应付。还有一句不吐不快的话，所谓高手是经验和逻辑都很强的人，那种只有经验，而连自己的经验都不知道是什么逻辑的人，算个屁的高手。（注：此句话没有任何攻击性，只是强调做人还是不要太傲的好。）