android 多个fragment切换,Android之Fragment多个页面切换实现

本篇文章通过一个例子说明Fragment的使用

第一步：新建工程，并添加需要的图片资源

第二步：建立四个子布局文件

main_tab1.xml

main_tab2.xml

main_tab3.xml

main_tab4.xml

第三步：建立四个子布局文件对应的源文件

MainFragmentTab1.java

public class MainFragmentTab1 extends Fragment

{

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

System.out.println("MainTab1 onCreate");

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

{

System.out.println("MainTab1 onCreateView");

return inflater.inflate(R.layout.main_tab1, container, true);

}

}

MainFragmentTab2.java

public class MainFragmentTab2 extends Fragment

{

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

System.out.println("MainTab2 onCreate");

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

{

System.out.println("MainTab2 onCreateView");

return inflater.inflate(R.layout.main_tab2, container, true);

}

}

MainFragmentTab3.java

public class MainFragmentTab3 extends Fragment

{

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

System.out.println("MainTab3 onCreate");

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

{

System.out.println("MainTab3 onCreateView");

return inflater.inflate(R.layout.main_tab3, container, true);

}

}

MainFragmentTab4.java

public class MainFragmentTab4 extends Fragment

{

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

System.out.println("MainTab4 onCreate");

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

{

System.out.println("MainTab4 onCreateView");

return inflater.inflate(R.layout.main_tab4, container, true);

}

}

第四步：建立主界面的源文件，同时管理四个子文件

第五步：建立主界面的源文件

public class MainActivity extends FragmentActivity

{

private TabHost mTabHost;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//取得TabHost对象

mTabHost = (TabHost)findViewById(android.R.id.tabhost);

mTabHost.setup();

//为TabHost添加标签

mTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator("Frag1",getResources().getDrawable(R.drawable.tab_tbox1)).setContent(R.id.tab1));

mTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator("Frag2",getResources().getDrawable(R.drawable.tab_tbox2)).setContent(R.id.tab2));

mTabHost.addTab(mTabHost.newTabSpec("tab3").setIndicator("Frag3",getResources().getDrawable(R.drawable.tab_tbox3)).setContent(R.id.tab3));

mTabHost.addTab(mTabHost.newTabSpec("tab4").setIndicator("Frag4",getResources().getDrawable(R.drawable.tab_tbox4)).setContent(R.id.tab4));

//设置TabHost的背景颜色

mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));

//设置当前显示哪一个标签

mTabHost.setCurrentTab(0);

//标签切换事件处理，setOnTabChangedListener

mTabHost.setOnTabChangedListener(new OnTabChangeListener()

{

@Override

public void onTabChanged(String tabId)

{

Toast.makeText(MainActivity.this, "你选择了标签为:"+tabId, Toast.LENGTH_SHORT).show();

}

});

}

@Override

public boolean onCreateOptionsMenu(Menu menu)

{

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

}

第六步：查看效果

竖屏效果

   

横屏效果

   

源代码下载