├── .gitignore ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── github │ │ └── rubensousa │ │ └── bottomsheetexample │ │ └── ApplicationTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── github │ │ │ └── rubensousa │ │ │ └── bottomsheetexample │ │ │ └── ui │ │ │ ├── FullBottomSheetDialogFragment.java │ │ │ ├── MainActivity.java │ │ │ └── adapter │ │ │ ├── Item.java │ │ │ └── ItemAdapter.java │ └── res │ │ ├── drawable │ │ ├── ic_add_24dp.xml │ │ ├── ic_content_copy_24dp.xml │ │ ├── ic_link_24dp.xml │ │ ├── ic_preview_24dp.xml │ │ ├── ic_share_24dp.xml │ │ └── shadow.xml │ │ ├── layout │ │ ├── activity_main.xml │ │ ├── adapter.xml │ │ └── sheet.xml │ │ ├── menu │ │ └── 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-v21 │ │ └── styles.xml │ │ ├── values-w820dp │ │ └── dimens.xml │ │ └── values │ │ ├── colors.xml │ │ ├── dimens.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── github │ └── rubensousa │ └── bottomsheetexample │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── screens ├── screen-dialog.png └── screen-view.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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BottomSheetExample 2 | A sample project with the new BottomSheet classes from the android support library 3 | 4 | For a simpler integration, consider using this: https://github.com/rubensousa/BottomSheetBuilder 5 | 6 | ## Modes included 7 | 8 | - Simple view (A LinearLayout is used in this sample) 9 | - BottomSheetDialog 10 | - BottomSheetDialogFragment 11 | 12 | ## Simple view how-to 13 | 14 | - Place a new view as a direct child of CoordinatorLayout (preferably as the last one, so it lays on top of all other views) 15 | - Set it's behavior to: 16 | 17 | app:layout_behavior="@string/bottom_sheet_behavior" 18 | 19 | ## Screenshots 20 | 21 | 22 | ## Dependencies 23 | 24 | compile 'com.android.support:appcompat-v7:24.1.1' 25 | compile 'com.android.support:design:24.1.1' 26 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 24 5 | buildToolsVersion "24.0.1" 6 | 7 | defaultConfig { 8 | applicationId "com.github.rubensousa.bottomsheetexample" 9 | minSdkVersion 14 10 | targetSdkVersion 24 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 | ext { 24 | supportLibVersion = '24.1.1' 25 | } 26 | 27 | compile fileTree(dir: 'libs', include: ['*.jar']) 28 | testCompile 'junit:junit:4.12' 29 | 30 | compile "com.android.support:appcompat-v7:${supportLibVersion}" 31 | compile "com.android.support:design:${supportLibVersion}" 32 | } 33 | -------------------------------------------------------------------------------- /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 /home/ruben/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/com/github/rubensousa/bottomsheetexample/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.github.rubensousa.bottomsheetexample; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/rubensousa/bottomsheetexample/ui/FullBottomSheetDialogFragment.java: -------------------------------------------------------------------------------- 1 | package com.github.rubensousa.bottomsheetexample.ui; 2 | 3 | import android.app.Dialog; 4 | import android.os.Bundle; 5 | import android.support.annotation.NonNull; 6 | import android.support.design.widget.BottomSheetBehavior; 7 | import android.support.design.widget.BottomSheetDialog; 8 | import android.support.design.widget.BottomSheetDialogFragment; 9 | import android.support.v7.widget.LinearLayoutManager; 10 | import android.support.v7.widget.RecyclerView; 11 | import android.view.View; 12 | 13 | import com.github.rubensousa.bottomsheetexample.R; 14 | import com.github.rubensousa.bottomsheetexample.ui.adapter.Item; 15 | import com.github.rubensousa.bottomsheetexample.ui.adapter.ItemAdapter; 16 | 17 | import java.util.ArrayList; 18 | import java.util.List; 19 | 20 | 21 | public class FullBottomSheetDialogFragment extends BottomSheetDialogFragment 22 | implements ItemAdapter.ItemListener { 23 | 24 | private BottomSheetBehavior mBehavior; 25 | 26 | @NonNull 27 | @Override 28 | public Dialog onCreateDialog(Bundle savedInstanceState) { 29 | BottomSheetDialog dialog = (BottomSheetDialog) super.onCreateDialog(savedInstanceState); 30 | 31 | View view = View.inflate(getContext(), R.layout.sheet, null); 32 | 33 | view.findViewById(R.id.fakeShadow).setVisibility(View.GONE); 34 | RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.recyclerView); 35 | recyclerView.setHasFixedSize(true); 36 | recyclerView.setLayoutManager(new LinearLayoutManager(getContext())); 37 | ItemAdapter itemAdapter = new ItemAdapter(createItems(), this); 38 | recyclerView.setAdapter(itemAdapter); 39 | 40 | dialog.setContentView(view); 41 | mBehavior = BottomSheetBehavior.from((View) view.getParent()); 42 | return dialog; 43 | } 44 | 45 | @Override 46 | public void onStart() { 47 | super.onStart(); 48 | mBehavior.setState(BottomSheetBehavior.STATE_EXPANDED); 49 | } 50 | 51 | public List createItems() { 52 | ArrayList items = new ArrayList<>(); 53 | items.add(new Item(R.drawable.ic_preview_24dp, "Preview")); 54 | items.add(new Item(R.drawable.ic_share_24dp, "Share")); 55 | items.add(new Item(R.drawable.ic_link_24dp, "Get link")); 56 | items.add(new Item(R.drawable.ic_content_copy_24dp, "Copy")); 57 | items.add(new Item(R.drawable.ic_preview_24dp, "Preview")); 58 | items.add(new Item(R.drawable.ic_share_24dp, "Share")); 59 | items.add(new Item(R.drawable.ic_link_24dp, "Get link")); 60 | items.add(new Item(R.drawable.ic_content_copy_24dp, "Copy")); 61 | items.add(new Item(R.drawable.ic_preview_24dp, "Preview")); 62 | items.add(new Item(R.drawable.ic_share_24dp, "Share")); 63 | items.add(new Item(R.drawable.ic_link_24dp, "Get link")); 64 | items.add(new Item(R.drawable.ic_content_copy_24dp, "Copy")); 65 | items.add(new Item(R.drawable.ic_preview_24dp, "Preview")); 66 | items.add(new Item(R.drawable.ic_share_24dp, "Share")); 67 | items.add(new Item(R.drawable.ic_link_24dp, "Get link")); 68 | items.add(new Item(R.drawable.ic_content_copy_24dp, "Copy")); 69 | return items; 70 | } 71 | 72 | @Override 73 | public void onItemClick(Item item) { 74 | mBehavior.setState(BottomSheetBehavior.STATE_HIDDEN); 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/rubensousa/bottomsheetexample/ui/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.github.rubensousa.bottomsheetexample.ui; 2 | 3 | import android.annotation.SuppressLint; 4 | import android.content.DialogInterface; 5 | import android.os.Build; 6 | import android.os.Bundle; 7 | import android.support.annotation.NonNull; 8 | import android.support.design.widget.BottomSheetBehavior; 9 | import android.support.design.widget.BottomSheetDialog; 10 | import android.support.v7.app.AppCompatActivity; 11 | import android.support.v7.widget.LinearLayoutManager; 12 | import android.support.v7.widget.RecyclerView; 13 | import android.support.v7.widget.Toolbar; 14 | import android.view.View; 15 | 16 | import com.github.rubensousa.bottomsheetexample.R; 17 | import com.github.rubensousa.bottomsheetexample.ui.adapter.Item; 18 | import com.github.rubensousa.bottomsheetexample.ui.adapter.ItemAdapter; 19 | 20 | import java.util.ArrayList; 21 | import java.util.List; 22 | 23 | public class MainActivity extends AppCompatActivity implements ItemAdapter.ItemListener, View.OnClickListener { 24 | 25 | 26 | private ItemAdapter mAdapter; 27 | private BottomSheetBehavior mBehavior; 28 | private View mBottomSheet; 29 | private BottomSheetDialog mBottomSheetDialog; 30 | private BottomSheetBehavior mDialogBehavior; 31 | 32 | @Override 33 | protected void onCreate(final Bundle savedInstanceState) { 34 | super.onCreate(savedInstanceState); 35 | setContentView(R.layout.activity_main); 36 | 37 | Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 38 | RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); 39 | findViewById(R.id.showViewBtn).setOnClickListener(this); 40 | findViewById(R.id.showDialogBtn).setOnClickListener(this); 41 | findViewById(R.id.showDialogFullscreenBtn).setOnClickListener(this); 42 | 43 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 44 | findViewById(R.id.fakeShadow).setVisibility(View.GONE); 45 | } 46 | 47 | mBottomSheet = findViewById(R.id.bottomSheet); 48 | mBehavior = BottomSheetBehavior.from(mBottomSheet); 49 | 50 | mBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() { 51 | @Override 52 | public void onStateChanged(@NonNull View bottomSheet, int newState) { 53 | 54 | } 55 | 56 | @Override 57 | public void onSlide(@NonNull View bottomSheet, float slideOffset) { 58 | 59 | } 60 | }); 61 | 62 | recyclerView.setHasFixedSize(true); 63 | recyclerView.setLayoutManager(new LinearLayoutManager(this)); 64 | 65 | mAdapter = new ItemAdapter(createItems(), this); 66 | recyclerView.setAdapter(mAdapter); 67 | 68 | setSupportActionBar(toolbar); 69 | } 70 | 71 | @Override 72 | protected void onDestroy() { 73 | super.onDestroy(); 74 | mAdapter.setListener(null); 75 | } 76 | 77 | public List createItems() { 78 | ArrayList items = new ArrayList<>(); 79 | items.add(new Item(R.drawable.ic_preview_24dp, "Preview")); 80 | items.add(new Item(R.drawable.ic_share_24dp, "Share")); 81 | items.add(new Item(R.drawable.ic_link_24dp, "Get link")); 82 | items.add(new Item(R.drawable.ic_content_copy_24dp, "Copy")); 83 | return items; 84 | } 85 | 86 | @Override 87 | public void onItemClick(Item item) { 88 | mBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED); 89 | } 90 | 91 | @Override 92 | public void onClick(View v) { 93 | if (v.getId() == R.id.showViewBtn) { 94 | showBottomSheetView(); 95 | } 96 | 97 | if (v.getId() == R.id.showDialogBtn) { 98 | showBottomSheetDialog(); 99 | } 100 | 101 | if (v.getId() == R.id.showDialogFullscreenBtn) { 102 | showBottomSheetDialogFullscreen(); 103 | } 104 | } 105 | 106 | private void showBottomSheetView() { 107 | mBehavior.setState(BottomSheetBehavior.STATE_EXPANDED); 108 | 109 | if (mBottomSheetDialog != null) { 110 | mBottomSheetDialog.dismiss(); 111 | } 112 | } 113 | 114 | @SuppressLint("InflateParams") 115 | private void showBottomSheetDialog() { 116 | if (mBehavior.getState() == BottomSheetBehavior.STATE_EXPANDED) { 117 | mBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED); 118 | } 119 | 120 | View view = getLayoutInflater().inflate(R.layout.sheet, null); 121 | view.findViewById(R.id.fakeShadow).setVisibility(View.GONE); 122 | 123 | RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.recyclerView); 124 | recyclerView.setHasFixedSize(true); 125 | recyclerView.setLayoutManager(new LinearLayoutManager(this)); 126 | recyclerView.setAdapter(new ItemAdapter(createItems(), new ItemAdapter.ItemListener() { 127 | @Override 128 | public void onItemClick(Item item) { 129 | mDialogBehavior.setState(BottomSheetBehavior.STATE_HIDDEN); 130 | } 131 | })); 132 | 133 | mBottomSheetDialog = new BottomSheetDialog(this); 134 | mBottomSheetDialog.setContentView(view); 135 | mDialogBehavior = BottomSheetBehavior.from((View) view.getParent()); 136 | 137 | mBottomSheetDialog.show(); 138 | mBottomSheetDialog.setOnDismissListener(new DialogInterface.OnDismissListener() { 139 | @Override 140 | public void onDismiss(DialogInterface dialog) { 141 | mBottomSheetDialog = null; 142 | } 143 | }); 144 | } 145 | 146 | private void showBottomSheetDialogFullscreen() { 147 | new FullBottomSheetDialogFragment().show(getSupportFragmentManager(), "dialog"); 148 | } 149 | } 150 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/rubensousa/bottomsheetexample/ui/adapter/Item.java: -------------------------------------------------------------------------------- 1 | package com.github.rubensousa.bottomsheetexample.ui.adapter; 2 | 3 | import android.support.annotation.DrawableRes; 4 | 5 | public class Item { 6 | 7 | private int mDrawableRes; 8 | 9 | private String mTitle; 10 | 11 | public Item(@DrawableRes int drawable, String title) { 12 | mDrawableRes = drawable; 13 | mTitle = title; 14 | } 15 | 16 | public int getDrawableResource() { 17 | return mDrawableRes; 18 | } 19 | 20 | public String getTitle() { 21 | return mTitle; 22 | } 23 | 24 | } 25 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/rubensousa/bottomsheetexample/ui/adapter/ItemAdapter.java: -------------------------------------------------------------------------------- 1 | package com.github.rubensousa.bottomsheetexample.ui.adapter; 2 | 3 | import android.support.v7.widget.RecyclerView; 4 | import android.view.LayoutInflater; 5 | import android.view.View; 6 | import android.view.ViewGroup; 7 | import android.widget.ImageView; 8 | import android.widget.TextView; 9 | 10 | import com.github.rubensousa.bottomsheetexample.R; 11 | 12 | import java.util.List; 13 | 14 | 15 | public class ItemAdapter extends RecyclerView.Adapter { 16 | 17 | private List mItems; 18 | private ItemListener mListener; 19 | 20 | public ItemAdapter(List items, ItemListener listener) { 21 | mItems = items; 22 | mListener = listener; 23 | } 24 | 25 | public void setListener(ItemListener listener) { 26 | mListener = listener; 27 | } 28 | 29 | @Override 30 | public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 31 | return new ViewHolder(LayoutInflater.from(parent.getContext()) 32 | .inflate(R.layout.adapter, parent, false)); 33 | } 34 | 35 | @Override 36 | public void onBindViewHolder(ViewHolder holder, int position) { 37 | holder.setData(mItems.get(position)); 38 | } 39 | 40 | @Override 41 | public int getItemCount() { 42 | return mItems.size(); 43 | } 44 | 45 | public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener { 46 | 47 | public ImageView imageView; 48 | public TextView textView; 49 | public Item item; 50 | 51 | public ViewHolder(View itemView) { 52 | super(itemView); 53 | itemView.setOnClickListener(this); 54 | imageView = (ImageView) itemView.findViewById(R.id.imageView); 55 | textView = (TextView) itemView.findViewById(R.id.textView); 56 | } 57 | 58 | public void setData(Item item) { 59 | this.item = item; 60 | imageView.setImageResource(item.getDrawableResource()); 61 | textView.setText(item.getTitle()); 62 | } 63 | 64 | @Override 65 | public void onClick(View v) { 66 | if (mListener != null) { 67 | mListener.onItemClick(item); 68 | } 69 | } 70 | } 71 | 72 | public interface ItemListener { 73 | void onItemClick(Item item); 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_add_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_content_copy_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_link_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_preview_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_share_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/shadow.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 15 | 16 | 22 | 23 | 24 | 25 | 31 | 32 |