建立app的底部导航栏

一、
Android studio创建好工程之后
首先主布局:
采用线性布局
//用来装碎片的
android:id="@+id/maincontent"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1" >

//分割显示框与导航栏
android:layout_height="0.5dp"
android:alpha="1"
android:background="@android:color/darker_gray"
/>
//用fragmentTabHost来创建底部的导航栏,注意:这里的id是固定的,不可以随意乱改
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="60dp">
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
>

二、在创建要用的碎片以及碎片的xml(很简单,Android studio会自动填写代码,这里不做展示):

三、具体化导航栏的设置:在layout中建立一个xml来细化
android:id="@+id/image"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:scaleType="fitStart"
/>
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10sp"
android:textColor="@android:color/darker_gray"
/>
四、mainactivity(这种方法以后多加个碎片时非常方便添加):
//把要用的
private FragmentTabHost fragmentTabHost;
private String texts[] = {” 填导航栏中的名称“};
private int imageButton[] = {R.你的按钮图片};
private Class fragmentArray[]={你的碎片.class};
//绑定导航栏
fragmentTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
fragmentTabHost.setup(this, getSupportFragmentManager(),
R.id.maincontent);
//依次添加碎片并关联
for (int i = 0; i < texts.length; i++){
TabSpec spec=fragmentTabHost.newTabSpec(texts[i]).setIndicator(getView(i));
fragmentTabHost.addTab(spec, fragmentArray[i], null); fragmentTabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.timg);
}
private View getView(int i) {
//加入导航栏具体细节
View view=View.inflate(MainActivity.this, R.layout.tabcontent, null);
ImageView imageView=(ImageView) view.findViewById(R.id.image);
TextView textView=(TextView) view.findViewById(R.id.text);
imageView.setImageResource(imageButton[i]);
textView.setText(texts[i]);
return view;
}
}
五、可以在这个基础上将各个碎片精细。

你可能感兴趣的:(建立app的底部导航栏)