README.md
Note: we are not actively responding to issues right now. If you find a bug, please submit a PR.
This library provides a simple way to add a draggable sliding up panel (popularized by Google Music and Google Maps) to your Android application.
As seen in Umano Android App (now acquired by Dropbox):
If you are using the library and you would like to have your app listed, simply let us know.
Simply add the following dependency to your build.gradle file to use the latest version:
dependencies {
repositories {
mavenCentral()
}
compile 'com.sothree.slidinguppanel:library:3.4.0'
}
com.sothree.slidinguppanel.SlidingUpPanelLayout as the root element in your activity layout.gravity set to either top or bottom.match_parent.match_parent and the height set to either match_parent, wrap_content or the max desireable height. If you would like to define the height as the percetange of the screen, set it to match_parent and also define a layout_weight attribute for the sliding view.setDragView method or umanoDragView attribute.For more information, please refer to the sample code.
<com.sothree.slidinguppanel.SlidingUpPanelLayout
xmlns:sothree="http://schemas.android.com/apk/res-auto"
android:id="@+id/sliding_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom"
sothree:umanoPanelHeight="68dp"
sothree:umanoShadowHeight="4dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="Main Content"
android:textSize="16sp" />
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center|top"
android:text="The Awesome Sliding Up Panel"
android:textSize="16sp" />
</com.sothree.slidinguppanel.SlidingUpPanelLayout>
For smooth interaction with the ActionBar, make sure that windowActionBarOverlay is set to true in your styles:
<style name="AppTheme">
<item name="android:windowActionBarOverlay">true</item>
</style>
However, in this case you would likely want to add a top margin to your main layout of ?android:attr/actionBarSize
or ?attr/actionBarSize to support older API versions.
umanoDragView, the panel will pass through the click events to the main layout. Make your second layout clickable to prevent this.setPanelHeight method or umanoPanelHeight attribute.shadowHeight attribute to 0.setEnabled(false) to completely disable the sliding panel (including touch and programmatic sliding)setTouchEnabled(false) to disables panel's touch responsiveness (drag and click), you can still control the panel programaticallygetPanelState to get the current panel statesetPanelState to set the current panel stateumanoParallaxOffset attribute (see demo for the example).setAnchorPoint to allow an intermediate expanded state for the panel (similar to Google Maps).PanelSlideListener to monitor events about sliding panes.layout_gravity attribute of the layout to top.umanoScrollInterpolator attribute. For instance, if you want a bounce or overshoot effect for the panel.setOverlayed method or umanoOverlay attribute. This is useful if you would like to make the sliding layout semi-transparent. You can also set umanoClipPanel to false to make the panel transparent in non-overlay mode.umanoFadeColor. Set it to "@android:color/transparent" to remove dimming completely.If you have a scrollable view inside of the sliding panel, make sure to set umanoScrollableView attribute on the panel to supported nested scrolling. The panel supports ListView, ScrollView and RecyclerView out of the box, but you can add support for any type of a scrollable view by setting a custom ScrollableViewHelper. Here is an example for NestedScrollView
public class NestedScrollableViewHelper extends ScrollableViewHelper {
public int getScrollableViewScrollPosition(View scrollableView, boolean isSlidingUp) {
if (mScrollableView instanceof NestedScrollView) {
if(isSlidingUp){
return mScrollableView.getScrollY();
} else {
NestedScrollView nsv = ((NestedScrollView) mScrollableView);
View child = nsv.getChildAt(0);
return (child.getBottom() - (nsv.getHeight() + nsv.getScrollY()));
}
} else {
return 0;
}
}
}
Once you define your helper, you can set it using setScrollableViewHelper on the sliding panel.
This library was initially based on the opened-sourced SlidingPaneLayout component from the r13 of the Android Support Library. Thanks Android team!
Tested on Android 2.2+
If you have an awesome pull request, send it over!
FadeOnClickListener, for when the faded area of the main content is clicked.PanelSlideListener has a new format (multiple of them can be set nowumanoScrollInterpolatorlayout_weight attributeScrollableViewHelper to allow users extend support for new types of scrollable views.umanoParalaxOffset to umanoParallaxOffsetumanoScrollableView to supported nested scrolling in children (only ScrollView and ListView are supported for now)umano prefix for all attributesclipPanel attribute for supporting transparent panels in non-overlay mode.setEnabled(false) - now completely disables the sliding panel (touch and programmatic sliding)setTouchEnabled(false) - disables panel's touch responsiveness (drag and click), you can still control the panel programaticallygetPanelState - is now the only method to get the current panel statesetPanelState - is now the only method to modify the panel state from codewrap_content for sliding view height attribute. Bug fixes.showPanel/hidePanel methods.Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.