ステータスバーとナビゲーションバーのGoogle Nowグラデーション/シャドウ

Question

Google Nowと同様のステータスバーとナビゲーションバーのグラデーションを作成しようとしています。

イメージ参照：

：長方形の面積は、私は以下の行動に

イメージ参照を取得し、Androidのマシュマロに、以下のオプションを試した後

以下

として

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

を示しました

誰も私にこれらの両方のグラデーションを取得する方法を教えてもらえますか？
これはグラデーションですか、それとも影ですか？

Answer 1

scrimとして使用されている勾配です。この効果を得るには、最初に行う必要があるのは、ステータスバーとナビゲーションバーの半透明のアンダーレイを削除することです。 Another answer下位プラットフォームのデバイスでこれを行う方法の詳細。しかし、Androidのロリポップと高い上、あなたがこれを行うことができ、単純に2つのスタイルを設定することにより、透明に属性：あなたは次に

<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> 

：次に

<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> 

、スクリムを追加するには、描画可能な形状を使用することができますあなたはまた、目の一番下に同じ勾配を使用するようにandroid:rotation="180"属性を設定することができます

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

：ちょうどあなたのレイアウトでViewの背景として、これを設定することができますeスクリーン。

Answer 2

まず完全に透​​明アクションのステータスバーを作るためにスタイルを追加：

<!-- 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> 

をして描画可能なファイルを作成し、それにスクリムを追加し、このコードを追加する：

<?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> 

と背景としてこれを追加あなたのテーマで。

Answer 3

このリンクチェックアウトすることができます https://github.com/jgilfelt/SystemBarTint

を