Questions tagged [android-collapsingtoolbarlayout]
CollapsingToolbarLayout is a wrapper for Toolbar that provides several visual effects that are bind to the content scroll events.
1,233
questions
1
vote
0
answers
45
views
How to set custom toolbar background in android
Hey guys I am using custom toolbar in my project. When I try to scroll view it goes behind the toolbar and see all item. I made a short video please have a look.
toolbar.xml
<?xml version="1.0&...
0
votes
0
answers
48
views
Title overlaps with view in custom toolbar Android
Hey guys I am trying to set title in my custom toolbar. It's not working until I explicit through xml. I don't want to put a Textview in xml in toolbar. I tried this post and trying to set by code, it ...
1
vote
1
answer
103
views
How to use Appbar with toolbar in android
Hey I am working on search bar in android. I get the lead from this post. Now I want to try something more. Above post explanation in short :- I have searchview in the middle of screen. When we focus ...
0
votes
0
answers
17
views
How to create a collapsing toolbar such as
I want to create custom toolbar that can collapse and looks like
The main part of the toolbar is gray part. When scrolled only gray part will be visible to user the red address part and white view ...
0
votes
1
answer
46
views
Putting multiple views in CollapsingToolbarLayout overlap on one another
I am trying to include a layout under the toolbar within a CollapsingToolbarLayout.
The first draft was without the linearlayout, but doing so the toolbar was overlapping the included layout.
So I put ...
1
vote
0
answers
22
views
Issue adding "app:layout_behavior" in Constraint layout for collapsing toolbar
I am facing one issue since past few days. Below is the issue details.
I need to hide the top layout while scrolling the recyclerview, for that I am using "app:layout_behavior" in ...
0
votes
0
answers
7
views
Hide/Show specific views from custom toolbar when scrolling CoordinatorLayout
I have a toolbar made out of a constraint layout that consists of the searchView, view1, view2, and view3
I need to hide View1 and View3 when scrolling down (so basically show the searchView and ...
1
vote
0
answers
130
views
Scrollable Collapsing Toolbar in Compose
I was trying find a ready solution for it but couldn't.
The idea is to make the expanded toolbar with big title and when the content is not fit on the screen make it scrollable. The scroll behaviour ...
0
votes
0
answers
11
views
Scrollable view inside CollapsingToolbarLayout
I want to achieve scrolling image inside toolbar, that can be collapsed, when I drag toolbar (outside image).
With default AppBarLayout.Behavior I can't scroll content inside.
I've tried to use
app:...
0
votes
0
answers
45
views
FAB doesn't hide fully in Fragment with collapsing medium app bar
Within my acitivity_main.xml I have a BottomNavigationView and a collapsing top app bar and a fragment. Inside the fragment, there is a recyclerview and a FAB. My collapsing medium app bar seems to ...
0
votes
1
answer
253
views
Material design 3 top-app bar is hiding when scroll up?
I am using the Material design 3 android plugin top-app bar is hiding when scrolling up?
Ref this screenshot, it is working in material design, not md3.
Plz help me, with how to fix
here is my full ...
1
vote
2
answers
46
views
How to Pin only the last child of the CollapsingToolbarLayout?
Suppose I have the following .xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout>
<com.google.android.material....
0
votes
1
answer
59
views
How to use ViewPager2 with CollapsibleToolbar layout
I am trying to achieve something with collapsible toolbar layout and I have 2 tabs with a viewPager2
Below are two images for example for the case of expanded screenshot and collapsed screenshot.
...
0
votes
0
answers
22
views
How to make Tablayout moving with Collapsing Toolbar Layout in Android
I want to make Tablayout moving with CollapsingToolbarLayout as like this. Help me to make this
3
votes
1
answer
263
views
Round corners in NestedScrollView with Collapsing Toolbar Layout
I'm making a detail view with a CoordinatorLayout with a header image to which I want to apply rounded edges in the view that has the NestedScrollView, something like this:
I'm making a detail view ...
0
votes
0
answers
36
views
How can I make a layout with multiple fixed views with two of them getting fixed at top with scrolling in Android
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/...
0
votes
0
answers
190
views
Nested scroll view is not scrolling, any suggested solution?
Fragment container code is below, which access my home layout which has Nested scroll view which is not scrolling under the appbar layout.
<androidx.drawerlayout.widget.DrawerLayout
xmlns:android=&...
1
vote
0
answers
119
views
How to make curved corner collapsing toolbar in android
How to make curve corner for collapsing toolbar while scrolling
What I am Expecting is
What I am Getting is
Note the image is scrollable and inside collapsing toolbar
Code is given below
<...
0
votes
0
answers
32
views
How can i make collapsingtoolbar with searchbar like spotify in android?
Hi I want to create a searchbox like spotify. I guess there is searchbar in collapsingtoolbar, but I dont understand how to do this.
I want it this way
I have a layout with the same structure as ...
1
vote
1
answer
173
views
CollapsingToolbar with second toolbar instead of ImageView
I am trying to create an app with two toolbars on top and a specific collapsing/expanding behaviour on scrolling. See the mockup to get a deeper understanding of what I'm trying to achieve:
I already ...
3
votes
1
answer
807
views
Collapsing toolbar in Jetpack compose
How to build an Instagram profile page using Jetpack compose. I've tried multiple libraries like NestedScrollView, CollapsingToolbar to get collapsable/scrollable Topbar but they are not looking ...
1
vote
1
answer
55
views
different back button color in expanded and collapsed states of Collapsing Tollbar
How to set different back button color in expanded and collapsed states of Collapsing Tollbar?
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/main.appbar"
...
1
vote
1
answer
84
views
How to make image view scrollable in Android
How to make a image view scroll vertically. Demo images are uploaded below.
How to shrink image view?
Image 1.
Image 2.
Image 3.
when user scroll up imageview get shrink from image 1 view ...
0
votes
0
answers
17
views
Recycler view with horizontal scrolling doesnt scroll upwards but collapse bar is working fine when scrolled up
> <androidx.coordinatorlayout.widget.CoordinatorLayout
> xmlns:android="http://schemas.android.com/apk/res/android"
> xmlns:app="http://schemas.android.com/apk/res-auto&...
2
votes
0
answers
105
views
Round Collapsing Toolbar android
I'm trying to make my collpasing toolbar have round corners when collapsed. I have an image inside of it that has rounded corners, so when the toolbar is expanded it looks like it has rounded corners, ...
0
votes
1
answer
121
views
Hide/Show Bottom Navigation and Collapsible Toolbar on scroll in fragment
I am trying to implement show/hide behavior of bottom navigation and collapsible toolbar from a specific fragment of bottom navigation.
Here is my activity_main.xml:
<?xml version="1.0" ...
0
votes
0
answers
32
views
Using RecyclerView with AppBarLayout and CollapsingToolbarLayout
I use RecyclerView and Image wrapped in AppBarLayout and CollapsingToolbarLayout above the RecyclerView. When I scroll downt the list of items the Image disappear and when I click on item I navigate ...
0
votes
0
answers
55
views
MaterialToolBar: ripple effect doesn't work when CollapsingToolbarLayout is collapsed
(My question is about the navigation icon + tool bar icons)
First image: CollapsingToolbarLayout is not collapsed (or partial doesn't matter), the ripple effect works like a sharm.
Second image: ...
0
votes
1
answer
92
views
How Resize search view width with animation, when toolbar collapse [ADNROID]
Hello guys I have search view in collapsing toolbar, I want to resize searchView width when toolbar collapse, for example, when toolbar is not collapsed search View width is "match_parent" ...
4
votes
1
answer
58
views
Toolbar is scrollable eventhough recyclerview is empty
I've got the following layout:
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/...
0
votes
0
answers
18
views
How to create a more complex design within the collapsing toolbar
How can I get the result of the second picture on my design, i.e. how can I get within a collapsing toolbar the effect of a poster overlaying the other content?
In particular I would like to ...
0
votes
0
answers
22
views
Android - enable/disable CollapsingToolbar scrolling but AppBar auto expanded
I want to enable/disable CollapsingToolbar scrolling, with code:
val scrollFlags = if (canScroll) {
AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL or AppBarLayout.LayoutParams.SCROLL_FLAG_SNAP
} ...
0
votes
0
answers
15
views
Show CollapsingToolbarLayout title only when collapsed with a button next to it?
I am trying to add a button next to the title (i.e. "Title Collapse") but there is no in-build function as such I came across.how to achieve this?
below is my kotlin code:
var isShow = true
...
0
votes
0
answers
88
views
Overlapping toolbar on expanded CollapsingToolbarLayout
I have CollapsingToolbarLayout with image and toolbar with title text. It works as expected when is being emulated. This is how it looks in expanded mode:
enter image description here
And in collapsed ...
1
vote
1
answer
349
views
How can I update the toolbar when scrolling with CollapsingToolbar
I'm trying to move from one TextView to the Toolbar when it collapse when scrolling.
Let's say I have a Toolbar and just below of it I have a View, when I scroll up and it starts to not be visible at ...
0
votes
1
answer
36
views
set different title bar to collapsingToolbarLayout
i have one activity that handle on multiple list fragment with viewPager, once i clicked the item, i wish the result have a different title on the appbarr .
Here's my code, it's work for me, but i ...
0
votes
1
answer
109
views
Custom Implement Action Items using Jetpack
I have been using onebone Library for implementing collapse toolbar. I wanted to know how to implement action menu like below in the library code:
I wanted to add 3 menu icons and for that I tried to ...
0
votes
0
answers
113
views
Collapsing toolbar layout creates a gap underneath bottom navigation bar when expanded
I am using a collapsing toolbar layout with a bottom navigation view, and a fragment in the middle. When the collapsing toolbar has its title expanded, there is a small gap underneath the bottom ...
5
votes
1
answer
981
views
How can I scroll in both directions in Jetpack Compose
I've created a fairly classic collapsing image layout in Jetpack compose, where I have an image at the top of the screen which parallax scrolls away and at a certain point I change the toolbar ...
0
votes
0
answers
28
views
How to draw RecyclerView underneath CollapsingToolbar?
I have a common setup of a CoordinatorLayout with an AppBarLayout that collapses on scroll and a RecyclerView.
The RecyclerView has ONE header item (fairly complicated layout). With this common layout ...
0
votes
0
answers
36
views
Expand AppBarLayout only on drag, but not on fling
I have this layout which works perfectly fine:
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:id="@+id/shopCoordinatorLayout"
android:layout_width="...
0
votes
1
answer
71
views
How to make CollapsingToolbarLayout disappear completely after scrolling?
I'm trying to make a fragment "head" with two toolbars and horizontal scroll view between them. I want to make horizontal scroll view completely disappear after scrolling down but after ...
2
votes
1
answer
301
views
How to achieve a transparent statusbar after migrating to Material Design themes?
I am in the process of migrating my app theme to a Material Design theme and I am having problems with certain situations where I need a transparent status bar (for example when using a ...
0
votes
0
answers
130
views
Android Collapsing Toolbar Content Overlapping
I have an activity with a collapsing toolbar where I have a recyclerview along with it. Also in the toolbar, I have a TextView with gravity on bottom. But the problem is when the toolbar is expanded, ...
1
vote
0
answers
70
views
Android content height below collapsing toolbar
I have an app with a navigation drawer and several fragments. The app has a collapsing toolbar, and the fragments have various content. Some of them are static from XML, others are generated in a ...
0
votes
0
answers
23
views
How to add collapsing toolbar and navigation controller also drawer menu with multiple fragment?
How to add collapsing toolbar and navigation controller also drawer menu with multiple fragment?
i want toolbar expanded on 1 fragment and for other it should be closed.
0
votes
1
answer
301
views
custom toolbar after collapsing app bar in android studio
I would like to create a layout like this:
where the search view is in a App bar layout. When it is collapsed I want to change the toolbar like this:
I have searched every where but I was unable to ...
0
votes
0
answers
64
views
how to show toolbar after scrolling the content of NestedScrollView
I'm trying to show a linear layout as my toolbar when the Nested Scroll view content scrolls up and hides it when the content scrolls down.
I'm using CoordinatorLayout and CollapsingToolbarLayout. the ...
0
votes
0
answers
39
views
CollapsingToolbarLayout Back button not working
I have a scenario like this.
MainActivity With Fragment ( List ).
From Fragment List click Item -> Opening Detail Activity ( CollapsingToolbarLayout )
Back Button is not working From Details ...
1
vote
0
answers
58
views
CollapsingToolbarLayout ignores exitUntilCollapsed flag and scrolls out of view when soft keyboard is visible
I am attempting to set up a text processor activity with a scrollable EditText and a partially collapsible toolbar.
Currently I am using a CoordinatorLayout with a Toolbarwidget nested in a ...