Przejrzysty pasek stanu Androida i pasek akcji

Question

Zrobiłem kilka badań na ten temat i nie mogłem znaleźć kompletnego rozwiązania, więc krok po kroku, z pewnymi próbami i błędami, w końcu dowiaduję się, jak możemy osiągnąć te wyniki : mając przezroczysty lub kolorowy Actionbar i Statusbar. Zobacz moją odpowiedź poniżej.

Answer 1

Zajmuję się tworzeniem aplikacji, która musi wyglądać podobnie na wszystkich urządzeniach z> = API14, jeśli chodzi o dostosowywanie paska akcji i paska statusu. W końcu znalazłem rozwiązanie, a ponieważ zajęło mi to trochę czasu, podzielę się nim, by ocalić część twoich. Zaczynamy od użycia zależności appcompat-21.

Transparent Actionbar:

wartości/styles.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light"> 
... 
</style> 

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme"> 
    <item name="android:windowContentOverlay">@null</item> 
    <item name="windowActionBarOverlay">true</item> 
    <item name="colorPrimary">@android:color/transparent</item> 
</style> 

<style name="AppTheme.ActionBar" parent="AppTheme"> 
    <item name="windowActionBarOverlay">false</item> 
    <item name="colorPrimary">@color/default_yellow</item> 
</style> 

Wartości-V21/styles.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light"> 
    ... 
</style> 

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme"> 
    <item name="colorPrimary">@android:color/transparent</item> 
</style> 

<style name="AppTheme.ActionBar" parent="AppTheme"> 
    <item name="colorPrimaryDark">@color/bg_colorPrimaryDark</item> 
    <item name="colorPrimary">@color/default_yellow</item> 
</style> 

Teraz możesz Użyj se tematy w swojej AndroidManifest.xml aby określić, które działania będą mieć przezroczyste lub barwione ActionBar:

<activity 
      android:name=".MyTransparentActionbarActivity" 
      android:theme="@style/AppTheme.ActionBar.Transparent"/> 

    <activity 
      android:name=".MyColoredActionbarActivity" 
      android:theme="@style/AppTheme.ActionBar"/> 

Uwaga: API> = 21, aby uzyskać Actionbar przejrzysty trzeba również uzyskać przezroczystość, inaczej nie będzie szanować twoich stylów kolorów i pozostanie jasnoszara.

Przezroczysty pasek stanu (działa tylko z API> = 19):
Ten jeden to całkiem proste wystarczy użyć następującego kodu:

protected void setStatusBarTranslucent(boolean makeTranslucent) { 
     if (makeTranslucent) { 
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 
     } else { 
      getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 
     } 
    } 

Ale zauważysz funky wynik:

Dzieje się tak, ponieważ gdy Statusbar jest przezroczysty, a układ użyje swojej wysokości.

jedno rozwiązanie:: Do tego wystarczy, aby zapobiec
Dodaj tę linię android:fitsSystemWindows="true" w widoku Układ pojemnika o cokolwiek chcesz być umieszczony poniżej tej Actionbar:

... 
     <LinearLayout 
       android:fitsSystemWindows="true" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 
      ... 
     </LinearLayout> 
    ... 

Rozwiązanie drugie:
dodać kilka linijek do naszej poprzedniej metody:

protected void setStatusBarTranslucent(boolean makeTranslucent) { 
     View v = findViewById(R.id.bellow_actionbar); 
     if (v != null) { 
      int paddingTop = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT ? MyScreenUtils.getStatusBarHeight(this) : 0; 
      TypedValue tv = new TypedValue(); 
      getTheme().resolveAttribute(android.support.v7.appcompat.R.attr.actionBarSize, tv, true); 
      paddingTop += TypedValue.complexToDimensionPixelSize(tv.data, getResources().getDisplayMetrics()); 
      v.setPadding(0, makeTranslucent ? paddingTop : 0, 0, 0); 
     } 

     if (makeTranslucent) { 
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 
     } else { 
      getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 
     } 
    } 

Gdzie R.id.bellow_actionbar będzie pojemnik układ widok id cokolwiek chcemy być umieszczone poniżej tej Actionbar:

... 
    <LinearLayout 
      android:id="@+id/bellow_actionbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 
     ... 
    </LinearLayout> 
... 

Więc to jest to, to myślę, że nie jestem zapominając coś. W tym przykładzie nie użyłem Toolbar, ale myślę, że będzie to taki sam wynik. W ten sposób mogę dostosować mój Actionbar:

@Override 
    protected void onCreate(Bundle savedInstanceState) { 
     View vg = getActionBarView(); 
     getWindow().requestFeature(vg != null ? Window.FEATURE_ACTION_BAR : Window.FEATURE_NO_TITLE); 

     super.onCreate(savedInstanceState); 
     setContentView(getContentView()); 

     if (vg != null) { 
      getSupportActionBar().setCustomView(vg, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); 
      getSupportActionBar().setDisplayShowCustomEnabled(true); 
      getSupportActionBar().setDisplayShowHomeEnabled(false); 
      getSupportActionBar().setDisplayShowTitleEnabled(false); 
      getSupportActionBar().setDisplayUseLogoEnabled(false); 
     } 
     setStatusBarTranslucent(true); 
    } 

Uwaga: jest to abstract class który rozciąga ActionBarActivity
Nadzieję, że to pomaga!

Answer 2

Obsługuje po KITKAT. Po prostu dodaj poniższy kod na stronie Utwórz metodę działania. Nie trzeba żadnych modyfikacji pliku manifestu.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { 
       Window w = getWindow(); // in Activity's onCreate() for instance 
       w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS); 
      }