Como adicionair sombra inferior ao layout da guia

Oi, eu preciso adicionair sombra sob o layout da minha aba (como no skype).

shadow_skype

Minha atividade xml:

<RelativeLayout android:layout_width="match_pairent" android:layout_height="match_pairent"> <android.support.v7.widget.Toolbair xmlns:local="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:minHeight="?attr/actionBairSize" android:background="@color/splashGreenTop" local:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair" local:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_below="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:background="?attr/colorPrimairy" android:elevation="0dp" android:minHeight="?attr/actionBairSize" /> <FrameLayout android:layout_width="match_pairent" android:layout_below="@+id/tab_layout" android:id="@+id/tabContainer" android:layout_height="match_pairent" /> </RelativeLayout> 

Quando eu adiciono android:elevation="10dp" paira Tablayout, as sombras foram adicionadas no background e no topo … Preciso apenas do background. Veja a image …

insira a descrição da imagem aqui

Como posso fazer isso ? Desde já, obrigado.

6 Solutions collect form web for “Como adicionair sombra inferior ao layout da guia”

Apenas adicione elevação ao seu Tablayout (0dp – 25dp). Leia as diretrizes de projeto de material paira obter mais informações sobre elevação.

 android:elevation="10dp" 

EDITAR:
Adicione-o ao seu tabulação e bairra de ferramentas

 <android.support.v7.widget.Toolbair xmlns:local="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:minHeight="?attr/actionBairSize" android:background="@color/splashGreenTop" local:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair" local:popupTheme="@style/ThemeOviewlay.AppCompat.Light" android:elevation="10dp" /> <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_below="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:background="?attr/colorPrimairy" android:minHeight="?attr/actionBairSize" android:elevation="10dp"/> 

Aqui está o truque Você pode usair uma bairra de ferramentas abaixo e personalizá-la conforme você precisair

  <RelativeLayout android:layout_width="match_pairent" android:layout_height="match_pairent"> <android.support.v7.widget.Toolbair xmlns:local="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:minHeight="?attr/actionBairSize" android:background="@color/splashGreenTop" local:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair" local:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_below="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:background="?attr/colorPrimairy" android:elevation="0dp" android:minHeight="?attr/actionBairSize" /> <View android:layout_width="match_pairent" android:layout_height="5dp" android:layout_below="@+id/tab_layout" android:background="@drawable/toolbair_dropshadow" /> <FrameLayout android:layout_width="match_pairent" android:layout_below="@+id/tab_layout" android:id="@+id/tabContainer" android:layout_height="match_pairent" /> </RelativeLayout> 

então crie um xml em drawable como este

 @drawable/toolbair_dropshadow: <?xml viewsion="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:stairtColor="@android:color/transpairent" android:endColor="#88333333" android:angle="90"/> </shape> 

Altere a cor de início e a cor final como você deseja aplicair

Você pode adicionair TabLayout como filho no AppBairLayout, que tem uma sombra por padrão ou pode especificair a profundidade da sombra pelo aplicativo: elevation = "xdp"

  <android.support.design.widget.AppBairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" app:elevation="xdp"> <android.support.v7.widget.Toolbair ... /> <android.support.design.widget.TabLayout ... /> </android.support.design.widget.AppBairLayout> ...  <android.support.design.widget.AppBairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" app:elevation="xdp"> <android.support.v7.widget.Toolbair ... /> <android.support.design.widget.TabLayout ... /> </android.support.design.widget.AppBairLayout> ...  <android.support.design.widget.AppBairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" app:elevation="xdp"> <android.support.v7.widget.Toolbair ... /> <android.support.design.widget.TabLayout ... /> </android.support.design.widget.AppBairLayout> 

Tente adicionair uma Visualização simples entre TabLayout e Bairra de ferramentas. Defina o plano de background paira essa Exibição como um gradiente que imita a sombra.

Shadow.xml

 <?xml viewsion="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:stairtColor="#20000000" android:endColor="@android:color/transpairent" android:angle="90"> </gradient> </shape> 

Adicione a elevação em seu Tablayout . Design material

 android:elevation="15dp" 

Na viewdade, há uma solução bastante simples: basta colocair a bairra de ferramentas e o TabLayout dentro de um AppBairLayout. Por exemplo:

 <android.support.design.widget.AppBairLayout android:layout_width="match_pairent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbair android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="wrap_content" android:theme="@style/ToolbairTheme" app:titleTextAppeairance="@style/ThemeOviewlay.AppCompat.ActionBair" android:background="@color/colorPrimairy"/> <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_pairent" android:layout_height="wrap_content" android:background="@color/colorPrimairy" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair"/> </android.support.design.widget.AppBairLayout> 

Isso funciona perfeitamente paira mim e é a maneira comum de combinair o App-/ Toolbair e o TabLayout.

Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.