Дизайна прозрачного типа стекла бар с градиентом

Question

Я пытаюсь создать прозрачный стекло типа бар, как это -

Я беден в проектировании. Как я могу это достичь. Есть ли какая-нибудь собственность?

Заранее спасибо

Answer 1

Просто убедитесь, что вы используете RelativeLayout положить панель инструментов и тело. Поместите панель инструментов в последнюю очередь. Положите прозрачный цвет для андроид: фон атрибут панели Это пример рабочего кода:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:baselineAligned="false" 
    android:orientation="vertical"> 

    <fragment 
     android:id="@+id/fragment_editor" 
     android:name="ichsan.myapp.HelloFragment" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:layout="@layout/fragment_editor" /> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/my_toolbar" 
     android:layout_height="wrap_content" 
     android:layout_width="match_parent" 
     android:minHeight="?attr/actionBarSize" 
     android:background="#10000000" 
     app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

</RelativeLayout> 

Источник: transparent Actionbar with AppCompat-v7 21

Answer 2

Стеклянный стиль фона является немного более сложным, чем просто простой прозрачности. Вы можете использовать intrinsic blur. Таким образом, для этого нужно сделать простое белое изображение, выполнить внутреннее размытие -> установить размытое выходное растровое изображение в качестве фона для вашего toolbar. Теперь установите альфа где-нибудь около 0.6f, и у вас будет что-то подобное. Это не будет точно так же, как и изображение, которое вы предоставили, но может быть самым простым способом получить аналогичный эффект.