Android学习之--底部菜单FragmentTabHost使用

记录点滴生活：

     一：常见错误:

            (一)  mytablehost.Fragmentpage1 cannot be cast to android.support.v4.app.Fragment

                  错误原因：extends Fragment 

                  正确方法：extends android.support.v4.app.Fragment

   二：上代码：

               步骤一：先写主布局，一个用于显示界面，一个v4.app.FragmentTabHost用于底部栏

             （2.1）activity_ main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="vertical">

<FrameLayout
    android:id="@+id/maincontent"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">

</FrameLayout>
<android.support.v4.app.FragmentTabHost
    android:id="@+id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/holo_orange_light">

    <LinearLayout
        android:id="@+id/tablecontent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
       >

    </LinearLayout>
</android.support.v4.app.FragmentTabHost>



</LinearLayout>

          

          (2.2) 写3个界面用于显示显示界面的XML布局（fragment_one, two,three），很简单就写一个TextView,         

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="18sp"
        android:text="First Fragment"/>

</LinearLayout>

          

(2.3)写一个名为：tabcontent.XML其作用是写底部菜单栏的布局样式，ImageView,TextView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
  android:orientation="vertical"
    >
<ImageView
    android:id="@+id/table_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/table_text"
        android:textColor="#ff0000"/>
</LinearLayout>

   (2.4)  建立Fragmentpage1,2,3 (注意继承是 android.support.v4.app.Fragment)                    

public class Fragmentpage1 extends android.support.v4.app.Fragment {

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

      View V=inflater.inflate(R.layout.fragment_one,null);

        return  V;
    }
}

   

（2.5）MainActivity extens FragmentActivity 

public class MainActivity extends FragmentActivity {

    String name[]={ "首页","第二页","第三页"};
    int imgButton[]={android.R.drawable.btn_radio,
            android.R.drawable.btn_star,
            android.R.drawable.ic_delete};
    Class fragmentArray[]={Fragmentpage1.class,Fragmentpage2.class,Fragmetnpage3.class};
    FragmentTabHost fragmentTabHost;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

      fragmentTabHost= (FragmentTabHost) findViewById(R.id.tabhost);
        fragmentTabHost.setup(this,getSupportFragmentManager(),R.id.maincontent);
        /* 3.0因为3.0以下版本是没有fragment的api所以必须借助V4包里面的getSupportFragmentManager()方法来间接获取
        FragmentManager()对象。3.0版本之后，有了Fragment的api，
        就可以直接使用getFragmentManager()这个方法来获取了*/
        for (int i=0;i<name.length;i++){
            TabHost.TabSpec tabSpec=fragmentTabHost.newTabSpec(i+"").setIndicator(getView(i));
            /*newTabSpec()里参数为一个Tag标签，所以我这里使用i+""加以区别
            * 将指示器填充到tabSpec 这个对象中*/
            fragmentTabHost.addTab(tabSpec,fragmentArray[i],null);
            /* .addTab 是将菜单栏按钮和显示界面关联起来*/


        }

    }

     private  View getView(int i){
         View view=View.inflate(MainActivity.this,R.layout.tabcontent,null);
         
         ImageView imageView= (ImageView) view.findViewById(R.id.table_image);
         TextView textView= (TextView) view.findViewById(R.id.table_text);
         imageView.setImageResource(imgButton[i]);
         textView.setText(name[i]);
         return view;
     }

}

 以上都是个人理解 ，界面丑的一笔，没有任何点击效果，丑的那叫一个惨绝人寰，不敢放图片！