Android przezroczysty pasek stanu i pasek akcji
Przeprowadziłem kilka badań na ten temat i nie mogłem znaleźć kompletnego rozwiązania, więc krok po kroku i metodą prób i błędów, w końcu dowiedziałem się, jak możemy osiągnąć te wyniki: mieć przezroczyste lub kolorowe Actionbar
i Statusbar
. Zobacz moją odpowiedź poniżej.
2 answers
Rozwijam aplikację, która musi wyglądać podobnie na wszystkich urządzeniach z > = API14, jeśli chodzi o dostosowywanie actionbar i statusbar. W końcu znalazłem rozwiązanie, a ponieważ zajęło mi to trochę czasu, podzielę się nim, aby uratować niektóre z Twoich. Zaczynamy od zależności appcompat-21.
Transparent Actionbar :
wartości/style.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 / style.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żyć tych motywów w swoim AndroidManifest.xml
aby określić, które działania będą miały przezroczysty lub kolorowy ActionBar
:
<activity
android:name=".MyTransparentActionbarActivity"
android:theme="@style/AppTheme.ActionBar.Transparent"/>
<activity
android:name=".MyColoredActionbarActivity"
android:theme="@style/AppTheme.ActionBar"/>
Uwaga: W API > =21 aby uzyskać Actionbar
przeźroczysty musisz również uzyskać Statusbar
przeźroczysty, w przeciwnym razie nie będzie respektować stylów kolorów i pozostanie jasnoszary.
przezroczysty pasek stanu (działa tylko z API>=19) :
Ten jest dość prosty, 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 efekt funky:
Dzieje się tak, ponieważ gdy Statusbar
jest przezroczysty, układ użyje swojej wysokości. Aby temu zapobiec, po prostu musimy: {]}
ROZWIĄZANIE PIERWSZE:
Dodaj tę linię android:fitsSystemWindows="true"
do kontenera widoku układu dowolnego elementu, który chcesz umieścić poniżej paska czynności:
...
<LinearLayout
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="match_parent">
...
</LinearLayout>
...
ROZWIĄZANIE DRUGIE:
Dodaj 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 {[14] } będzie layout container view ID cokolwiek chcemy być umieszczony poniżej Actionbar
:
...
<LinearLayout
android:id="@+id/bellow_actionbar"
android:layout_width="match_parent"
android:layout_height="match_parent">
...
</LinearLayout>
...
Więc to jest to, myślę, że o czymś nie zapominam.
W tym przykładzie nie użyłem Toolbar
, ale myślę, że będzie to miało taki sam wynik. Oto jak dostosowuję 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 rozszerza ActionBarActivity
Mam nadzieję, że to pomoże!
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-09-25 14:36:10
Obsługuje po KITKAT. Wystarczy dodać następujący kod wewnątrz onCreate metoda swojej aktywności. Nie trzeba żadnych modyfikacji do 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);
}
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-07 10:25:20