android底部导航栏的程序代码

r囧r小猫 2022-09-25 14:19 224阅读 0赞

//首先编写我们的主界面，由一大块的内容和下面的导航栏组成

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:orientation="vertical" >
    
      <FrameLayout android:id="@+id/realtabcontent"
     android:layout_width="fill_parent"
     android:layout_height="0dip"
     android:layout_weight="1" />
    
      <android.support.v4.app.FragmentTabHost android:id="@android:id/tabhost"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content" 
     android:background="@drawable/bg_tabhost_bg">
    
        <FrameLayout android:id="@android:id/tabcontent"
     android:layout_width="0dp"
     android:layout_height="0dp"
     android:layout_weight="0" />			
      </android.support.v4.app.FragmentTabHost>
    
    </LinearLayout>

//再来编写我们的导航栏下面的item一张图片和一组文字

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:gravity="center"
     android:orientation="vertical" >
    
      <ImageView android:id="@+id/imageview"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:focusable="false"
     android:padding="3dp" 
     android:src="@drawable/tab_home_btn">
      </ImageView>
    
      <TextView android:id="@+id/textview"	   
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" 
     android:text=""
     android:textSize="10sp"
     android:textColor="#ffffff">
      </TextView>
    
    </LinearLayout>//主内容界面，我们暂且用四个不同颜色的界面来区分,多复制几个就可以了

<?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"
     android:background="#FBB55D" >
      
    
    </LinearLayout>//接下来我们在Mainactivity中初始化控件并拿到设置上去

public class MainActivity extends FragmentActivity { 
     /** * FragmentTabhost */
     private FragmentTabHost mTabHost;
    
     /** * 布局填充器 * */
     private LayoutInflater mLayoutInflater;
    
     /** * Fragment数组界面 * */
     private Class mFragmentArray[] = { Fragment1.class, Fragment2.class,
     Fragment3.class, Fragment4.class, Fragment5.class }; /** * 存放图片数组 * */ private int mImageArray[] = {  R.drawable.tab_home_btn,
     R.drawable.tab_message_btn, R.drawable.tab_selfinfo_btn,
     R.drawable.tab_square_btn, R.drawable.tab_more_btn };
    
     /** //选修卡文字
     private String mTextArray[] = { "首页", "消息", "好友", "搜索", "更多" };
     /** * * */
     public void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.activity_main);
    
     initView();
     }
    
     /** * 初始化组件 */
     private void initView() {
     mLayoutInflater = LayoutInflater.from(this);
    
     // 找到TabHost
     mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
     mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
     // 得到fragment的个数
     int count = mFragmentArray.length;
     for (int i = 0; i < count; i++) {
     // 给每个Tab按钮设置图标、文字和内容
     TabSpec tabSpec = mTabHost.newTabSpec(mTextArray[i])
     .setIndicator(getTabItemView(i));
     // 将Tab按钮添加进Tab选项卡中
     mTabHost.addTab(tabSpec, mFragmentArray[i], null);
     // 设置Tab按钮的背景
     mTabHost.getTabWidget().getChildAt(i)
     .setBackgroundResource(R.drawable.selector_tab_background);
     }
     }
    
     /** * * 给每个Tab按钮设置图标和文字 */
     private View getTabItemView(int index) {
     View view = mLayoutInflater.inflate(R.layout.tab_item_view, null);
     ImageView imageView = (ImageView) view.findViewById(R.id.imageview);
     imageView.setImageResource(mImageArray[index]);
     TextView textView = (TextView) view.findViewById(R.id.textview);
     textView.setText(mTextArray[index]);
    
     return view;
     }
    
    }//最后将几个碎片拿到即可，以后就可以在这里添加内容了

package com.example.fragment;
    
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    import com.example.fragmenttabhost.R;
    
    public class Fragment1 extends Fragment{ 
    
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
     Bundle savedInstanceState) {
     
     return inflater.inflate(R.layout.fragment1, null);		
     }	
    }