I want to implement such a feature as in FBreader. Namely: when reading in full screen mode, when you click on the center of the screen, panels appear (bar at the top and some working area at the bottom). Tell me how it is implemented. Here are screenshots enter image description here enter image description here

  • Updated the answer .. - Flippy

1 answer 1

Hide / show toolbar when scrolling

<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/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary"/> </android.support.design.widget.AppBarLayout> <ScrollView android:id="@+id/sv" app:layout_behavior="@string/appbar_scrolling_view_behavior" android:layout_width="match_parent" android:layout_height="match_parent"/> </android.support.design.widget.CoordinatorLayout>

ScrollView easily replaced with any scrollable container, be it RecyclerView , ListView , ViewPager , WebView , NestedScrollView . What is used in the application in the screenshot, I can not say. Perhaps some kind of custom layout , but the parent is one of those written above. CoordinatorLayout allows you to hang a behavior on any scrollable view , which will, along with its scrolling, hide the AppBarLayout where the Toolbar is located.

Hide / show toolbar when clicked

I understand the screen does not contain any widgets, ie the working area is only the Toolbar ? Do you need to catch the moment when the user clicks on the center of the screen? Or to any other area? When does it touch or click?

Some work area below

As for the panel below - if you want an animated "exit" of the case from below, then use BotfomSheet .

  • You can learn more about how mapping and hiding of the toolbar is implemented - Nick