android 仿Iphone底部 tab效果

如果你是android初学者,以前做过javaEE开发，或者说你有java基础。那么你学完了android 四大组件。就可以来看看这篇文章了。

四大组件我就不说了 网上一大把的文章 ,四大组件包括activity service Content Providers Intent

如果这篇文章你理解了，加上会xml解析 Json解析(json解析比xml更快，推荐大家以后使用json)就可以去面试android开发了

按钮放在底部是使用TabHost实现的。TabHost可以放在顶部 也可以放在底部。我之前已经发过三篇关于TabHost的文章

如果有不懂的 可以留言给我 ，也可以去看看我之前的三篇文章。 和这里相反的一篇文章是http://blog.csdn.net/sun6223508/article/details/6617545

转帖请注明出处http://blog.csdn.net/sun6223508

MainActivity.java

view plain print ?

1. publicclassMainActivityextendsTabActivity{
2. privateRadioGroupgroup;
3. privateTabHosttabHost;
4. publicstaticfinalStringTAB_HOME="tabHome";
5. publicstaticfinalStringTAB_MES="tabMes";
6. publicstaticfinalStringTAB_TOUCH="tab_touch";
8. @Override
9. protectedvoidonCreate(BundlesavedInstanceState){
10. //TODOAuto-generatedmethodstub
11. super.onCreate(savedInstanceState);
12. setContentView(R.layout.maintabs);
13. group=(RadioGroup)findViewById(R.id.main_radio);
14. tabHost=getTabHost();
15. tabHost.addTab(tabHost.newTabSpec(TAB_HOME).setIndicator(TAB_HOME)
16. .setContent(newIntent(this,Main.class)));
17. tabHost.addTab(tabHost.newTabSpec(TAB_MES).setIndicator(TAB_MES)
18. .setContent(newIntent(this,Main2.class)));
19. tabHost.addTab(tabHost.newTabSpec(TAB_TOUCH).setIndicator(TAB_TOUCH)
20. .setContent(newIntent(this,Main.class)));
21. group.setOnCheckedChangeListener(newOnCheckedChangeListener(){
22. publicvoidonCheckedChanged(RadioGroupgroup,intcheckedId){
23. switch(checkedId){
24. caseR.id.radio_button0:
25. tabHost.setCurrentTabByTag(TAB_HOME);
26. break;
27. caseR.id.radio_button1:
28. tabHost.setCurrentTabByTag(TAB_MES);
29. break;
30. caseR.id.radio_button2:
31. tabHost.setCurrentTabByTag(TAB_TOUCH);
32. break;
34. default:
35. break;
36. }
37. }
38. });
39. }
40. }

maintabs.xml

view plain print ?

1. <?xmlversion="1.0"encoding="UTF-8"?>
2. <TabHostandroid:id="@android:id/tabhost"android:layout_width="fill_parent"
3. android:layout_height="fill_parent"xmlns:android="http://schemas.android.com/apk/res/android">
4. <LinearLayoutandroid:orientation="vertical"
5. android:layout_width="fill_parent"android:layout_height="fill_parent">
7. <FrameLayoutandroid:id="@android:id/tabcontent"
8. android:layout_width="fill_parent"android:layout_height="0.0dip"
9. android:layout_weight="1.0"/>
10. <TabWidgetandroid:id="@android:id/tabs"android:visibility="gone"
11. android:layout_width="fill_parent"android:layout_height="wrap_content"
12. android:layout_weight="0.0"/>
13. <RadioGroupandroid:gravity="center_vertical"
14. android:layout_gravity="bottom"android:orientation="horizontal"
15. android:id="@+id/main_radio"android:background="@drawable/home_btn_bg"
16. android:layout_width="fill_parent"android:layout_height="wrap_content">
17. <RadioButtonandroid:id="@+id/radio_button0"android:tag="radio_button0"
18. android:layout_marginTop="2.0dip"android:text="@string/main_home"android:background="@drawable/home_btn_bg"
19. android:drawableTop="@drawable/icon_1_n"style="@style/main_tab_bottom"/>
20. <RadioButtonandroid:id="@+id/radio_button1"android:tag="radio_button1"
21. android:layout_marginTop="2.0dip"android:text="@string/main_message"android:background="@drawable/home_btn_bg"
22. android:drawableTop="@drawable/icon_2_n"style="@style/main_tab_bottom"/>
23. <RadioButtonandroid:id="@+id/radio_button2"android:tag="radio_button2"
24. android:layout_marginTop="2.0dip"android:text="@string/main_comment"android:background="@drawable/home_btn_bg"
25. android:drawableTop="@drawable/icon_3_n"style="@style/main_tab_bottom"/>
27. </RadioGroup>
28. </LinearLayout>
29. </TabHost>

最关键就是上面这个XML了。它调用系统的tabhost

main.java

view plain print ?

1. publicclassMainextendsActivity{
2. /**Calledwhentheactivityisfirstcreated.*/
3. @Override
4. publicvoidonCreate(BundlesavedInstanceState){
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.main);
8. }
11. }

main.xml

view plain print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"android:layout_width="fill_parent"
4. android:layout_height="fill_parent">
6. <ImageViewandroid:text="@+id/Button01"android:id="@+id/Button01"
7. android:layout_width="wrap_content"android:layout_height="wrap_content"
8. android:background="@drawable/sfsd"></ImageView>
10. </LinearLayout>

view plain print ?

1. publicclassMain2extendsActivity{
2. @Override
3. protectedvoidonCreate(BundlesavedInstanceState){
4. //TODOAuto-generatedmethodstub
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.main2);
8. }
9. }

view plain print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
7. <ImageViewandroid:text="@+id/Button01"android:id="@+id/Button01"
8. android:layout_width="wrap_content"android:layout_height="wrap_content"
9. android:background="@drawable/dsfdsfds"></ImageView>
10. </LinearLayout>

最关键的就是MainActivity.java这个文件 和它的layout