Google Now Farbverlauf/Schatten auf Statusleiste und Navigationsleiste

Question

Ich versuche, eine ähnliche Statusleiste und Navigationsleiste Farbverlauf wie Google Now zu machen.

Bild-Referenz: Rechteckige Fläche angegeben, wie unten

Nach der unter Option auf Android Eibisch versuchen,

<item name="android:windowTranslucentNavigation">true</item> 
    <item name="android:windowTranslucentStatus">true</item> 

ich das unten stehende Verhalten

Bild-Referenz erhalten:

Kann jemand mir vorschlagen, wie man Steigung auf diesen beiden bekommt?
Ist das ein Farbverlauf oder ist das ein Schatten?

Answer 1

Es ist ein Gradient, der als scrim verwendet wird. Um diesen Effekt zu erzielen, müssen Sie zuerst die halbtransparente Unterlage für die Status- und Navigationsleisten entfernen. Another answer Details, wie Sie dies auf niedrigeren Plattformgeräten tun können; aber auf Android Lollipop und höher, können Sie dies einfach durch zwei Stil Einstellung Attribute transparent:

<resources xmlns:android="http://schemas.android.com/apk/res/android"> 
    <style name="Theme" parent="android:Theme.Material.Wallpaper.NoTitleBar"> 
     <item name="android:statusBarColor">@android:color/transparent</item> 
     <item name="android:navigationBarColor">@android:color/transparent</item> 
     <item name="android:windowTranslucentStatus">true</item> 
     <item name="android:windowTranslucentNavigation">true</item> 
    </style> 
</resources> 

Dann, um das Gelege hinzufügen, können Sie ziehbar eine Form verwenden:

<shape xmlns:android="http://schemas.android.com/apk/res/android"> 

    <gradient android:type="linear" 
     android:angle="270" 
     android:centerY="0.3" 
     android:startColor="#66000000" 
     android:centerColor="#33000000" 
     android:endColor="#00000000"/> 

</shape> 

Sie dann nur setzt diese als Hintergrund kann zu einem View in Ihrem Layout:

<View 
    android:layout_width="match_parent" 
    android:layout_height="72dp" 
    android:background="@drawable/scrim"/> 

Sie auch das android:rotation="180" Attribut kann die gleiche Steigung für den Boden th verwenden Der Bildschirm.

Answer 2

Erster einen Stil hinzufügen, vollständig transparent Aktion Statusleiste zu machen:

<!-- Base application theme. --> 
<style name="TransparentTheme" parent="android:Theme.Holo.Light"> 
<!-- Customize your theme here. --> 
<item name="android:windowBackground">@null</item> 
<item name="android:actionBarStyle">@style/ActionBarStyle.Transparent</item> 
<item name="android:windowActionBarOverlay">true</item> 
</style> 

<style name="ActionBarStyle.Transparent" parent="android:Widget.ActionBar"> 
<item name="android:background">@null</item> 
<item name="android:displayOptions">showHome|showTitle</item> 
<item name="android:titleTextStyle">@style/ActionBarStyle.Transparent.TitleTextStyle</item> 
</style> 

<style name="ActionBarStyle.Transparent.TitleTextStyle" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title"> 
<item name="android:textColor">@android:color/white</item> 
</style> 

und hinzufügen Gelege eine ziehbar-Datei erstellen und diesen Code hinzu:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<solid android:color="#88000000" /> 
<gradient 
    android:angle="90" 
    android:centerColor="#66000000" 
    android:centerY="0.3" 
    android:endColor="#00000000" 
    android:startColor="#CC000000" 
    android:type="linear" /> 
</shape> 

und fügen Sie diese als Hintergrund in deinem Thema;

Answer 3

Sie diesen Link Prüfung können: https://github.com/jgilfelt/SystemBarTint

für mich gearbeitet