大佬教程收集整理的这篇文章主要介绍了Android design包自定义tablayout的底部导航栏的实现方法,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
以前做项目大多用的radiobutton,今天用tablayout来做一个tab切换页面的的效果.
实现的效果就是类似QQ.微信的页面间(也就是Fragment间)的切换.如图:
布局只要一个tablayout
<android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/nav_tl" app:tabInDicatorHeight="0dp"//将指示器去掉 ps:如果大家对tablayout有一些样式上的需求 可以自定义style,这里就不加了 android:layout_gravity="bottom" ></android.support.design.widget.TabLayout>
然后就是activity了
public class MainActivity extends BaseActivity implements TabLayout.onTabSELEctedListener{ @BindView(R.id.main_container) LinearLayout mainContainer; @BindView(R.id.nav_tl) TabLayout navTl; //Tab 文字 private final int[] TAB_titlES = new int[]{R.String.nav_home,R.String.nav_order,R.String.nav_my}; //Tab 图片 private final int[] TAB_IMGS = new int[]{R.drawable.nav_home_bg,R.drawable.nav_order_bg,R.drawable.nav_my_bg}; //贴出一个R.drawable.nav_home_bg的文件,其他类似:`<?xml version="1.0" encoding="utf-8"?> <SELEctor xmlns:android="http://scheR_813_11845@as.android.com/apk/res/android"> <item android:state_SELEcted="true" android:drawable="@mipmap/nav_home_SELEcted"></item> <item android:state_SELEcted="false" android:drawable="@mipmap/nav_home_normal"></item> </SELEctor>` private FirstPagerFragment firstPagerFragment; private PersonalFragment personalFragment; private SeekOrderFragment seekOrderFragment; private android.support.v4.app.FragmentManager manager; @Override protected void onCreate(Bundle savedInstanceStatE) { super.onCreate(savedInstanceStatE); setContentView(R.layout.activity_main); ButterKnife.bind(this); iniView(); iniData(); } private void iniData() { } private void iniView() { LayoutInflater inflater = LayoutInflater.from(this); manager = getSupportFragmentManager(); getTab(R.id.main_container,manager,0); setTabs(navTl,inflater,TAB_titlES,TAB_IMGS); navTl.setOnTabSELEctedListener(this); } /** * @description: 设置添加Tab * 我们自定义的布局customer_layout其实就是一张图片加文字 * `<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://scheR_813_11845@as.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/img_tab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> <TextView android:id="@+id/tv_tab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:textColor="@drawable/tv_color_bg"//text我用了一个颜色选择器,主要在我选中的时候能改变颜色 /> </LinearLayout>` */ private void setTabs(TabLayout tabLayout,LayoutInflater inflater,int[] tabtitlees,int[] tabImgs) { for (int i = 0; i < tabImgs.length; i++) { TabLayout.Tab tab = tabLayout.newTab(); View view = inflater.inflate(R.layout.customer_layout,null); tab.setCustomView(view); TextView tvtitle = (TextView) view.findViewById(R.id.tv_tab); tvtitle.setText(tabtitlees[i]); ImageView imgTab = (ImageView) view.findViewById(R.id.img_tab); imgTab.setImageresource(tabImgs[i]); tabLayout.addTab(tab); } } @Override public void onTabSELEcted(TabLayout.Tab tab) { getTab(R.id.main_container,tab.getPosition()); } @Override public void onTabUnSELEcted(TabLayout.Tab tab) { } @Override public void onTabReSELEcted(TabLayout.Tab tab) { } //设置tab的监听,选中某一个tab对应的Fragment要及时切换,相信大家看代码能看明白 private void getTab(int container,android.support.v4.app.FragmentManager manager,int position){ Fragmenttransaction ft = manager.begintransaction(); hideAll(ft); switch (position){ case 0: if(firstPagerFragment==null){ firstPagerFragment=new FirstPagerFragment(); ft.add(container,firstPagerFragment); }else { ft.show(firstPagerFragment); } break; case 1: if(seekOrderFragment==null){ seekOrderFragment=new SeekOrderFragment(); ft.add(container,seekOrderFragment); }else { ft.show(seekOrderFragment); } break; case 2: if(personalFragment==null){ personalFragment=new PersonalFragment(); ft.add(container,personalFragment); }else { ft.show(personalFragment); } break; } ft.commit(); } private void hideAll(Fragmenttransaction ft) { if(firstPagerFragment!=null){ ft.hide(firstPagerFragment); } if(personalFragment!=null){ ft.hide(personalFragment); } if(seekOrderFragment!=null){ ft.hide(seekOrderFragment); } } }
以上所述是小编给大家介绍的Android design包自定义tablayout的底部导航栏的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!
以上是大佬教程为你收集整理的Android design包自定义tablayout的底部导航栏的实现方法全部内容,希望文章能够帮你解决Android design包自定义tablayout的底部导航栏的实现方法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。