├── .gitignore ├── .idea ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── encodings.xml ├── gradle.xml ├── misc.xml ├── modules.xml ├── runConfigurations.xml └── vcs.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── droidmentor │ │ └── bottomsheetexample │ │ └── ExampleInstrumentedTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── droidmentor │ │ │ └── bottomsheetexample │ │ │ └── BottomSheetExampleActivity.java │ └── res │ │ ├── drawable-hdpi │ │ ├── ic_click_here.png │ │ ├── ic_contacts.png │ │ ├── ic_document.png │ │ └── ic_location.png │ │ ├── drawable-mdpi │ │ ├── ic_click_here.png │ │ ├── ic_contacts.png │ │ ├── ic_document.png │ │ └── ic_location.png │ │ ├── drawable-xhdpi │ │ ├── ic_click_here.png │ │ ├── ic_contacts.png │ │ ├── ic_document.png │ │ ├── ic_image_attachment.png │ │ └── ic_location.png │ │ ├── drawable-xxhdpi │ │ ├── ic_click_here.png │ │ ├── ic_contacts.png │ │ ├── ic_document.png │ │ └── ic_location.png │ │ ├── drawable-xxxhdpi │ │ ├── ic_click_here.png │ │ ├── ic_contacts.png │ │ ├── ic_document.png │ │ └── ic_location.png │ │ ├── layout │ │ ├── activity_bottom_sheet_example.xml │ │ ├── modal_bottomsheet.xml │ │ └── persistent_bottomsheet.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 │ └── test │ └── java │ └── droidmentor │ └── bottomsheetexample │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the ART/Dalvik VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # Generated files 12 | bin/ 13 | gen/ 14 | out/ 15 | 16 | # Gradle files 17 | .gradle/ 18 | build/ 19 | 20 | # Local configuration file (sdk path, etc) 21 | local.properties 22 | 23 | # Proguard folder generated by Eclipse 24 | proguard/ 25 | 26 | # Log Files 27 | *.log 28 | 29 | # Android Studio Navigation editor temp files 30 | .navigation/ 31 | 32 | # Android Studio captures folder 33 | captures/ 34 | 35 | # Intellij 36 | *.iml 37 | .idea/workspace.xml 38 | .idea/libraries 39 | 40 | # Keystore files 41 | *.jks 42 | 43 | # External native build folder generated in Android Studio 2.2 and later 44 | .externalNativeBuild -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | 14 | 26 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 53 | 54 | 55 | 56 | 57 | 1.8 58 | 59 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BottomSheetExample 2 | 3 | Example app for Android BottomSheet 4 | 5 | ![ScreenShot](http://droidmentor.com/wp-content/uploads/2016/10/BottomSheet.jpg) 6 | 7 | Bottom Sheet is a view that slides up from the bottom of the screen.Bottom sheets are displayed as a result of the user-triggered action, and also it can reveal additional content by swiping up. 8 | 9 | According to material design, Bottom Sheets can be two types : Persistent and Modal 10 | 11 | Persistent : It remains visible on the screen.You need to include your bottom sheet inside the main layout.To make a view as persistent Bottom Sheet in your screen all you need to do is have CoordinatorLayout at the top level of your layout. 12 | 13 | Modal : Modal bottom sheets are dialogs which are alternatives to content choosers, simple menus or dialogs, and can display deep-linked content from another app. It is similar to a Dialog, for this you need BottomSheetDialogFragment. 14 | 15 | In this Sample app explains how to create and implement a BottomSheet into your application. 16 | 17 | For more information, check out my detailed guide here : http://droidmentor.com/exploring-bottom-sheets-in-android/ 18 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 25 5 | buildToolsVersion "25.0.0" 6 | defaultConfig { 7 | applicationId "droidmentor.bottomsheetexample" 8 | minSdkVersion 15 9 | targetSdkVersion 25 10 | versionCode 1 11 | versionName "1.0" 12 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 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 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 25 | exclude group: 'com.android.support', module: 'support-annotations' 26 | }) 27 | compile 'com.android.support:appcompat-v7:25.0.0' 28 | compile 'com.android.support:design:25.0.0' 29 | 30 | testCompile 'junit:junit:4.12' 31 | } 32 | -------------------------------------------------------------------------------- /app/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/Jaison/Library/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 | -------------------------------------------------------------------------------- /app/src/androidTest/java/droidmentor/bottomsheetexample/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package droidmentor.bottomsheetexample; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("droidmentor.bottomsheetexample", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/src/main/java/droidmentor/bottomsheetexample/BottomSheetExampleActivity.java: -------------------------------------------------------------------------------- 1 | package droidmentor.bottomsheetexample; 2 | 3 | import android.os.Bundle; 4 | import android.support.annotation.NonNull; 5 | import android.support.design.widget.BottomSheetBehavior; 6 | import android.support.design.widget.BottomSheetDialog; 7 | import android.support.design.widget.CoordinatorLayout; 8 | import android.support.v7.app.AppCompatActivity; 9 | import android.view.View; 10 | import android.widget.Button; 11 | import android.widget.ImageView; 12 | 13 | public class BottomSheetExampleActivity extends AppCompatActivity implements View.OnClickListener { 14 | 15 | Button btn_cancel; 16 | BottomSheetDialog dialog; 17 | ImageView iv_trigger, iv_attachment; 18 | CoordinatorLayout coordinatorLayout; 19 | 20 | @Override 21 | protected void onCreate(Bundle savedInstanceState) { 22 | super.onCreate(savedInstanceState); 23 | setContentView(R.layout.activity_bottom_sheet_example); 24 | 25 | coordinatorLayout = (CoordinatorLayout) findViewById(R.id.coordinator); 26 | iv_attachment = (ImageView) findViewById(R.id.iv_image_attachment); 27 | iv_attachment.setOnClickListener(this); 28 | 29 | // Persistent BottomSheet 30 | init_persistent_bottomsheet(); 31 | 32 | // Modal BottomSheet 33 | init_modal_bottomsheet(); 34 | } 35 | 36 | @Override 37 | public void onClick(View view) { 38 | if (view.getId() == iv_attachment.getId()) { 39 | dialog.show(); 40 | } else if (view.getId() == btn_cancel.getId()) { 41 | dialog.hide(); 42 | } 43 | } 44 | 45 | public void init_modal_bottomsheet() { 46 | View modalbottomsheet = getLayoutInflater().inflate(R.layout.modal_bottomsheet, null); 47 | 48 | dialog = new BottomSheetDialog(this); 49 | dialog.setContentView(modalbottomsheet); 50 | dialog.setCanceledOnTouchOutside(false); 51 | dialog.setCancelable(false); 52 | 53 | btn_cancel = (Button) modalbottomsheet.findViewById(R.id.btn_cancel); 54 | btn_cancel.setOnClickListener(this); 55 | } 56 | 57 | public void init_persistent_bottomsheet() { 58 | View persistentbottomSheet = coordinatorLayout.findViewById(R.id.bottomsheet); 59 | iv_trigger = (ImageView) persistentbottomSheet.findViewById(R.id.iv_fab); 60 | final BottomSheetBehavior behavior = BottomSheetBehavior.from(persistentbottomSheet); 61 | 62 | 63 | iv_trigger.setOnClickListener(new View.OnClickListener() { 64 | @Override 65 | public void onClick(View view) { 66 | if (behavior.getState() == BottomSheetBehavior.STATE_COLLAPSED) { 67 | behavior.setState(BottomSheetBehavior.STATE_EXPANDED); 68 | } else { 69 | behavior.setState(BottomSheetBehavior.STATE_COLLAPSED); 70 | } 71 | } 72 | }); 73 | 74 | if (behavior != null) 75 | behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() { 76 | @Override 77 | public void onStateChanged(@NonNull View bottomSheet, int newState) { 78 | //showing the different states 79 | switch (newState) { 80 | case BottomSheetBehavior.STATE_HIDDEN: 81 | break; 82 | case BottomSheetBehavior.STATE_EXPANDED: 83 | break; 84 | case BottomSheetBehavior.STATE_COLLAPSED: 85 | break; 86 | case BottomSheetBehavior.STATE_DRAGGING: 87 | break; 88 | case BottomSheetBehavior.STATE_SETTLING: 89 | break; 90 | } 91 | } 92 | 93 | @Override 94 | public void onSlide(@NonNull View bottomSheet, float slideOffset) { 95 | // React to dragging events 96 | 97 | } 98 | }); 99 | 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_click_here.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-hdpi/ic_click_here.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-hdpi/ic_contacts.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-hdpi/ic_document.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-hdpi/ic_location.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_click_here.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-mdpi/ic_click_here.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-mdpi/ic_contacts.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-mdpi/ic_document.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-mdpi/ic_location.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_click_here.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xhdpi/ic_click_here.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xhdpi/ic_contacts.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xhdpi/ic_document.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_image_attachment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xhdpi/ic_image_attachment.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xhdpi/ic_location.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_click_here.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxhdpi/ic_click_here.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxhdpi/ic_contacts.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxhdpi/ic_document.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxhdpi/ic_location.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxxhdpi/ic_click_here.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxxhdpi/ic_click_here.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxxhdpi/ic_contacts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxxhdpi/ic_contacts.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxxhdpi/ic_document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxxhdpi/ic_document.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxxhdpi/ic_location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaisonfdo/BottomSheetExample/150d8c743afacb92880249fb0b41c166956d645a/app/src/main/res/drawable-xxxhdpi/ic_location.png -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_bottom_sheet_example.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 11 | 12 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/res/layout/modal_bottomsheet.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 17 |