在Android 4.x上,CollapsingToolbarLayout子项不可见

时间:2015-07-10 01:16:43

标签: android material-design android-design-library

晚上好人,

这是这笔交易。我在我的CollapsingToolbarLayout(2个TextViews,2个ImageViews,1个ImageButton和1个出现在后台的NetworkImageView)中放置了一些小部件和工具栏。棒棒糖的结果很棒。

这里是Lollipop的样子(想要的结果):enter image description here

但是,从Android 4.0到Android 4.4,结果如下:enter image description here

出现儿童观点。正如您所看到的,所有这些视图都应该位于布局的底部..而且我实际上已经注意到它们确实出现了但只有当扩展的App栏的底部与工具栏下方的对齐时/ strong>即可。这就是两个ImageViews 中的一个出现的原因。

..非常奇怪。

无论如何,这是我的完整AppBarLayout,后来又包含在另一个布局中。

<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="192dp"
android:fitsSystemWindows="true"
android:theme="@style/actionBar.QuickLyric"
app:layout_behavior="com.geecko.QuickLyric.utils.AppBarBehavior">

<android.support.design.widget.CollapsingToolbarLayout
    android:id="@+id/toolbar_layout"
    android:layout_width="match_parent"
    android:layout_height="192dp"
    android:fitsSystemWindows="true"
    app:contentScrim="?attr/colorPrimary"
    app:expandedTitleMarginBottom="162dp"
    app:expandedTitleMarginStart="60dp"
    app:expandedTitleTextAppearance="@style/TextAppearance.Invisible"
    app:layout_scrollFlags="scroll|exitUntilCollapsed">

    <com.geecko.QuickLyric.view.FadeInNetworkImageView
        android:id="@+id/cover"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:contentDescription="@string/cover_art_desc"
        android:scaleType="centerCrop"
        android:background="@color/cover_bg"
        app:layout_collapseMode="parallax"
        app:layout_collapseParallaxMultiplier="0.5"/>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:layout_gravity="top"
        android:rotation="180"
        android:src="@drawable/gradient_overlay"
        app:layout_collapseMode="pin"/>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:layout_gravity="bottom"
        android:src="@drawable/gradient_overlay"/>

    <TextView
        android:id="@+id/song"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|start"
        android:layout_marginBottom="25dp"
        android:ellipsize="end"
        android:paddingLeft="12dp"
        android:paddingRight="26dp"
        android:scrollHorizontally="true"
        android:singleLine="true"
        android:textAppearance="@style/TextAppearance.AppCompat.Title"
        android:textColor="?android:textColorPrimary"/>

    <TextView
        android:id="@+id/artist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="start|bottom"
        android:layout_marginBottom="5dp"
        android:ellipsize="end"
        android:paddingLeft="12dp"
        android:paddingRight="26dp"
        android:scrollHorizontally="true"
        android:singleLine="true"
        android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
        android:textColor="?android:textColorSecondary"/>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="4dp"
        android:background="?android:attr/selectableItemBackground"
        android:padding="10dp"
        android:src="@drawable/ic_edit"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:elevation="4dp"
        android:focusable="false"
        app:layout_collapseMode="pin"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
</android.support.design.widget.CollapsingToolbarLayout>

希望你们能帮忙..:/

1 个答案:

答案 0 :(得分:0)