2016-01-24 173 views
11

由於某種原因,狀態欄現在變成了白色。或者說,一個白色的,另一個白色的圖標可以在明亮的背景中隱約看到。這是錯誤的,因爲我的appbarlayout使用藍色作爲它的顏色。直到現在,這一直工作正常,我不知道我做了什麼導致這一點。我試過手動將statusBarColor設置爲colorPrimaryDark(#0277bd),但它不起作用。Android:狀態欄爲白色

我只是不知道爲什麼這是發生在第一個地方。我正在粘貼我的活動的layout.xml,也許有人可以告訴我我在這裏做錯了什麼。

的幾個注意事項:

使用的主題還沒有從它們的默認值,這是使用原色設置改變。我將這些改成了我想要的正確的藍色陰影,但是當我做了這些改變時,一切都奏效了。

我layout.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:statusBarColor="@color/colorPrimaryDark" 
    tools:context=".activities.ContactsActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/contactsActivityAppbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     android:statusBarColor="@color/colorPrimaryDark" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/contactsActivityToolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:popupTheme="@style/AppTheme.PopupOverlay"/> 
     <!-- app:layout_scrollFlags="scroll|enterAlways" --> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/contactsActivityTabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:tabIndicatorColor="@android:color/white" 
      android:scrollbarStyle="insideOverlay" 
      android:paddingBottom="1dp" 
      android:background="@color/colorPrimary"/> 

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/contactsTabsViewPager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

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

colors.xml

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <color name="colorPrimary">#0288d1</color> 
    <color name="colorPrimaryDark">#0277bd</color> 
    <color name="colorAccent">#FF4081</color> 
</resources> 

styles.xml

<resources> 

    <!-- Base application theme. --> 
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
     <!-- Customize your theme here. --> 
     <item name="colorPrimary">@color/colorPrimary</item> 
     <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
     <item name="colorAccent">@color/colorAccent</item> 
    </style> 

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

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

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

</resources> 

編輯:好吧,發現了一個有趣的解決方案,真的想了解它,不只是依靠它。另外,它可能不是長期的最佳答案。

無論如何,在styles.xml基本應用程序的主題(AppTheme),添加以下行:

<item name="android:windowBackground">@color/colorPrimaryDark</item> 

它的工作,這讓一切的背景下,我並沒有特別指定顏色那種顏色。但它也使得狀態欄變成了彩色,所以我通過了並將我自己的背景添加到其他的東西來修復它們。

儘管如此,我覺得這不是理想的解決方案,只是希望更多的反饋。此外,即使沒有這一行,它正在着色狀態欄就好了。我不知道我是如何打破它的。

謝謝。

編輯:這裏是活動代碼。謝謝。

import android.content.Intent; 
import android.os.Bundle; 
import android.support.design.widget.TabLayout; 
import android.support.v4.view.ViewPager; 
import android.support.v7.app.AppCompatActivity; 
import android.support.v7.widget.Toolbar; 
import android.view.Menu; 
import android.view.MenuItem; 

import io.craigmiller160.contacts5.R; 
import io.craigmiller160.contacts5.fragments.ContactsGroupsFragmentPage; 
import io.craigmiller160.contacts5.fragments.ContactsListFragmentPage; 
import io.craigmiller160.contacts5.fragments.ContactsTabsPagerAdapter; 

public class ContactsActivity extends AppCompatActivity { 

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

     Toolbar toolbar = (Toolbar) findViewById(R.id.contactsActivityToolbar); 
     setSupportActionBar(toolbar); 

     ViewPager viewPager = (ViewPager) findViewById(R.id.contactsTabsViewPager); 

     ContactsTabsPagerAdapter adapter = new ContactsTabsPagerAdapter(getSupportFragmentManager()); 
     adapter.addFragmentPage(new ContactsListFragmentPage(), "Contacts"); 
     adapter.addFragmentPage(new ContactsGroupsFragmentPage(), "Groups"); 
     viewPager.setAdapter(adapter); 

     TabLayout tabLayout = (TabLayout) findViewById(R.id.contactsActivityTabs); 
     tabLayout.setupWithViewPager(viewPager); 

    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     // Inflate the menu; this adds items to the action bar if it is present. 
     getMenuInflater().inflate(R.menu.menu_main, menu); 
     return true; 
    } 

    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
     // Handle action bar item clicks here. The action bar will 
     // automatically handle clicks on the Home/Up button, so long 
     // as you specify a parent activity in AndroidManifest.xml. 
     int id = item.getItemId(); 

     //noinspection SimplifiableIfStatement 
     if (id == R.id.displaySettings) { 
      Intent intent = new Intent(this, DisplaySettingsActivity.class); 
      startActivity(intent); 
      return true; 
     } 

     return super.onOptionsItemSelected(item); 
    } 
} 
+0

只是好奇。您的活動擴展了AppCompatActivity,對吧? – DavidH

+0

你可以發佈你的Manifest和Activity代碼嗎?此外,你應該從layout xml中移除android:statusBarColor =「@ color/colorPrimaryDark」。 – DavidH

+0

'android:fitsSystemWindows =「true」'是可疑的。它用於繪製狀態欄下的Activity或組件,並與透明的狀態欄結合使用。如果您從某處複製了部分代碼,則可能錯過了導致問題的一些內容。所以,正如我所說,請張貼您的活動代碼,或者至少只是您認爲相關的部分。 – DavidH

回答

2

試試這個作爲你的XML。

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    tools:context=".activities.ContactsActivity"> 

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

     <android.support.v7.widget.Toolbar 
      android:id="@+id/contactsActivityToolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/contactsActivityTabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:tabIndicatorColor="@android:color/white" 
      android:scrollbarStyle="insideOverlay" 
      android:paddingBottom="1dp" 
      android:background="?attr/colorPrimary"/> 

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/contactsTabsViewPager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

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

我想你可能已經多次設置了主題,並且它自己混淆了。

如果一切正常,Status欄將從colorPrimaryDark獲得它的顏色。

0

我有這個確切的問題。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
    <item name="colorPrimary">@color/primary</item> 
    <item name="colorPrimaryDark">@color/primary_dark</item> 
    <item name="colorAccent">@color/accent</item> 
    <item name="android:windowBackground">@color/alabaster</item> 
</style> 

我的活動佈局是:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:ignore="MergeRootFrame"> 

<android.widget.RelativeLayout 
    android:id="@+id/chat_container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

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

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:layout_scrollFlags="scroll|enterAlways|snap" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 

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

凡RelativeLayout的持有它只是有一個RecyclerView片段 我通過改變應用程序的主題延長NoActionBar程序兼容性風格固定它在RelativeLayout中。因此,刪除android:statusBarColor =「@ color/colorPrimaryDark」和fitSystemWindow xml行並更改您的主題,我認爲這應該有效。

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

您會在values/styles/styles.xml(v21)中看到該行代碼。刪除它,並解決問題

3

你可以通過這個來實現。 轉到您的style.xml(V21),只是改變顏色

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

我希望這將解決您的問題。

+0

如果這對你有用,那麼標記它是正確的,以便它可以幫助其他人。 –

1

我不能說我已經仔細研究了這一點,但沒有其他答案建議「windowDrawsSystemBarBackgrounds」 - 這似乎工作,而不需要明確設置狀態欄的顏色。因此,值-V21/styles.xml:

<resources> 
    <style name="AppTheme.NoActionBar"> 
     <item name="windowActionBar">false</item> 
     <item name="windowNoTitle">true</item> 
     <item name="android:windowDrawsSystemBarBackgrounds">true</item> 
    </style> 
</resources> 
0

在styles.xml,

替換此:

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

與:

<style name="NoActionBar"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorAccent</item> 
    <item name="windowActionBar">false</item> 
    <item name="windowNoTitle">true</item> 
</style> 

,並在各自的變化Manifest.xml