------------------------------------------------------------------------

今天应该勉强算是把fragment的最基本的框架搭好了吧

最终结果如下：

那么接着昨天的改，MainActivity的名字就不用变了，主页就叫这个吧，然而主页我决定丢四个fragment进去

暂定每个页面最后做到这些功能

1，学校咨询：用爬虫将用户学校的官网的内容获取到，并且显示出来

2，周边活动：用于发布活动以及显示活动

3，我的好友：用于添加删除好友以及聊天相关

4，我的设置：顾名思义也就是设置页面了

那么现在首先是建四个fragment然后丢到MainActivity里去，并且添加上面的标题栏以及下面的底部导航栏

那么从下面的底部导航栏说起吧，我个人比较喜欢Material design风格的底部导航栏

这个既然很多人都已经写好了相当不错的“模板”，那么我们就用其中一个框架来实现效果吧

这里选择的是：

AHBottomNavigation

添加起来也非常简单，首先在app的build.gradle里添加依赖

//BottomNavigationView依赖

compile 'com.aurelhubert:ahbottomnavigation:2.0.6'

国际惯例，sync一下

然后我们建四个fragment的Activity文件

就以其中一个举例吧

SchoolInfoFragmActivity.java

public class SchoolInfoFragmActivity extendsFragment {public staticSchoolInfoFragmActivity newInstance() {return newSchoolInfoFragmActivity();

}

@Nullable

@OverridepublicView onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {return inflater.inflate(R.layout.activity_school_info_fragm, container, false);

}

}

所以也必然需要四个layout文件了

activity_school_info_fragm.xml

然后就可以开始重新写一下MainActivity了

先从layout开始吧

activity_main.xml

然后是Activity

MainActivity.java

public class MainActivity extends AppCompatActivity {

private AHBottomNavigation bottomNavigationView;

private List fragments = new ArrayList<>();

private int currentTabIndex;

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initViews();

}

protected void initViews() {

fragments.add(SchoolInfoFragmActivity.newInstance());

fragments.add(EventInfoFragmActivity.newInstance());

fragments.add(FriendInfoFragmActivity.newInstance());

fragments.add(UserInfoFragmActivity.newInstance());

showFragment(fragments.get(0));

initBottomNav();

}

private void initBottomNav() {

bottomNavigationView = (AHBottomNavigation) findViewById(R.id.bottom_navigation_view);

AHBottomNavigationItem item1 = new AHBottomNavigationItem("学校资讯",

R.drawable.ic_tab_temporary);

AHBottomNavigationItem item2 = new AHBottomNavigationItem("周边活动",

R.drawable.ic_tab_temporary);

AHBottomNavigationItem item3 = new AHBottomNavigationItem("我的好友",

R.drawable.ic_tab_temporary);

AHBottomNavigationItem item4 = new AHBottomNavigationItem("我的设置",

R.drawable.ic_tab_temporary);

bottomNavigationView.addItem(item1);

bottomNavigationView.addItem(item2);

bottomNavigationView.addItem(item3);

bottomNavigationView.addItem(item4);

bottomNavigationView.setColored(false);

bottomNavigationView.setForceTint(false);

bottomNavigationView.setBehaviorTranslationEnabled(true);

bottomNavigationView.setTitleState(AHBottomNavigation.TitleState.ALWAYS_SHOW);

bottomNavigationView.setAccentColor(getResources().getColor(R.color.black_90));

bottomNavigationView.setInactiveColor(getResources().getColor(R.color.nav_text_color_mormal));

bottomNavigationView.setCurrentItem(0);

bottomNavigationView.setDefaultBackgroundColor(

getResources().getColor(R.color.bottom_tab_bar_color));

bottomNavigationView.setOnTabSelectedListener(new AHBottomNavigation.OnTabSelectedListener() {

@Override

public boolean onTabSelected(int position, boolean wasSelected) {

if (currentTabIndex != position) {

FragmentTransaction trx = getSupportFragmentManager().beginTransaction();

trx.hide(fragments.get(currentTabIndex));

if (!fragments.get(position).isAdded()) {

trx.add(R.id.content, fragments.get(position));

}

trx.show(fragments.get(position)).commit();

}

currentTabIndex = position;

return true;

}

});

}

private void showFragment(Fragment fragment) {

getSupportFragmentManager()

.beginTransaction()

.replace(R.id.content, fragment)

.commit();

}

}

这里话说回来感觉应该做一个基类，不过想起来可能之后fragment也需要，那就到时候再一起重构一次吧

当然这里还有些样式和颜色的定义，就不列出来了，图片是随便找的，之后也需要换，那么今天就到这吧