Skórowanie okna za pomocą AppCompat-v7 22 powoduje brzydkie cienie na api <21

Question

Używam aplikacji AppCompat do pisania aplikacji w stylu projektowania materiałów. Od AppCompat nie wpływa dialogi, jestem skórowania okien dialogowych, takich jak:

styles.xml:

<style name="AppTheme.Base" parent="Theme.AppCompat"> 
    <!-- Set AppCompat’s color theming attrs --> 
    <item name="colorPrimary">@color/green</item> 
    <item name="colorPrimaryDark">@color/green_darker</item> 
    <item name="colorAccent">@color/accent</item> 

    <item name="android:alertDialogTheme">@style/alertDialog</item> 
    <item name="android:dialogTheme">@style/alertDialog</item> 
</style> 

<style name="alertDialog" parent="Theme.AppCompat.Dialog"> 
    <item name="colorPrimary">@color/green</item> 
    <item name="colorPrimaryDark">@color/green_darker</item> 
    <item name="colorAccent">@color/accent</item> 
</style> 

Jestem gettings dokładnie to, co chciałem na android api> = 21, ale na innych urządzeniach kończę z "pudełkiem" wokół okien dialogowych.

Czy istnieje sposób na pozbycie się "pola" w oknie dialogowym, a nawet uzyskanie kolorów i motywów materiałowych zastosowanych na api < 21, najlepiej bez żadnych dodatkowych dependend?

App na Api < 21:

App na API> = 21:

Answer 1

Z nowym AppCompat v22.1 możesz używać nowego android.support.v7.app.AlertDialog lub nowy AppCompatDialog

Wystarczy użyć kodu takiego (oczywiście w twoim przypadku trzeba użyć niestandardowy układ mieć pasek postępu)

import android.support.v7.app.AlertDialog 

AlertDialog.Builder builder = 
     new AlertDialog.Builder(this, R.style.AppCompatAlertDialogStyle); 
      builder.setTitle("Dialog"); 
      builder.setMessage("Lorem ipsum dolor ...."); 
      builder.setPositiveButton("OK", null); 
      builder.setNegativeButton("Cancel", null); 
      builder.show(); 

i używać stylu takiego:

<style name="AppCompatAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert"> 
     <item name="colorAccent">#FFCC00</item> 
     <item name="android:textColorPrimary">#FFFFFF</item> 
     <item name="android:background">#5fa3d0</item> 
    </style> 

Answer 2

można pobrać wersję 22.1.0 (aktualizowane kilka dni temu) i Użyj android.support.v7.app.AlertDialog

Answer 3

Miałem dokładnie ten sam problem z nową biblioteką AppCompat 22, gdy używałem android.support.v7.app.AlertDialog dla wszystkich moich AlertDialogów, ale dodatkowe warstwy tła miały wpływ tylko na ProgressDialogs.

Wszystkie moje AlertDialogs, gdy stylizowany przy użyciu mojego niestandardowego motywu wyglądały świetnie, ale ProgressDialog miał dziwną nakładkę w tle, jak opisano w OP.

Moją opcją było ustawienie konkretnego stylu za każdym razem, gdy tworzyłem ProgressBar, ale szukałem szerokiego rozwiązania dla aplikacji.

Z pomocą tych dwóch linków:

How to Style AlertDialogs like a Pro i Joerg Richter Blog udało mi się pozbyć dodatkowej warstwy rysowane na < 21 ProgressDialogs.

Problemem, który znalazłem było to, że we wszystkich wersjach ProgressBar rysuje swoje tło w oparciu o to, co jest zdefiniowane domyślnie w "android: alertDialogStyle".

Aby pozbyć się dodatkowej warstwy, musiałem zdefiniować własne style i ustawić je dla "android: alertDialogStyle". W ten sposób zastępuję również domyślne układy zastosowane do ProgressDialogs.

Oto moje motywy.xml:

<item name="android:alertDialogTheme">@style/MyAlertDialogTheme</item> 
<item name="alertDialogTheme">@style/MyAlertDialogTheme</item> 
<item name="android:alertDialogStyle">@style/MyAlertDialogStyles</item> 

A moja styles.xml:

<style name="MyAlertDialogTheme"> 
    <item name="android:windowIsFloating">true</item> 
    <item name="android:windowBackground">@android:color/transparent</item> 
    <item name="android:windowContentOverlay">@null</item> 
    <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item> 
    <item name="android:windowMinWidthMajor">@android:dimen/dialog_min_width_major</item> 
    <item name="android:windowMinWidthMinor">@android:dimen/dialog_min_width_minor</item> 
    <item name="android:background">@color/theme_alert_dialog_background</item> 
    <item name="colorAccent">@color/theme_accent_1</item> 
</style> 

<style name="AlertDialog"> 
    <item name="android:fullDark">@android:color/transparent</item> 
    <item name="android:topDark">@android:color/transparent</item> 
    <item name="android:centerDark">@android:color/transparent</item> 
    <item name="android:bottomDark">@android:color/transparent</item> 
    <item name="android:fullBright">@android:color/transparent</item> 
    <item name="android:topBright">@android:color/transparent</item> 
    <item name="android:centerBright">@android:color/transparent</item> 
    <item name="android:bottomBright">@android:color/transparent</item> 
    <item name="android:bottomMedium">@android:color/transparent</item> 
    <item name="android:centerMedium">@android:color/transparent</item> 
</style> 

Answer 4

na wypadek gdyby ktoś wciąż szuka prostego i skutecznego rozwiązania, po prostu dodaj tę linię do "stylu" alertDialog:

<item name="android:windowBackground">@android:color/transparent</item> 

PS Zmiana tej właściwości wpływa również na okna dialogowe PreferenceFragment w interfejsie API> = 21, więc upewnij się, że używasz różnych stylów: z przezroczystym bg dla API < 21 i bez żadnych zmian dla API> = 21

Answer 5

ProgressDialog - Wypróbuj poniżej Androida 5

dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent); 

lub

dialog.getWindow().clearFlags(LayoutParams.FLAG_DIM_BEHIND);