SlidingDrawer

最新推荐文章于 2024-04-23 09:51:09 发布

Wei_Leng

最新推荐文章于 2024-04-23 09:51:09 发布

阅读量400

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 自定义控件进阶文章标签： android

本文链接：https://blog.youkuaiyun.com/u014608640/article/details/53080008

Android 自定义控件进阶专栏收录该内容

344 篇文章

订阅专栏

SlidingDrawer是一款实现底部抽屉模式的Android自定义视图组件。该组件支持两个子视图，即固定视图和滑动视图。滑动视图能够精确地放置在固定视图下方，并且可以通过拖拽视图进行操作。与传统的底部抽屉实现不同，该组件允许开发者更灵活地控制滑动视图的位置。

SlidingDrawer

项目地址： PierfrancescoSoffritti/SlidingDrawer

简介：Android custom View implementing the bottom sheet pattern.

A custom View implementing the bottom sheet pattern.
This ViewGroup can have only 2 children. The 1st one is the non slidable view ; the 2nd is the slidable view, which can slide over the non slidable view.

The substantial difference from all other implementations is that in this case is easy to position the slidable viewrelative to the non slidable view.
In other implementations the only way to control the position of the slidable view, when collapsed, is by using a peek factor.
Here instead the slidable view is placed exactly below the non slidable view, just like in a vertical LinearLayout. The slidable view is conceptually part of the hierarchy and it's not above it.

Download the sample app here

Apps using this library: Shuffly

Download

Add this to you project-level build.gradle:

allprojects {
  repositories {
    ...
    maven { url "https://jitpack.io" }
  }
}

Add this to your module-level build.gradle:

dependencies {
  compile 'com.github.PierfrancescoSoffritti:SlidingDrawer:0.10'
}

Usage

<com.pierfrancescosoffritti.slidingdrawer.SlidingDrawer
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"

  android:id="@+id/sliding_drawer"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  app:shadow_length="4dp" >

  <View
    android:id="@id/non_slidable_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

  <FrameLayout
    android:id="@id/slidable_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</com.pierfrancescosoffritti.slidingdrawer.SlidingDrawer>

It's important to set the id attribute to android:id="@id/non_slidable_view" for the non slidable view and toandroid:id="@id/slidable_view" for the slidable view.

When you use this ViewGroup remember to always add a drag view slidingDrawer.setDragView(view);
The drag view is the only surface from which the slidable view can be dragged.

In case the slidable view has different views when collapsed (collapsed view) or expanded (expanded view), and the collapsed view isn't a List (or equivalent), it should have the idandroid:id="@id/sliding_drawer_collapsed_view", so the SlidingDrawer can adjust the view's paddingBottom to prevent its content from going offscreen.