├── .gitignore ├── LICENSE ├── README.md ├── build.gradle ├── demo ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── dvoiss │ │ └── bottomsheetdemo │ │ └── MainActivity.java │ └── res │ ├── layout │ └── activity_main.xml │ ├── menu │ └── main.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ └── ic_launcher.png │ ├── mipmap-xxxhdpi │ └── ic_launcher.png │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── colors.xml │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── images ├── image1.png └── image2.png └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | /.idea 10 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 david 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Android Bottom Sheet Demo 2 | 3 | This repo is a demo of the new [bottom sheet component](http://android-developers.blogspot.com/2016/02/android-support-library-232.html) from Android's support library (version `23.2.0`). The `Bottom Sheet` component is an implementation of the bottom sheet from Google's Material Design spec: [Bottom Sheets](https://www.google.com/design/spec/components/bottom-sheets.html). 4 | 5 | Since this component was just released it may not be as full featured or reliable as some existing third-party implementations. Some other options are below: 6 | 7 | * https://github.com/soarcn/BottomSheet 8 | * https://github.com/Flipboard/bottomsheet 9 | * https://github.com/umano/AndroidSlidingUpPanel 10 | 11 | Images of demo: 12 | 13 | ![Sample](https://github.com/dvoiss/AndroidBottomSheetDemo/blob/master/images/image1.png?raw=true) 14 | ![Sample](https://github.com/dvoiss/AndroidBottomSheetDemo/blob/master/images/image2.png?raw=true) 15 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.0.0-beta4' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | 21 | task clean(type: Delete) { 22 | delete rootProject.buildDir 23 | } 24 | -------------------------------------------------------------------------------- /demo/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /demo/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.2" 6 | 7 | defaultConfig { 8 | applicationId "com.dvoiss.bottomsheetdemo" 9 | minSdkVersion 16 10 | targetSdkVersion 23 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | testCompile 'junit:junit:4.12' 25 | compile 'com.android.support:appcompat-v7:23.2.0' 26 | compile 'com.android.support:design:23.2.0' 27 | compile 'com.jakewharton:butterknife:7.0.1' 28 | } 29 | -------------------------------------------------------------------------------- /demo/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/davidvoiss/android-sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /demo/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /demo/src/main/java/com/dvoiss/bottomsheetdemo/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.dvoiss.bottomsheetdemo; 2 | 3 | import android.support.annotation.NonNull; 4 | import android.support.design.widget.BottomSheetBehavior; 5 | import android.support.design.widget.BottomSheetBehavior.BottomSheetCallback; 6 | import android.support.design.widget.BottomSheetBehavior.State; 7 | import android.support.v7.app.AppCompatActivity; 8 | import android.os.Bundle; 9 | import android.view.Menu; 10 | import android.view.MenuItem; 11 | import android.view.View; 12 | import android.view.ViewTreeObserver; 13 | import android.widget.TextView; 14 | 15 | import butterknife.Bind; 16 | import butterknife.ButterKnife; 17 | import butterknife.OnClick; 18 | 19 | import static android.support.design.widget.BottomSheetBehavior.STATE_COLLAPSED; 20 | import static android.support.design.widget.BottomSheetBehavior.STATE_EXPANDED; 21 | import static android.support.design.widget.BottomSheetBehavior.STATE_DRAGGING; 22 | import static android.support.design.widget.BottomSheetBehavior.STATE_HIDDEN; 23 | import static android.support.design.widget.BottomSheetBehavior.STATE_SETTLING; 24 | 25 | public class MainActivity extends AppCompatActivity { 26 | 27 | @Bind(R.id.root_view) View rootView; 28 | @Bind(R.id.bottom_sheet) View bottomSheet; 29 | @Bind(R.id.bottom_sheet_header) View bottomSheetHeader; 30 | @Bind(R.id.bottom_sheet_status) TextView bottomSheetStatus; 31 | 32 | private BottomSheetBehavior bottomSheetBehavior; 33 | 34 | @Override 35 | protected void onCreate(Bundle savedInstanceState) { 36 | super.onCreate(savedInstanceState); 37 | setContentView(R.layout.activity_main); 38 | ButterKnife.bind(this); 39 | 40 | bottomSheetBehavior = BottomSheetBehavior.from(bottomSheet); 41 | bottomSheetBehavior.setBottomSheetCallback(new UpdateBottomSheetStatusTextCallback()); 42 | 43 | // Attach view-tree observer to set the bottom sheet's peek-height once the view is laid out. 44 | attachViewTreeObserver(); 45 | } 46 | 47 | @Override 48 | public boolean onCreateOptionsMenu(Menu menu) { 49 | getMenuInflater().inflate(R.menu.main, menu); 50 | return true; 51 | } 52 | 53 | @Override 54 | public boolean onOptionsItemSelected(MenuItem item) { 55 | // Handle item selection 56 | switch (item.getItemId()) { 57 | case R.id.show_peek: 58 | setBottomSheetPeekHeight(true); 59 | return true; 60 | case R.id.no_peek: 61 | setBottomSheetPeekHeight(false); 62 | return true; 63 | default: 64 | return super.onOptionsItemSelected(item); 65 | } 66 | } 67 | 68 | /** 69 | * When the button is tapped open or close the button sheet. 70 | */ 71 | @OnClick(R.id.toggle_bottom_sheet_button) 72 | public void toggleButtonSheet(View v) { 73 | bottomSheetBehavior.setState(getNewState()); 74 | } 75 | 76 | /** 77 | * If the bottom sheet's header-text is clicked expand the sheet. 78 | */ 79 | @OnClick(R.id.bottom_sheet_header) 80 | public void openButtonSheet(View v) { 81 | bottomSheetBehavior.setState(STATE_EXPANDED); 82 | } 83 | 84 | @State 85 | private int getNewState() { 86 | return bottomSheetBehavior.getState() == STATE_COLLAPSED ? STATE_EXPANDED : STATE_COLLAPSED; 87 | } 88 | 89 | /** 90 | * Once the view has been created get the height of the bottom-sheet's header-text and 91 | * use it to set the peek-height of the bottom-sheet. 92 | */ 93 | private void attachViewTreeObserver() { 94 | ViewTreeObserver viewTreeObserver = rootView.getViewTreeObserver(); 95 | if (viewTreeObserver.isAlive()) { 96 | viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { 97 | @Override 98 | public void onGlobalLayout() { 99 | rootView.getViewTreeObserver().removeOnGlobalLayoutListener(this); 100 | setBottomSheetPeekHeight(true); 101 | } 102 | }); 103 | } 104 | } 105 | 106 | private void setBottomSheetPeekHeight(boolean shouldShowPeek) { 107 | bottomSheetBehavior.setPeekHeight(shouldShowPeek ? bottomSheetHeader.getHeight() : 0); 108 | bottomSheetBehavior.setState(STATE_COLLAPSED); 109 | } 110 | 111 | class UpdateBottomSheetStatusTextCallback extends BottomSheetCallback { 112 | public void onStateChanged(@NonNull View bottomSheet, @State int newState) { 113 | bottomSheetStatus.setText(getStatusMessage(newState)); 114 | } 115 | 116 | public void onSlide(@NonNull View bottomSheet, float slideOffset) {} 117 | 118 | private String getStatusMessage(int newState) { 119 | switch (newState) { 120 | case STATE_EXPANDED: 121 | return getResources().getString(R.string.status_expanded); 122 | case STATE_COLLAPSED: 123 | return getResources().getString(R.string.status_collapsed); 124 | case STATE_DRAGGING: 125 | return getResources().getString(R.string.status_dragging); 126 | case STATE_SETTLING: 127 | return getResources().getString(R.string.status_settling); 128 | case STATE_HIDDEN: 129 | return getResources().getString(R.string.status_hidden); 130 | default: 131 | return null; 132 | } 133 | } 134 | } 135 | } 136 | -------------------------------------------------------------------------------- /demo/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 13 | 20 | 21 | 27 | 28 |