CollapsingToolbarLayout图像位于状态栏下方

时间:2016-01-23 09:30:15

标签: android android-layout

这里的问题是,尽管我没有将fitsSystemWindows =“true”设置为xml中的任何标记,但它仍然看起来好像它具有fitsSystemWindows =“true”。如果你没有看到差异,它就在状态栏部分。

现在结果:

This is the result now

我想要的是什么:

this is what i want

其他详情:

  • 我已在styles.xml(v21)

    中将半透明状态设置为true

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="false"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">
    
        <ImageView
            android:id="@+id/img"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:fitsSystemWindows="false"
            android:scaleType="fitXY"
            android:src="@drawable/com_facebook_profile_picture_blank_portrait"
            app:layout_collapseMode="parallax" />
    
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:fitsSystemWindows="false"
            android:theme="@style/AppTheme.Toolbar"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/AppTheme.PopupOverlay" />
    
    </android.support.design.widget.CollapsingToolbarLayout>
    

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="a very long text, don't mind this, this is working as intended" />
    

V21 / styles.xml

<resources>

<style name="AppTheme" parent="AppTheme.Base">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
</style>

</resources>

styles.xml

<resources>

<style name="AppTheme" parent="AppTheme.Base">

</style>

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="AppTheme.Dark" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorPrimary</item>
</style>

<style name="AppTheme.Toolbar">
    <item name="android:textColorPrimary">@color/white</item>
    <item name="colorControlNormal">@color/white</item>
</style>

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

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

</resources>

3 个答案:

答案 0 :(得分:6)

这真的令人困惑,但在我将fitsSystemWindows="true"放到所有标签后,它就有效了。

答案 1 :(得分:4)

您需要在/res/values-v21/styles.xml中设置透明度:

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

或以编程方式设置透明度:

getWindow().setStatusBarColor(Color.TRANSPARENT);

答案 2 :(得分:0)

请注意,问题不在于样式,而在于折叠工具栏本身。我不知道如何解决它,但我可以帮助你弄清楚它为什么会发生。尝试通过视图寻呼机使状态栏透明工作非常完美。现在您在这里看到的是,使状态栏颜色透明(虽然显示白色图标不完全透明),也使得视图寻呼机也可以在状态栏后面进行。现在,当您对包含折叠工具栏的应用程序执行相同操作时,状态栏将部分透明,并将折叠工具栏显示为背景。但这里的问题是折叠工具栏的默认值是primaryColorLight或者黑暗或你指定的那个,但不是图像,这就是为什么你总是看到状态栏后面的工具栏的深色而不是图像。