Animate layout change of bottom sheet
Based on your description, I think you are trying to achieve something like google maps bottom sheet behaviour. The layout changes as the bottomsheet is dragged up.
If that is what you are trying to achieve then you don't need to enforce custom animations, as the bottomsheetdialog itself has those animation behaviour when incorporated inside a parent Coordinator Layout.
Here is a sample code of how I'm implementing the same behaviour. It also makes the FloatingActionButton invisible when the bottomsheet is dragged up to full screen size :
Create a bottomsheetdialog that you want to use inside your main layout
public class CustomBottomDialog extends BottomSheetDialogFragment {String mSomeName;@Overridepublic void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); // if some arguments are passed from the calling activity mSomeName = getArguments().getString("some_name");}@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View bottomSheet = inflater.inflate(R.layout.bottomsheet_layout, container, false); // initialise your bottomsheet_layout items here TextView tvName = bottomSheet.findViewById(R.id.display_name); tvName.setText(mSomeName); tvName.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // do something here ((MainActivity)getActivity()).doSomething(); } }); return bottomSheet;}}
bottomsheet_layout:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.design.widget.FloatingActionButtonandroid:id="@+id/nav"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/navigation_tilt_grey"app:backgroundTint="@color/colorAccent"app:elevation="3dp"app:fabSize="normal"android:layout_marginEnd="@dimen/activity_horizontal_margin"app:layout_anchor="@+id/live_dash"app:layout_anchorGravity="top|right" /><!--BottomSheet--><android.support.v4.widget.NestedScrollViewandroid:id="@+id/live_dash"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#F3F3F3"android:clipToPadding="true"app:layout_behavior="android.support.design.widget.BottomSheetBe havior"tools:layout_editor_absoluteY="150dp"><!--Include your items here, the height of all items combinedwill take the main screen layout size with animation--></android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>
Calling this BottomSheet from your activity:
public void notifyBottomSheet(String somename){BottomSheetDialogFragment customDialogFragment = new CustomBottomDialog();Bundle args = new Bundle();args.putString("some_name", somename);customDialogFragment.setArguments(args);customDialogFragment.show(getSupportFragmentManager(), customDialogFragment.getTag());customDialogFragment.setCancelable(false); // if you don't wish to hide}
Hope this solves what you are trying to achieve.
To easily slide something off the bottom of the screen, you can use code such as:
final int activityHeight = findViewById(android.R.id.content).getHeight();cardContainer.animate().yBy(activityHeight - cardContainer.getY()).setDuration(SLIDE_OUT_DURATION);
where cardContainer
is the view you are trying to slide off the screen.
See this blog post for the complete example. Note that you can also use translationY
instead of yBy
. Another, more generic way of doing it is with this code:
public static ViewPropertyAnimator slideOutToBottom(Context ctx, View view) { final int screenHeight = ctx.getResources().getDisplayMetrics().heightPixels; int[] coords = new int[2]; view.getLocationOnScreen(coords); return view.animate().translationY(screenHeight - coords[Y_INDEX]).setDuration(SLIDE_OUT_DURATION);}public static ViewPropertyAnimator slideInFromBottom(Context ctx, View view) { final int screenHeight = ctx.getResources().getDisplayMetrics().heightPixels; int[] coords = new int[2]; view.getLocationOnScreen(coords); view.setTranslationY(screenHeight - coords[Y_INDEX]); return view.animate().translationY(0).setDuration(SLIDE_IN_DURATION).setInterpolator(new OvershootInterpolator(1f));}
## Translation Animation ##<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fillAfter="true" > <translate android:fromYDelta="100%p" android:toYDelta="-30%p" android:duration="900" /></set>
## Main Activity ##
@Overrideprotected void onResume() { super.onResume(); Animation am= AnimationUtils.loadAnimation(this,R.anim.fadeout); tv5.startAnimation(am); Animation myanim= AnimationUtils.loadAnimation(this,R.anim.translate); tv1.startAnimation(myanim); myanim.setStartOffset(500); Animation animation= AnimationUtils.loadAnimation(this,R.anim.translate); animation.setStartOffset(1000); tv2.startAnimation(animation); Animation an= AnimationUtils.loadAnimation(this,R.anim.translate); an.setStartOffset(1500); tv3.startAnimation(an); Animation ab= AnimationUtils.loadAnimation(this,R.anim.translate); ab.setStartOffset(2000); tv4.startAnimation(ab); Animation ac= AnimationUtils.loadAnimation(this,R.anim.fadein); ac.setStartOffset(2500); btn1.startAnimation(ac);}