android实现底部导航栏

2023-09-11 04:45:05 65
底部导航栏我选择用FragmentTabHost+Fragment来实现，这个方法比较好用，代码量也不多
首先是开始的activity_main.xml
也可以直接在xml文件里面写
这xml文件就一个view加一个tab view用来显示碎片，tab用来放置底部按钮的数量
再来是tab_foot.xml
这是每个底部按钮的布局设置的xml文件
再来是MainActivity的代码
packagecom.gjn.mynavigation;

importandroid.os.Bundle;
importandroid.support.v4.app.FragmentActivity;
importandroid.support.v4.app.FragmentTabHost;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.Window;
importandroid.widget.ImageView;
importandroid.widget.TabWidget;
importandroid.widget.TextView;
importandroid.widget.TabHost.OnTabChangeListener;
importandroid.widget.TabHost.TabSpec;

publicclassMainActivityextendsFragmentActivityimplementsOnTabChangeListener{

privateFragmentTabHostmTabHost;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);

//初始化FragmentTabHost
initHost();
//初始化底部导航栏
initTab();
//默认选中
mTabHost.onTabChanged(TabDb.getTabsTxt()[0]);
}

privatevoidinitTab(){
String[]tabs=TabDb.getTabsTxt();
for(inti=0;i
其中TabDb类是用来设置导航栏的数据和图片切换时候的资源

 以下是TabDb类


packagecom.gjn.mynavigation;

publicclassTabDb{
/***
*获得底部所有项
*/
publicstaticString[]getTabsTxt(){
String[]tabs={"首页","交易","地点","我的"};
returntabs;
}
/***
*获得所有碎片
*/
publicstaticClass[]getFramgent(){
Class[]cls={OneFm.class,TwoFm.class,ThreeFm.class,FourFm.class};
returncls;
}
/***
*获得所有点击前的图片
*/
publicstaticint[]getTabsImg(){
int[]img={R.drawable.home1,R.drawable.glod1,R.drawable.xc1,R.drawable.user1};
returnimg;
}
/***
*获得所有点击后的图片
*/
publicstaticint[]getTabsImgLight(){
int[]img={R.drawable.home2,R.drawable.glod2,R.drawable.xc2,R.drawable.user2};
returnimg;
}
}
到此，底部导航栏就算是完全实现了。
现在来实现顶部导航栏，看了许多最后使用了RadioGroup+ViewPager来实现 

首先是为第一个碎片设计一个xml布局：fm_one.xml












 设置顶部导航栏和显示view

之后是导航栏的每个项的布局
 tab_rb.xml



其中设置selector文件来控制点击和未点击的状态
tab_rb_selector.xml
























 设置了点击和默认的时候的显示状态

最后来实现OneFm类


packagecom.gjn.mynavigation;

importjava.util.ArrayList;
importjava.util.List;

importandroid.os.Bundle;
importandroid.support.annotation.Nullable;
importandroid.support.v4.app.Fragment;
importandroid.support.v4.view.ViewPager;
importandroid.support.v4.view.ViewPager.OnPageChangeListener;
importandroid.util.DisplayMetrics;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.HorizontalScrollView;
importandroid.widget.RadioButton;
importandroid.widget.RadioGroup;
importandroid.widget.RadioGroup.LayoutParams;
importandroid.widget.RadioGroup.OnCheckedChangeListener;

publicclassOneFmextendsFragmentimplementsOnPageChangeListener{

privateViewview;
privateRadioGrouprg_;
privateViewPagervp_;
privateHorizontalScrollViewhv_;
privateListnewsList=newArrayList();
privateOneFmAdapteradapter;

@Override
publicViewonCreateView(LayoutInflaterinflater,
@NullableViewGroupcontainer,@NullableBundlesavedInstanceState){
if(view==null){
//初始化view
view=inflater.inflate(R.layout.fm_one,container,false);
rg_=(RadioGroup)view.findViewById(R.id.one_rg);
vp_=(ViewPager)view.findViewById(R.id.one_view);
hv_=(HorizontalScrollView)view.findViewById(R.id.one_hv);
//设置RadioGroup点击事件
rg_.setOnCheckedChangeListener(newOnCheckedChangeListener(){

@Override
publicvoidonCheckedChanged(RadioGroupgroup,intid){
vp_.setCurrentItem(id);
}
}
//初始化顶部导航栏
initTab(inflater);
//初始化viewpager
initView();
}
/**
*底部导航栏切换后由于没有销毁顶部设置导致如果没有重新设置view
*导致底部切换后切回顶部页面数据会消失等bug
*以下设置每次重新创建view即可
*/
ViewGroupparent=(ViewGroup)view.getParent();
if(parent!=null){
parent.removeView(view);
}
returnview;
}
/***
*初始化viewpager
*/
privatevoidinitView(){
ListhTabs=HTabDb.getSelected();
for(inti=0;ihTabs=HTabDb.getSelected();
for(inti=0;i
其中有两个数据类和一个碎片类
数据类
HTab.java
packagecom.gjn.mynavigation;

/***
*头部Tab属性
*
*/
publicclassHTab{
privateStringname;

publicHTab(Stringname){
super();
this.setName(name);
}

publicStringgetName(){
returnname;
}

publicvoidsetName(Stringname){
this.name=name;
}
}

 HTabDb.java
packagecom.gjn.mynavigation;

importjava.util.ArrayList;
importjava.util.List;

publicclassHTabDb{
privatestaticfinalListSelected=newArrayList();
static{
Selected.add(newHTab("今日"));
Selected.add(newHTab("头条"));
Selected.add(newHTab("娱乐"));
Selected.add(newHTab("财经"));
Selected.add(newHTab("军事"));
Selected.add(newHTab("科技"));
Selected.add(newHTab("时尚"));
Selected.add(newHTab("体育"));
}
/***
*获得头部tab的所有项
*/
publicstaticListgetSelected(){
returnSelected;
}
}
碎片类

OneFm1.java


packagecom.gjn.mynavigation;

importandroid.os.Bundle;
importandroid.support.annotation.Nullable;
importandroid.support.v4.app.Fragment;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.TextView;

publicclassOneFm1extendsFragment{

privateStringname;

@Override
publicvoidsetArguments(Bundleargs){
name=args.getString("name");
}

@Override
publicViewonCreateView(LayoutInflaterinflater,
@NullableViewGroupcontainer,@NullableBundlesavedInstanceState){
Viewview=inflater.inflate(R.layout.fragment,container,false);
((TextView)view.findViewById(R.id.fm_text)).setText(name);
returnview;
}
}
这样就把顶部的导航栏加入到了第一个fragment里面并且实现了切换功能

最后把fragment.xml贴下，就是每个碎片最默认的显示页面








以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
android实现底部导航栏

热门推荐

随机推荐
