Android中修改TabLayout底部导航条Indicator长短的方法

前言

对于Tablayout相信大家都不陌生,在开发中使用的应该很频繁了,但是底部导航条长短是固定死的,需要自己来改动长短,找了半天没找着方法,看了下官方建议,可以通过映射来修改自己想要的长短,其实也就几行代码的问题。

看代码:

 public static void setIndicator(Context context, TabLayout tabs, int leftDip, int rightDip) {
  Class<?> tabLayout = tabs.getClass();
  Field tabStrip = null;
  try {
   tabStrip = tabLayout.getDeclaredField("mTabStrip");
  } catch (NoSuchFieldException e) {
   e.printStackTrace();
  }

  tabStrip.setAccessible(true);
  LinearLayout ll_tab = null;
  try {
   ll_tab = (LinearLayout) tabStrip.get(tabs);
  } catch (IllegalAccessException e) {
   e.printStackTrace();
  }

  int left = (int) (getDisplayMetrics(context).density * leftDip);
  int right = (int) (getDisplayMetrics(context).density * rightDip);

  for (int i = 0; i < ll_tab.getChildCount(); i++) {
   View child = ll_tab.getChildAt(i);
   child.setPadding(0, 0, 0, 0);
   LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.MATCH_PARENT, 1);
   params.leftMargin = left;
   params.rightMargin = right;
   child.setLayoutParams(params);
   child.invalidate();
  }
 }

leftDip和rightDip是左右间距,根据自己的需要来设置,直接调用即可。

很多同学都遇到问题,这里附上源码,大家可以看看:

package com.example.donghe.myrefreshview;

import android.app.Activity;
import android.content.Context;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TableLayout;

import java.lang.reflect.Field;

public class MainActivity extends AppCompatActivity {

 private static int TAB_MARGIN_DIP = 11;
 TabLayout tableLayout;
 ViewPager viewPager;
 RankingPagerAdapter adapter;
 String [] strings = {"皇帝","丞相","尚书","太监"};
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  tableLayout = (TabLayout) findViewById(R.id.tabs_ranking);
  viewPager = (ViewPager) findViewById(R.id.container_ranking);

  adapter = new RankingPagerAdapter(getSupportFragmentManager());
  viewPager.setAdapter(adapter);
  tableLayout.setupWithViewPager(viewPager);
  tableLayout.setTabTextColors(getResources().getColor(R.color.black), getResources().getColor(R.color.red_pre));
  tableLayout.setTabsFromPagerAdapter(adapter);
  setIndicator(this, tableLayout, TAB_MARGIN_DIP, TAB_MARGIN_DIP);

 }

 private class RankingPagerAdapter extends FragmentStatePagerAdapter {
  public RankingPagerAdapter(FragmentManager fm) {
   super(fm);
  }

  @Override
  public Fragment getItem(int position) {
   return new FuelFragment().newInstance(position, strings[position]);
  }

  @Override
  public int getCount() {
   return strings.length;
  }

  @Override
  public CharSequence getPageTitle(int position) {
   return strings[position];
  }
 }

 public static void setIndicator(Context context, TabLayout tabs, int leftDip, int rightDip) {
  Class<?> tabLayout = tabs.getClass();
  Field tabStrip = null;
  try {
   tabStrip = tabLayout.getDeclaredField("mTabStrip");
  } catch (NoSuchFieldException e) {
   e.printStackTrace();
  }

  tabStrip.setAccessible(true);
  LinearLayout ll_tab = null;
  try {
   ll_tab = (LinearLayout) tabStrip.get(tabs);
  } catch (IllegalAccessException e) {
   e.printStackTrace();
  }

  int left = (int) (getDisplayMetrics(context).density * leftDip);
  int right = (int) (getDisplayMetrics(context).density * rightDip);

  for (int i = 0; i < ll_tab.getChildCount(); i++) {
   View child = ll_tab.getChildAt(i);
   child.setPadding(0, 0, 0, 0);
   LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.MATCH_PARENT, 1);
   params.leftMargin = left;
   params.rightMargin = right;
   child.setLayoutParams(params);
   child.invalidate();
  }
 }

 public static DisplayMetrics getDisplayMetrics(Context context) {
  DisplayMetrics metric = new DisplayMetrics();
  ((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(metric);
  return metric;
 }

 public static float getPXfromDP(float value, Context context) {
  return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, value,
    context.getResources().getDisplayMetrics());
 }
}

Fragment:

package com.example.donghe.myrefreshview;

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

/**
 * Created by dong.he on 2016/12/9.
 */

public class FuelFragment extends Fragment {

 public static String TAB_POSITION;
 public static String TAB_NAME;
 private String tabId;
 private int tabPosition;

 public FuelFragment() {
 }

 public static Fragment newInstance(int tabPosition, String tabName) {
  FuelFragment fragment = new FuelFragment();
  Bundle bundle = new Bundle();
  bundle.putInt(TAB_POSITION, tabPosition);
  bundle.putString(TAB_NAME, tabName);
  fragment.setArguments(bundle);
  return fragment;
 }

 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  return inflater.inflate(R.layout.layout, container, false);
 }

 @Override
 public void onActivityCreated(@Nullable Bundle savedInstanceState) {
  super.onActivityCreated(savedInstanceState);
  tabPosition = getArguments().getInt(TAB_POSITION, 0);
  tabId = getArguments().getString(TAB_NAME);
  ((TextView) getView().findViewById(R.id.text)).setText(tabId);
 }
}

布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">

 <android.support.design.widget.TabLayout
  android:id="@+id/tabs_ranking"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:tabGravity="fill"
  app:tabIndicatorColor="@color/red_pre"
  app:tabMode="scrollable" />

 <android.support.v4.view.ViewPager
  android:id="@+id/container_ranking"
  android:layout_width="match_parent"
  android:layout_height="match_parent" />

</LinearLayout>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

(0)

相关推荐

  • Android 中TabLayout自定义选择背景滑块的实例代码

    TabLayout是Android 的Material Design包中的一个控件,可以和V4包中的ViewPager搭配产生一个联动的效果.这里我自定义了一个滑块能够跟随TabLayout进行滑动选择的SliderLayout.效果见下图(白色方框): 下面是SliderLayout的源码: import android.content.Context; import android.content.res.TypedArray; import android.graphics.drawabl

  • Android中TabLayout+ViewPager 简单实现app底部Tab导航栏

    前言 在谷歌发布Android Design Support Library之前,app底部tab布局的实现方法就有很多种,其中有RadioGroup+FrameLayout.TabHost+Fragment.FragmentPagerAdapter+ViewPager等方法,虽然这些方法虽然能达到同样的效果,但我个人总觉得有些繁琐.然而,Google在2015的IO大会上,给开发者们带来了全新的Android Design Support Library,里面包含了许多新控件,这些新控件有许多

  • Android TabLayout实现京东详情效果

    Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,在这个support库里面,Google给我们提供了更加规范的MD设计风格的控件.最重要的是,Android Design Support Library的兼容性更广,直接可以向下兼容到Android 2.2. 这两天需要做一个仿京东详情的页面,上面的Tab切换,以前都是自己写Viewpager+fragment

  • TabLayout用法详解及自定义样式

    TabLayout的默认样式: app:theme="@style/Widget.Design.TabLayout" 从系统定义的该样式继续深入: <style name="Widget.Design.TabLayout" parent="Base.Widget.Design.TabLayout"> <item name="tabGravity">fill</item> <item n

  • Android TabLayout(选项卡布局)简单用法实例分析

    本文实例讲述了Android TabLayout(选项卡布局)简单用法.分享给大家供大家参考,具体如下: 我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合.达到很漂亮的效果.但是TabPageIndicator是第三方的,而且比较老了,当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求,在2015年的google大会上,google发布了新的Android Support Design库,里面包含了几个新的控件,其中就有一个

  • Android自定义TabLayout效果

    周末就要到了,今天项目中遇到这样一个Tab,选中tab的背景是个圆角矩形,方向指向器没有了,这样普通的TabLayout不能满足我的要求,可能会想到动态的去设置选中Tab的背景不就可以了,但是那样的话太生硬了,没有动画效果,其实想想也还比较简单,今天就简单的说一说这个YzzTab.效果如下图: 这里是四个Tab,一版只显示3个,这里假设有num个Tab,当滑动到第3个时,这里就需要考虑如何让TabLayout和指示器一起移动呢? @Override public void onPageScrol

  • android TabLayout使用方法详解

    Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,在这个support库里面,Google给我们提供了更加规范的MD设计风格的控件.最重要的是,Android Design Support Library的兼容性更广,直接可以向下兼容到Android 2.2. 这两天需要做一个仿京东详情的页面,上面的Tab切换,以前都是自己写Viewpager+fragment

  • Android中TabLayout结合ViewPager实现页面切换效果

    先看看效果,如图: 1.因为TabLayout是Android Design Support Library官方库的一个控件,所以使用TabLayout时候需要先添加对该库的依赖 compile 'com.android.support:design:22.2.0' 2.下面是TabLayout和ViewPager配合使用的布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns

  • Android中修改TabLayout底部导航条Indicator长短的方法

    前言 对于Tablayout相信大家都不陌生,在开发中使用的应该很频繁了,但是底部导航条长短是固定死的,需要自己来改动长短,找了半天没找着方法,看了下官方建议,可以通过映射来修改自己想要的长短,其实也就几行代码的问题. 看代码: public static void setIndicator(Context context, TabLayout tabs, int leftDip, int rightDip) { Class<?> tabLayout = tabs.getClass(); Fi

  • Android 中基于TabLayout+ViewPager实现标签卡效果

    代码已经上传至Github:https://github.com/YanYoJun/ViewPagerDemo 先看效果 1.布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andro

  • Android自定义水波纹底部导航的实现

    今天给大家带来一个自定义的底部导航,我不会做动图,只能搞一张图片给大家看看,大家见谅 这个就是自定义的tablayout底部搞好的样式了 TabLayout提供了一个水平布局用于展示tabs,继承自HorizontalScrollView.一般与Viewpager结合使用实现页面和标签联动的效果,是时下APP中非常常用的一个控件 首先我们需要创建一个类或者是模块都可以 package com.example.map.tab; import android.content.Context; imp

  • Android仿微信页面底部导航效果代码实现

    大家在参考本地代码的时候要根据需要适当的修改,里面有冗余代码小编没有删除.好了,废话不多说了,一切让代码说话吧! 关键代码如下所示: .java里面的主要代码 public class MainActivity extends BaseActivity implements TabChangeListener { private Fragment[] fragments; private FragZaiXianYuYue fragZaiXianYuYue; private FragDaoLuJi

  • Android使用BottomTabBar实现底部导航页效果

    1. 导依赖 compile 'com.hjm:BottomTabBar:1.1.1' 2. 在所实现的XML中定义一下该控件 <com.hjm.bottomtabbar.BottomTabBar android:id="@+id/bottom_tab_bar" android:layout_width="match_parent" android:layout_height="match_parent" > </com.hjm

  • 解决android 显示内容被底部导航栏遮挡的问题

    描述: 由于产品需求,要求含有EditText的界面全屏显示,最好的解决方式是使用AndroidBug5497Workaround.assistActivity(this) 的方式来解决,但是华为和魅族手机系统自带的有底部导航栏,会造成一些布局被遮挡. 解决方案:在values-21的style.xml中添加android:windowDrawsSystemBarBackgrounds"并将值设置为false,方式如下 在style引用的主题里面加入android:windowDrawsSyst

  • vue开发移动端底部导航条功能

    效果图 src/app.vue <template> <div id="app" class="g-container"> <div class="g-header-container"> 头部导航 </div> <div class="g-view-container"> <div class="content"> 内容区域 <

  • Android开发快速实现底部导航栏示例

    目录 Tint 着色器 依赖(AndroidX) 布局 编写渲染颜色选择器-tint_selector_menu_color menu 文件中 icon-nav_bottom_menu BottomNavigationView的点击事件 配合ViewPager实现Tab栏 对应的适配器 Tint 着色器 优点:去除“无用”图片,节省空间 配合BottomNavigationView,实现一个快速,简洁的Tab栏 传统做法:Tab 切换,字体变色.图片变色.至少给我提供八张图,四张默认,四张选中,

  • Android中修改设备权限的方法

    本文实例讲述了Android中修改设备权限的方法.分享给大家供大家参考.具体如下: 有时我们编写了驱动后,在上层程序中要访问设备,但android代码编译后的设备权限是root的,其他用户不可访问(包括system),只是就需要在android源码中将设备的权限修改下. 具体的修改位置为源码的system/core/init/devices.c文件中static struct perms_ devperms[]的定义中,如添加设备hidraw0的权限,只需添加一行: 复制代码 代码如下: { "

  • Android开发之微信底部菜单栏实现的几种方法汇总

     实现方式 实现的方式有很多种 这里总结最常见的几种方式,以后再添加其他的. viewPager + RadioGroup viewPager + FragmentTabHost viewpager +TabLayout viewPager+RadioGroup 感觉这是最简单的一个了,我也就不贴代码 说说我理解的思路吧 通过给pager 和RadioGroup 添加监听,监听两个控件的变化 实现联动 当viewPager的显示pager改变就会触发监听 ,在监听中选中对应的RadioButto

随机推荐