Android Fragment+FragmentTabHost组件实现常见主页面(仿微信新浪)
采取的方法是Fragment+FragmentTabHost组件来实现这种常见的app主页面的效果
首先给出main.xml文件
<?xmlversion="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:id="@+id/realtabcontent" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1" android:background="@color/white"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:orientation="vertical"> <View android:layout_width="match_parent" android:layout_height="1px" android:background="@color/color_home_tab_line"/> <android.support.v4.app.FragmentTabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@color/et_divider_disable"> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="0dp" android:layout_height="0dp" android:layout_weight="0"/> </android.support.v4.app.FragmentTabHost> </LinearLayout></LinearLayout>
主代码:
publicclassMainActivity {@ViewInject(android.R.id.tabhost) privateFragmentTabHostmTabHost; privateLayoutInflaterlayoutInflater; privateintmImageViewArray[]={R.drawable.home_tab1,R.drawable.home_tab2,R.drawable.home_tab3,R.drawable.home_tab4}; privateStringmTextviewArray[]={"首页","圈子","资讯","个人中心"}; privateClassfragmentArray[]={Fragment1.class,Fragment2.class,Fragment3.class,Fragment4.class}; protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); init(); } @Override protectedvoidinit(){ //list=newJSONArray(); layoutInflater=LayoutInflater.from(this); initTabHost();//初始化底部菜单 } /** *初始化底部工具栏 */ privatevoidinitTabHost(){ mTabHost=(FragmentTabHost)findViewById(android.R.id.tabhost); mTabHost.setup(this,getSupportFragmentManager(),R.id.realtabcontent); intcount=fragmentArray.length; for(inti=0;i<count;i++){ TabHost.TabSpectabSpec=mTabHost.newTabSpec(mTextviewArray[i]) .setIndicator(getTabItemView(i)); mTabHost.addTab(tabSpec,fragmentArray[i],null); mTabHost.getTabWidget().getChildAt(i) .setBackgroundResource(R.color.white); } mTabHost.setCurrentTabByTag(mTextviewArray[0]); mTabHost.getTabWidget().setDividerDrawable(null); } /** *项的样式 *@paramindex第几个 *@return每一个Tab样式 */ privateViewgetTabItemView(intindex){ Viewview=layoutInflater.inflate(R.layout.tab_home_item,null); ImageViewimageView=(ImageView)view.findViewById(R.id.icon); imageView.setImageResource(mImageViewArray[index]); TextViewtextView=(TextView)view.findViewById(R.id.name); textView.setText(mTextviewArray[index]); returnview; } }
通过以上文章,希望能帮助到大家,谢谢大家对本站的支持!