2016-10-24 3 views
3

я не мог найти источник какого-то маска отстой моей прозрачную панели:Исключите странную серую трапецию в прозрачной панели

enter image description here

Кто-нибудь знает, как удалить это?

При изменении ориентации в ландшафт это еще более уродливо.

Некоторый код:

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="#00000000" <-- makes no difference 
    android:theme="@style/AppTheme.AppBarOverlay.Transparent"> 

    <include layout="@layout/toolbar_transparent"/> 

</android.support.design.widget.AppBarLayout> 

toolbar_transparent:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 

    android:id="@+id/my_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="@dimen/abc_action_bar_default_height_material" 
    android:elevation="4dp" 
    style="?attr/actionBarStyle" 
    android:background="#204CAF50" 
    android:theme="@style/AppTheme.NoActionBar.ColoredToolbar" 
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

themes.xml (я признаю, что это беспорядок - так же, как попробовать и ошибок)

<style name="AppThemeBase" parent="Theme.AppCompat"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorAccent</item> 
    <item name="android:activatedBackgroundIndicator">@drawable/activated_background</item> 
</style> 

<style name="AppTheme" parent="AppThemeBase"/> 

<style name="AppTheme.NoActionBar"> 
    <item name="windowActionBar">false</item> 
    <item name="windowNoTitle">true</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="actionBarStyle">@style/AppTheme.ActionBar</item> 
    <item name="android:activatedBackgroundIndicator">@drawable/activated_background</item> 
</style> 

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" /> 

<style name="AppTheme.AppBarOverlay.Transparent" parent="ThemeOverlay.AppCompat.ActionBar" > 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorPrimary">#00000000</item> 
</style> 

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" /> 

<style name="AppTheme.ActionBar" parent="AppTheme.NoActionBar"> 
    <item name="windowActionBar">true</item> 
    <item name="windowNoTitle">false</item> 
</style> 

<style name="AppTheme.NoActionBar.ColoredToolbar" parent="AppTheme.NoActionBar"> 
    <item name="android:textColorSecondary">@color/colorPrimaryDark</item> 
</style> 

ответ

0

Это работает для меня:

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppTheme.AppBarOverlay.Transparent"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="@android:color/transparent" 
     app:theme="@style/AppTheme.AppBarOverlay.Transparent" 
     app:popupTheme="@style/AppTheme.PopupOverlay" /> 

</android.support.design.widget.AppBarLayout> 

в стилях

<style name="AppTheme.AppBarOverlay.Transparent" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 
    <item name="android:windowActionBarOverlay">true</item> 
    <item name="windowActionBarOverlay">true</item> 
</style> 
+0

Спасибо за помощь, но это, к сожалению, не работает для меня. Панель инструментов не прозрачна. Когда я добавляю «android: background =» @ android: color/transparent »в AppBarLayout, панель инструментов прозрачна, но у нее есть уродливая трапеция. – hgoebl

+0

У меня была такая же проблема, но когда я добавил приложение: theme = "@ style/AppTheme.AppBarOverlay.Transparent" в панели инструментов и AppBarLayout, трапеция исчезла. – houssine

+0

У меня уже было это. OMG Я пробовал так много разных вещей. Было бы полезно узнать, из какого стиля или компонента идет трапеция. Макет Инспектор не говорит мне. – hgoebl

1

Это происходит из android.support.design.widget.AppBarLayout обертки.

Когда я удаляю его и просто покидаю панель инструментов, трапеции исчезают.

<!--<android.support.design.widget.AppBarLayout--> 
    <!--android:layout_width="match_parent"--> 
    <!--android:layout_height="wrap_content"--> 
    <!--android:theme="@style/AppTheme.AppBarOverlay.Transparent">--> 

    <include layout="@layout/toolbar_transparent"/> 

<!--</android.support.design.widget.AppBarLayout>--> 

Работы как минимум для Lollipop и Marshmallow. Kitkat и ниже еще не проверены.

BTW Я использую com.android.support:design:24.2.1.