MOOK实战之组件化思想封装app——1.首页框架搭建
1.整个程序的框架搭建：
HomeActivity是主Activity，因为有三个页面，所以需要三个Fragment，分别是HomeFragment,MessageFragment,MineFragment
2.命名规范：
HomeActivity,BaseActivity,HomeFragment,activity_layout_home,fragment_layout_home
3.fragment的三种切换方式：
add，replace，remove：replace:保证始终只有一个fragment
show，hide（最常用）：把旧的fragment隐藏，添加新的fragment，比较消耗内存，但是最常用，不会销毁fragment
detach，attach：几乎不用，不会销毁fragment，但是会销毁里面的view
4.BaseActivity和BaseFragment的使用
1.fragment非常多，有公共的行为，如果每一个fragment都这样写，那么一旦公共行为改变，就要在每一个fragment里面修改，工作量非常大。
2.有了baseFragment，公共行为可以只在一个文件中修改
3.BaseFragment为所有fragments提供公共的行为或者事件
4.BaseActivity为所有Activity提供公共的行为
5.Application的使用
1.程序入口
2.初始化工作
3.为整个应用的其他模块提供上下文环境
4.常以单例模式构建对象
5.需要在AndroidManifest.xml文件中声明使用我们自己定义的application
6.框架布局
源代码：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
//用来放fragment的布局
<RelativeLayout
android:id="@+id/content_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true" />
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@android:color/white"
android:orientation="horizontal"
android:paddingBottom="4dp"
android:paddingTop="4dp">
<RelativeLayout
android:id="@+id/home_layout_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
>
<TextView
android:id="@+id/home_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:background="@drawable/comui_tab_home" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/home_image_view"
android:layout_centerHorizontal="true"
android:layout_marginTop="4dp"
android:text="@string/home_image_view_text"
android:textColor="@color/color_333333"
android:textSize="16sp"
/>
RelativeLayout>
<RelativeLayout
android:id="@+id/pond_layout_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:visibility="gone"
>
<TextView
android:id="@+id/fish_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:background="@drawable/comui_tab_pond"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/fish_image_view"
android:layout_centerHorizontal="true"
android:layout_marginTop="4dp"
android:text="@string/pond_image_view_text"
android:textColor="@color/color_333333"
android:textSize="16sp"
/>
RelativeLayout>
<RelativeLayout
android:id="@+id/message_layout_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
>
<TextView
android:id="@+id/message_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:background="@drawable/comui_tab_message"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/message_image_view"
android:layout_centerHorizontal="true"
android:layout_marginTop="4dp"
android:text="@string/message_image_view_text"
android:textColor="@color/color_333333"
android:textSize="16sp"
/>
RelativeLayout>
<RelativeLayout
android:id="@+id/mine_layout_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
>
<TextView
android:id="@+id/mine_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:background="@drawable/comui_tab_home"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/mine_image_view"
android:layout_centerHorizontal="true"
android:layout_marginTop="4dp"
android:text="@string/mine_image_view_text"
android:textColor="@color/color_333333"
android:textSize="16sp"
/>
RelativeLayout>
LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:layout_above="@+id/linearLayout"
android:background="@color/color_333333"
/>
RelativeLayout>
HomeActivity实现页面切换代码
public class HomeActivity extends BaseActivity implements View.OnClickListener{
private FragmentManager fm;
private HomeFragment mHomeFragment;
private Fragment mCommonFragmentOne;
private MessageFragment mMessageFragment;
private MineFragment mMineFragment;
private Fragment mCurrent;
private RelativeLayout mHomeLayout;
private RelativeLayout mPondLayout;
private RelativeLayout mMessageLayout;
private RelativeLayout mMineLayout;
private TextView mHomeView;
private TextView mPondView;
private TextView mMessageView;
private TextView mMineView;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home_layout);
//初始化控件
initView();
//添加默认要显示的fragment
mHomeFragment=new HomeFragment();
fm=getSupportFragmentManager();
FragmentTransaction fragmentTransaction=fm.beginTransaction();//开启事务
//事务的添加等操作
fragmentTransaction.replace(R.id.content_layout,mHomeFragment);//replace-->先remove，再add，因为fragment本身为空，所以相当于是执行add操作
//提交事务
fragmentTransaction.commit();
}
private void initView() {
mHomeLayout = (RelativeLayout) findViewById(R.id.home_layout_view);
mHomeLayout.setOnClickListener(this);
mPondLayout = (RelativeLayout) findViewById(R.id.pond_layout_view);
mPondLayout.setOnClickListener(this);
mMessageLayout = (RelativeLayout) findViewById(R.id.message_layout_view);
mMessageLayout.setOnClickListener(this);
mMineLayout = (RelativeLayout) findViewById(R.id.mine_layout_view);
mMineLayout.setOnClickListener(this);
mHomeView = (TextView) findViewById(R.id.home_image_view);
mPondView = (TextView) findViewById(R.id.fish_image_view);
mMessageView = (TextView) findViewById(R.id.message_image_view);
mMineView = (TextView) findViewById(R.id.mine_image_view);
mHomeView.setBackgroundResource(R.drawable.comui_tab_home_selected);
}
/*
创建隐藏方法,用来隐藏具体的fragments
*/
public void hideFragment(Fragment fragment,FragmentTransaction fragmentTransaction){
if(fragment!=null){
fragmentTransaction.hide(fragment);
}
}
@Override
public void onClick(View v) {
//使用hide，show来切换fragment
FragmentTransaction fragmentTransaction=fm.beginTransaction();
switch (v.getId()){
case R.id.home_layout_view:
mHomeView.setBackgroundResource(R.drawable.comui_tab_home_selected);
mPondView.setBackgroundResource(R.drawable.comui_tab_pond);
mMessageView.setBackgroundResource(R.drawable.comui_tab_message);
mMineView.setBackgroundResource(R.drawable.comui_tab_person);
//隐藏其他两个fragments
hideFragment(mMineFragment,fragmentTransaction);
hideFragment(mMessageFragment,fragmentTransaction);
//将我们的homefragment显示到用户面前
if(mHomeFragment==null){
mHomeFragment=new HomeFragment();
fragmentTransaction.add(R.id.content_layout,mHomeFragment);
}else{
//以及创建，直接把其他fragment隐藏，显示homeFragment
fragmentTransaction.show(mHomeFragment);
}
break;
case R.id.message_layout_view:
mHomeView.setBackgroundResource(R.drawable.comui_tab_home);
mPondView.setBackgroundResource(R.drawable.comui_tab_pond);
mMessageView.setBackgroundResource(R.drawable.comui_tab_message_selected);
mMineView.setBackgroundResource(R.drawable.comui_tab_person);
hideFragment(mHomeFragment,fragmentTransaction);
hideFragment(mMineFragment,fragmentTransaction);
if(mMessageFragment==null){
mMessageFragment=new MessageFragment();
fragmentTransaction.add(R.id.content_layout,mMessageFragment);
}else{
fragmentTransaction.show(mMessageFragment);
}
break;
case R.id.mine_layout_view:
mHomeView.setBackgroundResource(R.drawable.comui_tab_home);
mPondView.setBackgroundResource(R.drawable.comui_tab_pond);
mMessageView.setBackgroundResource(R.drawable.comui_tab_message);
mMineView.setBackgroundResource(R.drawable.comui_tab_person_selected);
hideFragment(mHomeFragment,fragmentTransaction);
hideFragment(mMessageFragment,fragmentTransaction);
if(mMineFragment==null){
mMineFragment=new MineFragment();
fragmentTransaction.add(R.id.content_layout,mMineFragment);
}else{
fragmentTransaction.show(mMineFragment);
}
break;
}
//提交事务
fragmentTransaction.commit();
}
}