您的位置: 首页  >  文章  >  android 仿Iphone底部 tab效果

android 仿Iphone底部 tab效果

分类: 文章 • 2024-10-05 07:58:34

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

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

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

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

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

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


android 仿Iphone底部 tab效果android 仿Iphone底部 tab效果

MainActivity.java

view plainprint?
  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 plainprint?
  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 plainprint?
  1. publicclassMainextendsActivity{
  2. /**Calledwhentheactivityisfirstcreated.*/
  3. @Override
  4. publicvoidonCreate(BundlesavedInstanceState){
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.main);
  8. }
  11. }

main.xml

view plainprint?
  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 plainprint?
  1. publicclassMain2extendsActivity{
  2. @Override
  3. protectedvoidonCreate(BundlesavedInstanceState){
  4. //TODOAuto-generatedmethodstub
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.main2);
  8. }
  9. }

view plainprint?
  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

相关推荐