关于#android#的问题：Tab栏位置会有一个灰色透明区域 会跟随Tab移动 有没有啥办法排查

Question

Tab栏位置会有一个灰色透明区域 会跟随Tab移动 有没有啥办法排查

Answer 1

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/680629
• 这篇博客也不错, 你可以看下android-多种方式实现主界面的Tab
• 除此之外, 这篇博客: Android之路 - 实现高斯模糊的菜单中的 底部Tab栏 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  首先是底部的tab栏实现，没什么好讲的。根布局使用==FrameLayout==，然后又==LineaLayout==排列图标。

  <?xml version="1.0" encoding="utf-8"?>
  <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom|end"
      android:background="#00000000"
      android:clipChildren="false">
  
      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="48dip"
          android:layout_alignParentBottom="true"
          android:background="@color/colorPrimary"
          android:orientation="horizontal">
  
          <RelativeLayout
              android:id="@+id/rl_menu_home"
              style="@style/MainMenuLinearStyle">
  
              <ImageView
                  android:id="@+id/iv_menu_home"
                  style="@style/MainMenuImageStyle"
                  android:src="@drawable/menu_home_select" />
  
              <TextView
                  android:id="@+id/tv_menu_home"
                  style="@style/MainMenuTextStyle"
                  android:layout_below="@id/iv_menu_home"
                  android:text="首页" />
          </RelativeLayout>
  
          <RelativeLayout
              android:id="@+id/rl_menu_project"
              style="@style/MainMenuLinearStyle">
  
              <ImageView
                  android:id="@+id/iv_menu_project"
                  style="@style/MainMenuImageStyle"
                  android:src="@drawable/menu_project_select" />
  
              <TextView
                  android:id="@+id/tv_menu_project"
                  style="@style/MainMenuTextStyle"
                  android:layout_below="@id/iv_menu_project"
                  android:text="项目" />
          </RelativeLayout>
  
          <android.support.design.widget.FloatingActionButton
              android:id="@+id/fab_all_menu"
              android:layout_width="50dp"
              android:layout_height="50dp"
              android:layout_gravity="bottom"
              android:layout_marginBottom="-15dp"
              android:rotation="45"
              android:src="@drawable/ic_clear" />
  
          <RelativeLayout
              android:id="@+id/rl_menu_client"
              style="@style/MainMenuLinearStyle">
  
              <ImageView
                  android:id="@+id/iv_menu_client"
                  style="@style/MainMenuImageStyle"
                  android:src="@drawable/menu_client_select" />
  
              <TextView
                  android:id="@+id/tv_menu_client"
                  style="@style/MainMenuTextStyle"
                  android:layout_below="@id/iv_menu_client"
                  android:text="招商" />
          </RelativeLayout>
  
          <RelativeLayout
              android:id="@+id/rl_menu_my"
              style="@style/MainMenuLinearStyle">
  
              <ImageView
                  android:id="@+id/iv_menu_my"
                  style="@style/MainMenuImageStyle"
                  android:src="@drawable/menu_my_select" />
  
              <TextView
                  android:id="@+id/tv_main_home"
                  style="@style/MainMenuTextStyle"
                  android:layout_below="@id/iv_menu_my"
                  android:text="我的" />
          </RelativeLayout>
      </LinearLayout>
  </FrameLayout>

  看看效果吧：

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^