85

Я провел несколько исследований по этой теме, и я не смог найти полное решение, поэтому, шаг за шагом и с некоторыми проб и ошибок, я наконец узнаю, как мы можем достичь этих результатов : с прозрачным или цветным Actionbar и Statusbar. См. Мой ответ ниже.Панель состояния Android и панель действий

ответ

217

Я разрабатываю приложение, которое должно выглядеть одинаково во всех устройствах с помощью> = API14, когда дело доходит до настройки панели действий и состояния. Я наконец нашел решение, и, поскольку мне потребовалось немного времени, я поделюсь им, чтобы сохранить некоторые из вас. Начнем с использования зависимости appcompat-21.

Прозрачный ActionBar:

значения/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> 


значения-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> 

Теперь вы можете использовать как таковые темы в вашем AndroidManifest.xml, чтобы определить, какие виды деятельности будут иметь прозрачный или цветной ActionBar:

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

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

enter image description hereenter image description here enter image description hereenter image description here enter image description here

Примечание: в API> = 21, чтобы получить Actionbar прозрачна вам нужно получите Statusbar прозрачный, иначе не будет уважать ваши стили цвета и останется светло-серым.



Прозрачный Статусная (работает только с API> = 19):
Это один это довольно просто просто использовать следующий код:

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

Но вы заметите funky result: enter image description here

Это происходит потому, что когда Statusbar прозрачный макет будет использовать его высоту.Чтобы предотвратить это, мы просто должны:

РЕШЕНИЕ ОДНОГО:
Добавить эту строку android:fitsSystemWindows="true" на ваш взгляд, расположение контейнера того, что вы хотите быть расположен ниже по ActionBar:

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

РЕШЕНИЕ ДВУХ:
Добавить несколько строк нашего предыдущего метода:

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); 
     } 
    } 

Где R.id.bellow_actionbar будет расположение контейнера вид идентификатор, что мы хотим, чтобы быть расположен ниже по Actionbar:

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

enter image description here

Так что это, он кажется, что я ничего не забыл. В этом примере я не использовал Toolbar, но я думаю, что он будет иметь тот же результат. Это, как я настроить мой 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); 
    } 

Примечание: это abstract class, который расширяет ActionBarActivity
Надеюсь, что это помогает!

+8

Вы действительно должны использовать [андроида: fitsSystemWindows] (http://developer.android.com/reference/android/view/View.html#attr_android:fitsSystemWindows), если вы хотите, чтобы ваш взгляд не под прозрачная строка состояния. – ianhanniballake

+1

Совершенно верно, я просматривал свой код, и я тоже это использую. Не знаю, я пропустил это в этом примере. Я обновлю это, спасибо! – GuilhE

+1

Наконец-то! Благодаря!! Продвинутый и любимый! – DannyThunder

0

Поддерживается после KITKAT. Просто добавьте следующий код внутри метода onCreate вашей деятельности. Не требуется никаких изменений в файле манифеста.

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); 
      } 
+3

Это делает навигационную панель также прозрачной – NOlivNeto

 Смежные вопросы

  • Нет связанных вопросов^_^