CODEWITHSUNDEEP
androidandroid-layout
user9780359
user9780359

Reputation:

Collapse layout in a fragment under toolbar

The following is my layout in a Fragment.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".fragments.TAClaimFragment"
    android:background="@drawable/main_gradient"
    android:orientation="vertical">
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal"
       app:layout_anchor="@id/parent"
       app:layout_anchorGravity="top">
       <android.support.v7.widget.SearchView
           android:layout_width="0dp"
           android:layout_weight="2"
           android:layout_height="?actionBarSize"
           android:layoutDirection="rtl"
           android:id="@+id/ta_search"
           android:animateLayoutChanges="true"
           app:searchIcon="@drawable/ic_search"
           app:closeIcon="@drawable/ic_close"
           android:tooltipText="tooltip"
           app:searchHintIcon="@drawable/ic_search"
           app:queryHint="@string/search_hint"
           />
       <ImageView
           android:layout_width="0dp"
           android:id="@+id/ta_menu"
           android:padding="16dp"
           android:layout_weight="0.3"
           android:layout_height="50dp" />

   </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/ta_recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

</LinearLayout>

The RecyclerView has a SearchView and an ImageView above it in a linear layout I want the linear layout to disappear under the toolbar which the Activity containing the fragment has. I am not familiar enough with coordinator layout or collapsing toolbar layout, however I guess the solution lies in the use of the two.

How do I go about it?

Upvotes: 0

Views: 856

Answers (1)

ʍѳђઽ૯ท
ʍѳђઽ૯ท

Reputation: 16976

I want the linear layout to disappear under the toolbar which the Activity containing the fragment has.

If you are showing the Fragment by a FrameLayout (Or whatever), show the Fragment like following layout: (FrameLayout inside NestedScrollView for being the layout scrollable)

<CoordinatorLayout>

    <AppBarLayout>
      <Toolbar/>
    </AppBarLayout>

    <NestedScrollView>

    <FrameLayout />

    </NestedScrollView>
</CoordinatorLayout>

And then your Fragment codes (like your current layout codes) in another layout called myfragmentlayout.xml.

So, here, if you are trying to hide the LinearLayout, it will be disappear when you scroll the RecyclerView. Or, you can create a CollpasingToolbarLayout which contains a picture then if you scroll the content, it will be disappear.

Example for CollapsingToolbarLayout with an ImageView inside. (And so much more on SO by CollapsingToolbarLayout tag!):

How to add an ImageView with the title in collapsingtoolbarlayout in Android

Upvotes: 1

Related Questions