Present/Dismiss

Overview

Present/Dismiss is designed to display more information about something (for example, showing the contents of an article) by presenting a new view into the screen with translating animation from the right edge of the screen.

Implement

Prerequisite. A parent view which contains the information you want to show more about. A child view which contains the detail information.

If you want to present the child view, simply call present(childView) on the parent view. If you want to dismiss, simply call dismiss() on the child view to hide it and return to the parent view.

Notice: If not set, the x, y and z position of the child view will all be 0px, which is the top left of the screen. You can set the x and y position according to your app design but for the z-position, it should be set to 700 for better view in 3D mode. (For now, changing the z-position will also affect the x and y position).

Sample code

Create a view named PresentWithSingleView - which represents the parent view and a child view also named PresentedSingleContentView.

Call present(new PresentedSingleContentview()) on doubleTapToPresentListener will display the view with animation from the right side of the screen to the position that is set to the view.

  Event.Listener<TouchEventArgs> doubleTapPresentListener = new Event.Listener<TouchEventArgs>() {
    @Override
    public void onTrigger(Object o, TouchEventArgs touchEventArgs) {
      present(new PresentedSingleContentView());
    }
  };

By default, swipe right will dismiss the presented view. In case of you want to dismiss manually, just call dismiss() on the presented view whenever you want. For example if you want to dismiss the presented view after 10 seconds after presenting:

  @Override
  public void onRootViewDidAppear() {
    new Handler().postDelayed(new Runnable() {
      @Override
      public void run() {
        dismiss();
      }
    }, 10000);
  }

You can also customize the presenting/dismissing by provide PresentParam argument when call present() and DismissParam argument when call dismiss(). Head to our reference docs PresentParam and DismissParam for more information.