Странный разделитель с панелью действий поддержки v7

Используемая тема для панели действий — Theme.AppCompat.Light, при использовании Theme.Holo проблема не существует.

Я использую пользовательский вид для панели действий поддержки v7:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white" >

</LinearLayout>

И я получаю следующий результат:

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

Как убрать черную линию/разделитель между макетом и панелью действий.

Я попытался изменить стиль панели действий, но без особого успеха.

<resources>

    <style name="Theme.Styled" parent="@style/Theme.AppCompat.Light">

        <!-- Setting values in the android namespace affects API levels 14+ -->
        <item name="android:actionBarStyle">@style/Widget.Styled.ActionBar</item>
    </style>

    <style name="Widget.Styled.ActionBar" parent="@style/Widget.AppCompat.Light.ActionBar">
        <item name="dividerVertical">@null</item>
        <item name="android:background">@null</item>
        <item name="android:paddingTop">0dp</item>
        <item name="android:paddingBottom">0dp</item>
        <item name="android:showDividers">none</item>
        <item name="android:background">@null</item>
        <item name="android:divider">@null</item>
        <item name="android:dividerHeight">0dp</item>
        <item name="android:dividerPadding">0dp</item>
    </style>

</resources>

Вот мой источник активности:

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayShowTitleEnabled(false);
        actionBar.setDisplayShowHomeEnabled(false);
        actionBar.setDisplayShowCustomEnabled(true);
        actionBar.setCustomView(R.layout.actionbar);
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);

    }


}

Это манифест:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.actionbartest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/Theme.Styled" >
        <activity
            android:name="com.example.actionbartest.MainActivity"
            android:label="@string/app_name"
             >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

person user1940676    schedule 11.09.2013    source источник


Ответы (5)


Вероятно, вы ищете атрибут android:windowContentOverlay.

Чтобы удалить эту тень, просто установите значение @null в своей теме, например:

<style name="Theme.Styled" parent="@style/Theme.AppCompat.Light">
    <!-- Setting values in the android namespace affects API levels 14+ -->
    <item name="android:actionBarStyle">@style/Widget.Styled.ActionBar</item>

    <item name="android:windowContentOverlay">@null</item>
</style>
person MH.    schedule 19.09.2013
comment
Установка для android:windowContentOverlay значения null не помогла. - person user1940676; 22.09.2013
comment
Не уверен, что это сделано намеренно, но ваш манифест показывает другое определение темы для MainActivity, которое переопределяет тему, установленную в теге приложения. Вы можете удалить строку с надписью android:theme="@android:style/Theme.Holo" и повторить попытку. - person MH.; 22.09.2013
comment
это было только для тестирования, чтобы увидеть, работает ли он с темой Holo, забыл удалить его, и «разделитель» все еще существует, когда используется Theme.AppCompat.Light. - person user1940676; 23.09.2013
comment
Вы также добавили эквиваленты атрибутов без префикса в объявление темы? Просто спрашиваю, потому что я не вижу их в ваших фрагментах кода. Например: android:actionBarStyle должен сопровождаться атрибутом actionBarStyle, чтобы стиль правильно подбирался на устройствах до ICS. В основном каждый атрибут необходимо объявить дважды: один раз из android.attr.R (с префиксом android) и один раз из appcompat.R.attr (без префикса). Это единственный правильный способ поддерживать как новые, так и старые устройства. Ознакомьтесь с руководством по стилю ActionBar. - person MH.; 25.09.2013
comment
@MH: я знаю, что нам нужно дважды определить атрибуты, чтобы они работали в старых версиях. Но eclipse выдает ошибку, когда я просто пишу windowContentOverlay без префикса android:. Это нормально для v7? - person Mehmed; 19.09.2014
comment
@Mehmed: Есть ли шанс, что вы добавили библиотеку поддержки v7 в виде jar-файла? Таким образом, вы не сможете использовать встроенные ресурсы, включая стили. Убедитесь, что вы добавили библиотеку поддержки v7, выполнив действия, описанные в разделе Добавление библиотек с ресурсами. - person MH.; 19.09.2014

Как убрать черную линию/разделитель между макетом и панелью действий.

Я думаю, вы ошибаетесь. Разделителя действительно нет. Подтвердить:

Откройте файл макета, который вы используете с setContentView(R.layout.activity_main). Каким бы ни был базовый контейнер, задайте для его фона цвет, который вы используете с панелью действий. Например, предположим, что базовый контейнер — это LinearLayout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white" >      <<<====== Add this

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

</LinearLayout>

Вы увидите, что панель действий теперь сочетается с представлением активности.

В настоящее время вы видите градиент, определяемый как:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#ffe8e8e8"
    android:endColor="#ffffffff"
    android:angle="270" />
</shape>

Вот откуда взялся фон:

(taken from platforms/android-17/data/res/values/themes.xml)
<style name="Theme.Light">
    <item name="windowBackground">@android:drawable/screen_background_selector_light</item>
    ....

Чтобы избавиться от него, вы можете либо задать базовому контейнеру цвет фона, либо переопределить значение этого атрибута в res/values/themes.xml вашего проекта:

<style name="AppBaseTheme" parent="android:Theme.Holo.Light">

</style>

<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
    <item name="android:windowBackground">@android:color/white</item>        
</style>

Изменить:

Это настройка проекта:

res/layout/activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    tools:context=".MainActivityCompat" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

рез/значения/стили.xml

<resources>

    <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light">

    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">

    </style>

</resources>

AndroidManifest.xml:

<uses-sdk
    android:minSdkVersion="7"
    android:targetSdkVersion="14" />

<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    <activity
        android:name="com.example.trialcompat.MainActivityCompat"
        android:label="@string/app_name" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

MainActivityCompat.java:

import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;

public class MainActivityCompat extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayShowTitleEnabled(false);
        actionBar.setDisplayShowHomeEnabled(false);
        actionBar.setDisplayShowCustomEnabled(true);
        actionBar.setCustomView(R.layout.actionbar);
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    }
}

R.layout.actionbar совпадает с тем, который вы разместили в вопросе. И это результат:

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

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

person Vikram    schedule 18.09.2013
comment
Кажется, это проблема с компактной панелью действий, я пробовал использовать Theme.Holo, но разделителя не было. Я попытался переопределить атрибут android:windowBackground, и это не помогло. - person user1940676; 22.09.2013
comment
@user1940676 user1940676 Пожалуйста, прочитайте мою правку выше. Подскажите, как воспроизвести вашу проблему? - person Vikram; 24.09.2013
comment
Я тестировал его на 4.3, и там он работает, но не работал с предыдущими версиями (4.1/4.2/2.2). - person user1940676; 25.09.2013
comment
@ user1940676 Вы правы. Я тестировал на 4.3, и это работало. Я только что проверил на 4.2.2, и появился этот горизонтальный разделитель. Пытался избавиться от него, но ничего не получается. - person Vikram; 27.09.2013
comment
Я ценю вашу помощь, я мог бы просто вернуться к использованию Шерлока на панели действий, пока они это не исправят. - person user1940676; 29.09.2013

Помимо ответа @Vikram, добавьте это в тему:

<item name="android:windowContentOverlay">@android:color/white</item>

Рекомендация: используйте тот же цвет, что и в макетах. Для стандартного используйте @null

Надеюсь это поможет.

person Ionut Negru    schedule 11.02.2014

Я была такая же проблема. После множества проб и неудач я обнаружил, что ошибка была из-за фона панели действий 9patch. Переключил 9патч с обычным изображением и черная полоса пропала.

person Aviv Mor    schedule 09.12.2013

Для версии API >= 21

AppBarLayout appBarLayout = findViewById(R.id.app_bar_layout);
appBarLayout.setOutlineProvider(null);
person Inoy    schedule 21.08.2019