タブ内のインジケータの高さの上の影

Question

インジケータの高さの上にあるインジケータの影をタブ内に表示することはできません。私は高さを適用する材料タブのkarimライブラリを使用していますが、それは助けになりません。どのようにタブ内の影を捉えることができますか？

レイアウト

<io.karim.MaterialTabs 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:layout_alignParentBottom="true" 
     android:layout_marginLeft="50dp" 
     android:layout_marginRight="50dp" 
     android:background="@android:color/transparent" 
     android:textColor="@color/white" 
     app:mtIndicatorColor="@color/colorPrimaryRed" 
     app:mtIndicatorHeight="3dp" 
     app:mtPaddingMiddle="false" 
     app:mtSameWeightTabs="true" 
     app:mtTabPaddingLeftRight="10dp" /> 

試験描画可能

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item> 
     <layer-list> 
      <item android:left="-11dp" android:right="-11dp" android:top="-11dp"> 
       <shape> 

        <stroke android:width="10dp" android:color="@color/colorPrimaryRed" /> 

        <gradient android:angle="90" android:endColor="#00fafafa" android:startColor="#88d66f67" android:type="linear" /> 

        <corners android:radius="2dp" /> 

        <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" /> 
       </shape> 
      </item> 
     </layer-list> 
    </item> 

</selector> 

ジャワ

class StarterMenuAdapter extends FragmentPagerAdapter { 
    public StarterMenuAdapter(FragmentManager fm) { 
     super(fm); 
    } 

    @Override 
    public Fragment getItem(int position) { 
     if (position == 1) { 
      LoginFragment loginFragment = new LoginFragment(); 
      return loginFragment; 
     } else { 
      RegisterFragment registerFragment = new RegisterFragment(); 
      return registerFragment; 
     } 
    } 


    @Override 
    public CharSequence getPageTitle(int position) { 
     return CONTENT[position % CONTENT.length].toUpperCase(); 
    } 

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

は、私が達成されるタブ内シャドウができる方法

得たもの

を達成したいですか？

Answer 1

あなたが好きなことが似ている、

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item> 
     <layer-list> 
      <item android:left="-8dp" android:right="-8dp" android:top="-8dp"> 
       <shape> 

        <stroke android:width="7dp" android:color="@color/red" /> 

        <gradient android:angle="90" android:endColor="#00fafafa" android:startColor="#88d66f67" android:type="linear" /> 

        <corners android:radius="2dp" /> 

        <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" /> 
       </shape> 
      </item> 
     </layer-list> 
    </item> 

</selector> 

出力