Articles of collapsingtoolbarlayout

CollapsingToolbarLayout ImageView不可滚动

使用cheesesquare – android支持库的例子是否可以使Header ImageView滚动? <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="@dimen/detail_backdrop_height" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:fitsSystemWindows="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp"> <ImageView android:id="@+id/backdrop" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll" app:layout_collapseMode="parallax" /> … </android.support.design.widget.CollapsingToolbarLayout> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true" app:layout_behavior="@string/appbar_scrolling_view_behavior"> …. 请注意 ,我已经添加了android:fillViewport="true"到NestedScrollView ,并向NestedScrollView 添加了 app:layout_scrollFlags="scroll" ,但是当试图从ImageView滚动时什么也没有发生。

在CollapsingToolBar布局Android中设置标题和子标题

如何设置标题和子标题在Android的崩溃的工具栏布局,如whatsappconfiguration文件视图。 我附上了相同的示例屏幕截图。

CollapsingToolbarLayout在平板电脑上的滚动行为

在滚动包含less量视图的NestedScrollView时,平板电脑上的CollapsingToolbarLayout存在问题 问题在于即使在滚动停止之后,工具栏也会崩溃。 你可以重现问题的源代码: https : //github.com/chrisbanes/cheesesquare 有没有办法来防止这种情况发生?

折叠与textShadow的工具栏

我有一个折叠工具栏的问题,扩展状态我想要一个模糊的阴影下的文字,我使用这个代码: collapsingToolbar.setExpandedTitleTextAppearance(R.style.toolbar_text); 与: <style name="toolbar_text"> <item name="android:textColor">@color/white</item> <item name="android:shadowColor">@color/black</item> <item name="android:shadowDx">2</item> <item name="android:shadowDy">2</item> <item name="android:shadowRadius">4</item> </style> 我可以改变textColor ,它的作品,但阴影不起作用。 我为阴影尝试了许多不同的价值。 是否有可能对折叠文本投下阴影? 因为在浅色图像上标题有时难以阅读。

折叠工具栏与图像从url?

我做了一个崩溃的工具栏与我的Android应用程序的图像。 它与可绘制的图像完美配合。 我的问题是,当我从URL检索图像,并将其分配给相同的图像视图。 折叠工具栏不起作用。 标题消失了,无法滚动,也没有图像。 这是我的截图。 图片1是可绘制的图片,图片2是从URL获取的图片 活动: import android.app.ProgressDialog; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.drawable.BitmapDrawable; import android.os.AsyncTask; import android.os.Build; import android.os.Bundle; import android.support.design.widget.CollapsingToolbarLayout; import android.support.v7.app.AppCompatActivity; import android.support.v7.graphics.Palette; import android.support.v7.widget.Toolbar; import android.widget.ImageView; import android.widget.Toast; import java.io.InputStream; import java.net.URL; public class RecipeDisplay extends AppCompatActivity { CollapsingToolbarLayout collapsingToolbarLayout; ImageView image; ImageView img; Bitmap bitmap; ProgressDialog pDialog; @Override […]

Android:CollapsingToolbarLayout中心扩展文本,但不是折叠文本

我有一个CollapsingToolbarLayout被定义为以折叠和展开模式居中: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/rootLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="286dp"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsingToolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:collapsedTitleGravity="center" app:expandedTitleGravity="center" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/backgroundImage" android:layout_width="match_parent" android:layout_height="match_parent" android:contentDescription="@null" android:scaleType="centerCrop" app:layout_collapseMode="parallax" app:layout_scrollFlags="scroll|exitUntilCollapsed"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_collapseMode="pin" app:layout_scrollFlags="scroll|exitUntilCollapsed"/> <ImageView android:id="@+id/someIcon" android:layout_width="56dp" android:layout_height="wrap_content" android:src="@drawable/some_icon" android:padding="16dp" android:layout_gravity="top|end" app:layout_collapseMode="pin"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> </android.support.design.widget.CoordinatorLayout> 我为工具栏定义了一个标题,但是当我折叠它时,我可以看到标题在对angular线方向上移动,而不是直线向上,它自身略微alignment到工具栏行中心的右侧。 请注意,宽度是match_parent,折叠的重心是中心,为什么会发生这种情况,我该如何解决? • 第一个屏幕截图:如果使用折叠 – >居中和展开 – >中心重力,然后折叠布局,看起来像什么。 请注意,它位于屏幕中央的右侧。 第二个截图:如果我摆脱了崩溃 – […]

webview高度在nestedScrollView中无限增长

这是我的布局。 当我加载google.com时,webview的高度不断增长。 webview的onSizeChange函数不断被调用,我可以看到webview不断扩大。 我已经尝试了22.2.1和23.1.0的devise和appcompat库,没有效果。 任何解决scheme : – | <android.support.design.widget.CoordinatorLayout 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="match_parent" android:background="@android:color/black"> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="fill_vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <com.example.ajay.scrollabletoolbar.MyWebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignParentTop="true"/> </android.support.v4.widget.NestedScrollView> <android.support.design.widget.AppBarLayout android:id="@+id/appbarlayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true"> <android.support.v7.widget.Toolbar android:id="@+id/restricted_browser_toolbar" android:layout_width="match_parent" android:layout_height="?actionBarSize" android:background="@color/colorPrimary" app:layout_scrollFlags="scroll|enterAlways"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FFFFFF" android:descendantFocusability="beforeDescendants" android:focusableInTouchMode="true"> <EditText android:id="@+id/current_url" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_centerVertical="true" android:backgroundTint="@android:color/darker_gray" android:dropDownAnchor="@+id/restricted_browser_toolbar" android:hint="hint hint" android:imeOptions="actionGo|flagNoExtractUi" android:inputType="textNoSuggestions|textUri" android:paddingBottom="8dp" android:paddingEnd="8dp" […]

Android布局行为在CollapsingToolbarLayout的子级时不会被调用

我想设置一个layout_behavior作为CollapsingToolbarLayout的子元素,但行为永远不会在iv_header视图上iv_header 。 当它被锚定在外面时,如tv_follow视图,它可以很好地工作。 该文档没有具体说明layout_behavior无法在AppBarLayout或CollapsingToolbarLayout所以我不知道为什么它不工作。 <?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" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/header" android:layout_width="match_parent" android:layout_height="@dimen/full_header_height" android:focusable="true" android:focusableInTouchMode="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/iv_header" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:contentDescription="@null" app:layout_behavior="com.package.view.HidingBehavior" app:layout_collapseMode="parallax" android:src="@drawable/profile_background"/> <android.support.v7.widget.Toolbar android:id="@+id/header_toolbar" android:layout_height="@dimen/action_bar_height" android:layout_width="match_parent" android:background="@drawable/toolbar_dark_gradient_half" android:gravity="top" app:layout_collapseMode="pin"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/> <TextView android:id="@+id/tv_follow" android:textSize="20sp" android:textColor="@android:color/white" android:text="@string/follow" android:drawableLeft="@drawable/comm_follow" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_anchor="@id/header" […]

问题与CoordinatorLayout和ImageView,在滚动时调整宽度

我正在试图把一个ImageView放在一个CollapsingToolbarLayout中,它占用了加载的全屏幕,当你滚动内容时,16×9分辨率的图像宽度会调整,直到图像占据整个屏幕宽度。 在这一点上,我希望图像与app:layout_collapseParallaxMultiplier视差app:layout_collapseParallaxMultiplier为0.5 使用这个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"> <android.support.design.widget.AppBarLayout android:id="@+id/app_bar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/toolbar_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/img_hero" android:layout_width="match_parent" android:layout_height="match_parent" android:adjustViewBounds="true" android:scaleType="centerCrop" android:src="@drawable/lake" app:layout_collapseMode="parallax" app:layout_collapseParallaxMultiplier="0.5"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="none" app:popupTheme="@style/AppTheme.PopupOverlay"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <include layout="@layout/content_scrolling"/> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="@dimen/fab_margin" app:layout_anchor="@id/app_bar" app:layout_anchorGravity="bottom|end" app:srcCompat="@android:drawable/ic_dialog_email"/> </android.support.design.widget.CoordinatorLayout> 完成以下操作: […]

CollapsingToolbarLayout:自定义contentScrim类似于Facebook

我想为我的collapsingToolbarLayout创build一个自定义的contentScrim。 我的collapsingToolbarLayout里面有一个imageview 。 当它滚动时,理论上图像视图被设想淡出,并且我的稀松布颜色被设想淡入。 我们都知道我们可以像这样创build一个网格: <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" app:contentScrim="?attr/colorPrimary" android:background="@color/white" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp" android:fitsSystemWindows="true" app:expandedTitleTextAppearance="@color/transparent" app:layout_scrollFlags="scroll|exitUntilCollapsed" > 但是,当您在屏幕上滚动3/4时,android默认的网格布似乎开始工作。 在这之前,imageview仍然完整显示。 此外,当您达到屏幕的3/4时,网格布会自动将collapsingtoolbarlaylay的颜色更改为您的网格布颜色: 当你向上滚动3/4时,在我们到达toolbar之前,不要让它完全填满屏幕,而是要让它轻轻地褪去,直到滚动到toolbar 。 如果你想看一个我想创build的效果的例子,看看Facebook应用程序。 当collapsingToolbarLayout完全展开时,这是Facebook应用程序: 当您滚动到3/4左右的时候,collapsingToolbarLayout的颜色变淡,蓝色不完全饱和: 所以我在collapsingToolbarLayout创build了以下内容: <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/frame_picture"> <com.customshapes.SquareImageView android:id="@+id/backdrop" android:contentDescription="@string/photo" android:transitionName="@string/transition" android:layout_width="match_parent" android:layout_height="240dp" android:scaleType="centerCrop" android:fitsSystemWindows="true" /> <com.customshapes.SquareImageView android:id="@+id/fading_backdrop" android:layout_width="match_parent" android:background="?attr/colorPrimary" android:layout_height="240dp" android:alpha="0" android:fitsSystemWindows="true" /> </FrameLayout> framelayout由背景imageview视图组成,该imageview持有显示在我的collapsingToolbarLayout中的图像,并且在它的前面是一个imageview,它只保存“scrimColor”?attr / colorPrimary,其alpha值为0,这样背景imageview视图就会发光。 然后我实现了appBarLayout的onOffsetChangedListener: @Override public void […]