/* * Copyright 2011, 2015 Kai Liao * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License 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. */ package com.cocosw.bottomsheet; import android.annotation.SuppressLint; import android.app.Activity; import android.app.Dialog; import android.content.Context; import android.content.DialogInterface; import android.content.res.TypedArray; import android.graphics.drawable.Drawable; import android.os.Build; import android.os.Bundle; import android.transition.ChangeBounds; import android.transition.Transition; import android.transition.TransitionManager; import android.util.SparseIntArray; import android.view.Gravity; import android.view.LayoutInflater; import android.view.Menu; import android.view.MenuInflater; import android.view.MenuItem; import android.view.View; import android.view.ViewGroup; import android.view.ViewTreeObserver; import android.view.WindowManager; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import androidx.annotation.DrawableRes; import androidx.annotation.IntegerRes; import androidx.annotation.MenuRes; import androidx.annotation.NonNull; import androidx.annotation.StringRes; import androidx.annotation.StyleRes; import com.clipsub.rnbottomsheet.R; import java.lang.reflect.Field; import java.util.ArrayList; /** * One way to present a set of actions to a user is with bottom sheets, a sheet of paper that slides up from the bottom edge of the screen. Bottom sheets offer flexibility in the display of clear and simple actions that do not need explanation. * https://www.google.com/design/spec/components/bottom-sheets.html * * Project: BottomSheet * Created by Kai Liao on 2014/9/21. */ @SuppressWarnings("unused") public class BottomSheet extends Dialog implements DialogInterface { private final SparseIntArray hidden = new SparseIntArray(); private TranslucentHelper helper; private String moreText; private Drawable close; private Drawable more; private int mHeaderLayoutId; private int mListItemLayoutId; private int mGridItemLayoutId; private boolean collapseListIcons; private GridView list; private SimpleSectionedGridAdapter adapter; private Builder builder; private ImageView icon; private int limit = -1; private boolean cancelOnTouchOutside = true; private boolean cancelOnSwipeDown = true; private ActionMenu fullMenuItem; private ActionMenu menuItem; private ActionMenu actions; private OnDismissListener dismissListener; private OnShowListener showListener; BottomSheet(Context context) { super(context, R.style.BottomSheet_Dialog); } @SuppressWarnings("WeakerAccess") BottomSheet(Context context, int theme) { super(context, theme); TypedArray a = getContext() .obtainStyledAttributes(null, R.styleable.BottomSheet, R.attr.bs_bottomSheetStyle, 0); try { more = a.getDrawable(R.styleable.BottomSheet_bs_moreDrawable); close = a.getDrawable(R.styleable.BottomSheet_bs_closeDrawable); moreText = a.getString(R.styleable.BottomSheet_bs_moreText); collapseListIcons = a.getBoolean(R.styleable.BottomSheet_bs_collapseListIcons, true); mHeaderLayoutId = a.getResourceId(R.styleable.BottomSheet_bs_headerLayout, R.layout.bs_header); mListItemLayoutId = a.getResourceId(R.styleable.BottomSheet_bs_listItemLayout, R.layout.bs_list_entry); mGridItemLayoutId = a.getResourceId(R.styleable.BottomSheet_bs_gridItemLayout, R.layout.bs_grid_entry); } finally { a.recycle(); } // https://github.com/jgilfelt/SystemBarTint/blob/master/library/src/com/readystatesoftware/systembartint/SystemBarTintManager.java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { helper = new TranslucentHelper(this, context); } } /** * Hacky way to get gridview's column number */ private int getNumColumns() { try { Field numColumns = GridView.class.getDeclaredField("mRequestedNumColumns"); numColumns.setAccessible(true); return numColumns.getInt(list); } catch (Exception e) { return 1; } } @Override public void setCanceledOnTouchOutside(boolean cancel) { super.setCanceledOnTouchOutside(cancel); cancelOnTouchOutside = cancel; } /** * Sets whether this dialog is canceled when swipe it down * * @param cancel whether this dialog is canceled when swipe it down */ public void setCanceledOnSwipeDown(boolean cancel) { cancelOnSwipeDown = cancel; } @Override public void setOnShowListener(OnShowListener listener) { this.showListener = listener; } private void init(final Context context) { setCanceledOnTouchOutside(cancelOnTouchOutside); final ClosableSlidingLayout mDialogView = (ClosableSlidingLayout) View.inflate(context, R.layout.bottom_sheet_dialog, null); LinearLayout mainLayout = mDialogView.findViewById(R.id.bs_main); mainLayout.addView(View.inflate(context, mHeaderLayoutId, null), 0); setContentView(mDialogView); if (!cancelOnSwipeDown) mDialogView.swipeable = cancelOnSwipeDown; mDialogView.setSlideListener(new ClosableSlidingLayout.SlideListener() { @Override public void onClosed() { BottomSheet.this.dismiss(); } @Override public void onOpened() { showFullItems(); } }); super.setOnShowListener(new OnShowListener() { @Override public void onShow(DialogInterface dialogInterface) { if (showListener != null) showListener.onShow(dialogInterface); list.setAdapter(adapter); list.startLayoutAnimation(); if (builder.icon == null) icon.setVisibility(View.GONE); else { icon.setVisibility(View.VISIBLE); icon.setImageDrawable(builder.icon); } } }); int[] location = new int[2]; mDialogView.getLocationOnScreen(location); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { mDialogView.setPadding(0, location[0] == 0 ? helper.mStatusBarHeight : 0, 0, 0); mDialogView.getChildAt(0).setPadding(0, 0, 0, helper.mNavBarAvailable ? helper.getNavigationBarHeight(getContext()) + mDialogView.getPaddingBottom() : 0); } final TextView title = mDialogView.findViewById(R.id.bottom_sheet_title); if (builder.title != null) { title.setVisibility(View.VISIBLE); title.setText(builder.title); } icon = mDialogView.findViewById(R.id.bottom_sheet_title_image); list = mDialogView.findViewById(R.id.bottom_sheet_gridview); mDialogView.mTarget = list; if (!builder.grid) { list.setNumColumns(1); } if (builder.grid) { for (int i = 0; i < getMenu().size(); i++) { if (getMenu().getItem(i).getIcon() == null) throw new IllegalArgumentException("You must set icon for each items in grid style"); } } if (builder.limit > 0) limit = builder.limit * getNumColumns(); else limit = Integer.MAX_VALUE; mDialogView.setCollapsible(false); actions = builder.menu; menuItem = actions; // over the initial numbers if (getMenu().size() > limit) { fullMenuItem = builder.menu; menuItem = builder.menu.clone(limit - 1); ActionMenuItem item = new ActionMenuItem(context, 0, R.id.bs_more, 0, limit - 1, moreText); item.setIcon(more); menuItem.add(item); actions = menuItem; mDialogView.setCollapsible(true); } BaseAdapter baseAdapter = new BaseAdapter() { @Override public int getCount() { return actions.size() - hidden.size(); } @Override public MenuItem getItem(int position) { return actions.getItem(position); } @Override public long getItemId(int position) { return position; } @Override public int getViewTypeCount() { return 1; } @Override public boolean isEnabled(int position) { return getItem(position).isEnabled(); } @Override public boolean areAllItemsEnabled() { return false; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { LayoutInflater inflater = (LayoutInflater) getContext() .getSystemService(Context.LAYOUT_INFLATER_SERVICE); if (builder.grid) convertView = inflater.inflate(mGridItemLayoutId, parent, false); else convertView = inflater.inflate(mListItemLayoutId, parent, false); holder = new ViewHolder(); holder.title = convertView.findViewById(R.id.bs_list_title); holder.image = convertView.findViewById(R.id.bs_list_image); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } for (int i = 0; i < hidden.size(); i++) { if (hidden.valueAt(i) <= position) position++; } MenuItem item = getItem(position); holder.title.setText(item.getTitle()); if (item.getIcon() == null) holder.image.setVisibility(collapseListIcons ? View.GONE : View.INVISIBLE); else { holder.image.setVisibility(View.VISIBLE); holder.image.setImageDrawable(item.getIcon()); } holder.image.setEnabled(item.isEnabled()); holder.title.setEnabled(item.isEnabled()); return convertView; } class ViewHolder { private TextView title; private ImageView image; } }; adapter = new SimpleSectionedGridAdapter(context, baseAdapter, R.layout.bs_list_divider, R.id.headerlayout, R.id.header); list.setAdapter(adapter); adapter.setGridView(list); list.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { if (((MenuItem) adapter.getItem(position)).getItemId() == R.id.bs_more) { showFullItems(); mDialogView.setCollapsible(false); return; } if (!((ActionMenuItem) adapter.getItem(position)).invoke()) { if (builder.menulistener != null) builder.menulistener.onMenuItemClick((MenuItem) adapter.getItem(position)); else if (builder.listener != null) builder.listener.onClick(BottomSheet.this, ((MenuItem) adapter.getItem(position)).getItemId()); } dismiss(); } }); if (builder.dismissListener != null) { setOnDismissListener(builder.dismissListener); } setListLayout(); } private void updateSection() { actions.removeInvisible(); if (!builder.grid && actions.size() > 0) { int groupId = actions.getItem(0).getGroupId(); ArrayList sections = new ArrayList<>(); for (int i = 0; i < actions.size(); i++) { if (actions.getItem(i).getGroupId() != groupId) { groupId = actions.getItem(i).getGroupId(); sections.add(new SimpleSectionedGridAdapter.Section(i, null)); } } if (sections.size() > 0) { SimpleSectionedGridAdapter.Section[] s = new SimpleSectionedGridAdapter.Section[sections.size()]; sections.toArray(s); adapter.setSections(s); } else { adapter.mSections.clear(); } } } private void showFullItems() { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { Transition changeBounds = new ChangeBounds(); changeBounds.setDuration(300); TransitionManager.beginDelayedTransition(list, changeBounds); } actions = fullMenuItem; updateSection(); adapter.notifyDataSetChanged(); list.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT)); icon.setVisibility(View.VISIBLE); icon.setImageDrawable(close); icon.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { showShortItems(); } }); setListLayout(); } private void showShortItems() { actions = menuItem; updateSection(); adapter.notifyDataSetChanged(); setListLayout(); if (builder.icon == null) icon.setVisibility(View.GONE); else { icon.setVisibility(View.VISIBLE); icon.setImageDrawable(builder.icon); } } @Override protected void onStart() { super.onStart(); showShortItems(); } private boolean hasDivider() { return adapter.mSections.size() > 0; } private void setListLayout() { // without divider, the height of gridview is correct if (!hasDivider()) return; list.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { if (Build.VERSION.SDK_INT < 16) { //noinspection deprecation list.getViewTreeObserver().removeGlobalOnLayoutListener(this); } else { list.getViewTreeObserver().removeOnGlobalLayoutListener(this); } View lastChild = list.getChildAt(list.getChildCount() - 1); if (lastChild != null) list.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, lastChild.getBottom() + lastChild.getPaddingBottom() + list.getPaddingBottom())); } }); } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); init(getContext()); WindowManager.LayoutParams params = getWindow().getAttributes(); params.height = ViewGroup.LayoutParams.WRAP_CONTENT; params.gravity = Gravity.BOTTOM; TypedArray a = getContext().obtainStyledAttributes(new int[]{android.R.attr.layout_width}); try { params.width = a.getLayoutDimension(0, ViewGroup.LayoutParams.MATCH_PARENT); } finally { a.recycle(); } super.setOnDismissListener(new OnDismissListener() { @Override public void onDismiss(DialogInterface dialog) { if (dismissListener != null) dismissListener.onDismiss(dialog); if (limit != Integer.MAX_VALUE) showShortItems(); } }); getWindow().setAttributes(params); } public Menu getMenu() { return builder.menu; } /** * If you make any changes to menu and try to apply it immediately to your bottomsheet, you should call this. */ public void invalidate() { updateSection(); adapter.notifyDataSetChanged(); setListLayout(); } @Override public void setOnDismissListener(OnDismissListener listener) { this.dismissListener = listener; } /** * Constructor using a context for this builder and the {@link com.cocosw.bottomsheet.BottomSheet} it creates. */ public static class Builder { private final Context context; private final ActionMenu menu; private int theme; private CharSequence title; private boolean grid; private OnClickListener listener; private OnDismissListener dismissListener; private Drawable icon; private int limit = -1; private MenuItem.OnMenuItemClickListener menulistener; /** * Constructor using a context for this builder and the {@link com.cocosw.bottomsheet.BottomSheet} it creates. * * @param context A Context for built BottomSheet. */ public Builder(@NonNull Activity context) { this(context, R.style.BottomSheet_Dialog); TypedArray ta = context.getTheme().obtainStyledAttributes(new int[]{R.attr.bs_bottomSheetStyle}); try { theme = ta.getResourceId(0, R.style.BottomSheet_Dialog); } finally { ta.recycle(); } } /** * Constructor using a context for this builder and the {@link com.cocosw.bottomsheet.BottomSheet} it creates with given style * * @param context A Context for built BottomSheet. * @param theme The theme id will be apply to BottomSheet */ public Builder(Context context, @StyleRes int theme) { this.context = context; this.theme = theme; this.menu = new ActionMenu(context); } /** * Set menu resources as list item to display in BottomSheet * * @param xmlRes menu resource id * @return This Builder object to allow for chaining of calls to set methods */ public Builder sheet(@MenuRes int xmlRes) { new MenuInflater(context).inflate(xmlRes, menu); return this; } /** * Add one item into BottomSheet * * @param id ID of item * @param iconRes icon resource * @param textRes text resource * @return This Builder object to allow for chaining of calls to set methods */ public Builder sheet(int id, @DrawableRes int iconRes, @StringRes int textRes) { ActionMenuItem item = new ActionMenuItem(context, 0, id, 0, 0, context.getText(textRes)); item.setIcon(iconRes); menu.add(item); return this; } /** * Add one item into BottomSheet * * @param id ID of item * @param icon icon * @param text text * @return This Builder object to allow for chaining of calls to set methods */ public Builder sheet(int id, @NonNull Drawable icon, @NonNull CharSequence text) { ActionMenuItem item = new ActionMenuItem(context, 0, id, 0, 0, text); item.setIcon(icon); menu.add(item); return this; } /** * Add one item without icon into BottomSheet * * @param id ID of item * @param textRes text resource * @return This Builder object to allow for chaining of calls to set methods */ public Builder sheet(int id, @StringRes int textRes) { menu.add(0, id, 0, textRes); return this; } /** * Add one item without icon into BottomSheet * * @param id ID of item * @param text text * @return This Builder object to allow for chaining of calls to set methods */ public Builder sheet(int id, @NonNull CharSequence text) { menu.add(0, id, 0, text); return this; } /** * Set title for BottomSheet * * @param titleRes title for BottomSheet * @return This Builder object to allow for chaining of calls to set methods */ public Builder title(@StringRes int titleRes) { title = context.getText(titleRes); return this; } /** * Remove an item from BottomSheet * * @param id ID of item * @return This Builder object to allow for chaining of calls to set methods */ @Deprecated public Builder remove(int id) { menu.removeItem(id); return this; } /** * Set title for BottomSheet * * @param icon icon for BottomSheet * @return This Builder object to allow for chaining of calls to set methods */ public Builder icon(Drawable icon) { this.icon = icon; return this; } /** * Set title for BottomSheet * * @param iconRes icon resource id for BottomSheet * @return This Builder object to allow for chaining of calls to set methods */ public Builder icon(@DrawableRes int iconRes) { this.icon = context.getResources().getDrawable(iconRes); return this; } /** * Set OnclickListener for BottomSheet * * @param listener OnclickListener for BottomSheet * @return This Builder object to allow for chaining of calls to set methods */ public Builder listener(@NonNull OnClickListener listener) { this.listener = listener; return this; } /** * Set OnMenuItemClickListener for BottomSheet * * @param listener OnMenuItemClickListener for BottomSheet * @return This Builder object to allow for chaining of calls to set methods */ public Builder listener(@NonNull MenuItem.OnMenuItemClickListener listener) { this.menulistener = listener; return this; } /** * Show BottomSheet in dark color theme looking * * @return This Builder object to allow for chaining of calls to set methods */ public Builder darkTheme() { theme = R.style.BottomSheet_Dialog_Dark; return this; } /** * Show BottomSheet * * @return Instance of bottomsheet */ public BottomSheet show() { BottomSheet dialog = build(); dialog.show(); return dialog; } /** * Show items in grid instead of list * * @return This Builder object to allow for chaining of calls to set methods */ public Builder grid() { this.grid = true; return this; } /** * Set initial number of actions which will be shown in current sheet. * If more actions need to be shown, a "more" action will be displayed in the last position. * * @param limitRes resource id for initial number of actions * @return This Builder object to allow for chaining of calls to set methods */ public Builder limit(@IntegerRes int limitRes) { limit = context.getResources().getInteger(limitRes); return this; } /** * Create a BottomSheet but not show it * * @return Instance of bottomsheet */ @SuppressLint("Override") public BottomSheet build() { BottomSheet dialog = new BottomSheet(context, theme); dialog.builder = this; return dialog; } /** * Set title for BottomSheet * * @param title title for BottomSheet * @return This Builder object to allow for chaining of calls to set methods */ public Builder title(CharSequence title) { this.title = title; return this; } /** * Set the OnDismissListener for BottomSheet * * @param listener OnDismissListener for Bottom * @return This Builder object to allow for chaining of calls to set methods */ public Builder setOnDismissListener(@NonNull OnDismissListener listener) { this.dismissListener = listener; return this; } } }