Дизайн материалов Прозрачный ActionBar

Я хотел бы знать, знает ли кто-нибудь, как сделать работу с прозрачной панелью действий, как тот, который у вас есть в новом магазине Google Play, когда вы переходите на страницу приложения.

Я не забочусь о прокрутке и превращении из прозрачного в сплошной цвет фона, мне просто нужно, чтобы панель действий была прозрачной.

Благодарю.

Solutions Collecting From Web of "Дизайн материалов Прозрачный ActionBar"

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

Это приведет к исключению на устройствах Lollipop. ColorPrimary должен быть непрозрачным.

Стильная панель действий с использованием стиля:

 <style name="ThemeActionBar" parent="Widget.AppCompat.Light.ActionBar.Solid"> <item name="android:background">@null</item> <!-- Support library compatibility --> <item name="background">@null</item> </style> 

И в вашей теме просто включите:

 <item name="android:actionBarStyle">@style/ThemeActionBar</item> <item name="android:windowActionBarOverlay">true</item> <!-- Support library compatibility --> <item name="actionBarStyle">@style/ThemeActionBar</item> <item name="windowActionBarOverlay">true</item> 

Вам просто нужно поместить <item name="colorPrimary">@android:color/transparent</item> и установить для windowActionBarOverlay значение true в вашей теме приложения следующим образом:

 <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light"> <item name="android:textColorPrimary">@color/my_text_color</item> <item name="colorPrimary">@android:color/transparent</item> <item name="windowActionBarOverlay">true</item> </style> </resources> 

Окончательный результат должен выглядеть следующим образом:

Конечный результат кода

Прозрачная панель действий

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

Существует также способ сделать это прагматично.

 getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY); mActionBar.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); mActionBar.setElevation(0); 

1) Установите свойство 0dp на 0dp .

Приложение: высота = "0dp"

2) Установите цвет фона Toolbar прозрачным.

Android: фон = "@ андроид: цвет / прозрачный"

Целый xml будет выглядеть следующим образом:

 <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay" app:elevation="0dp"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay"> ...... </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout> 

Введите описание изображения здесь