在小牛奶中找到android.support.v4.app.FragmentTabHost然后再布局中定义
<FrameLayout
android:id="@+id/hh"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
>
</FrameLayout>
<android.support.v4.app.FragmentTabHost
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@android:id/tabhost"
>
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1"
></FrameLayout>
</android.support.v4.app.FragmentTabHost>
主java写
package com.example.fragment_text3_tabhost;
import java.util.ArrayList;
import android.R.color;
import android.content.res.ColorStateList;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;
public class MainActivity extends FragmentActivity {
FragmentTabHost tabhost;
ArrayList<Class> classdata=new ArrayList<Class>();//装有加载碎片内容的类
String tabname[]={
"首页","发现","我的","泡泡","联系人"
};
int image[]={
R.drawable.image,R.drawable.image2,
R.drawable.image3,R.drawable.image4,R.drawable.image5
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 1,找到FragmentTabHost的控件
tabhost=(FragmentTabHost) findViewById(android.R.id.tabhost);
// 2,配置该控件(找到要替换的布局FrameLayout)
tabhost.setup(MainActivity.this, getSupportFragmentManager(), R.id.hh);
// 添加碎片类(内容)
add();
for(int i=0;i<classdata.size();i++){
// 3,添加table new出来了付了一个id
TabSpec tabSpec = tabhost.newTabSpec(i+"");
// 4,找到自定义布局
View view = View.inflate(MainActivity.this, R.layout.tab_item, null);
// 给tab_item布局里面的ImageView添加图片
ImageView imageview=(ImageView) view.findViewById(R.id.item_ImageView);
imageview.setImageResource(image[i]);
// 添加字
TextView text=(TextView) view.findViewById(R.id.text);
text.setText(tabname[i]);//设置字和字的颜色(选择器)
text.setTextColor((ColorStateList)getResources().getColorStateList(R.drawable.color));
// 5,把自定义布局添加到TabSpec中
tabSpec.setIndicator(view);
// 6.把tabSpec添加到tabhost里面
tabhost.addTab(tabSpec,classdata.get(i), null);
}
//设置没有竖白线
tabhost.getTabWidget().setShowDividers(LinearLayout.SHOW_DIVIDER_NONE);
// tabhost.setBackgroundColor(Color.parseColor("#ffffff"));
// tabhost.setCurrentTab(0);//设置切换页面
//// 3,添加table new出来了付了一个id
// TabSpec tabSpec2 = tabhost.newTabSpec("2");
//// 4,找到自定义布局
// View view2 = View.inflate(MainActivity.this, R.layout.tab_item, null);
//// 5,把自定义布局添加到TabSpec中
// tabSpec2.setIndicator(view2);
//// 6.把tabSpec添加到tabhost里面往里面设置内容
// //参数1:是新建的标签 参数2:指定标签内容 参数3:是需要设置的bundle对象(一般没有写null)
// tabhost.addTab(tabSpec2, CopyOfFragment_Hom1.class, null);
//
}
private void add() {
// TODO Auto-generated method stub
classdata.add(CopyOfFragment_Hom1.class);
classdata.add(CopyOfFragment_Hom2.class);
classdata.add(CopyOfFragment_Hom3.class);
classdata.add(CopyOfFragment_Hom4.class);
classdata.add(CopyOfFragment_Hom5.class);
}
}
这是CopyOfFragment_Hom1里面的代码
package com.example.fragment_text3_tabhost;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class CopyOfFragment_Hom1 extends Fragment{
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.y1, null);
}
}
其他的就是加载布局和他不一样
写出碎片类
image.png
和布局xml
image.png
效果图
image.png
