Method and device for implementing picture folding interactive animation

Abstract

The embodiment of the invention provides a method and a device for implementing a picture folding interactive animation. The method for implementing the picture folding interactive animation comprises the following steps: acquiring sliding operation, in allusion to a sliding view component, of a user on a shared interactive interface, wherein the shared interactive interface comprises the sliding view component, a shared element view component and a toolbar component; according to the sliding operation, moving the display area of the sliding view component in the shared interactive interface; monitoring movement of the display area of the sliding view component, and according to the movement of the display area of the sliding view component, zooming in or zooming out the display area of the shared element view component in the shared interactive interface; according to the display area of the shared element view component, adjusting the display effect of the toolbar component. According to the technical scheme provided by the invention, the normal display of a shared element animation can be ensured during combination with the shared element animation, so that the sliding effect of the sliding view is smoother.

Description

technical field [0001] The present invention relates to the field of computer technology, in particular to a method and device for realizing picture folding interactive animation. Background technique [0002] In the Android (operating system) visual interaction style interface, there are two kinds of interactive animations that are favored by people. One of the interactive animations is shared element animation, that is, when two pages contain shared elements with the same visual When switching between two pages, there will be a transition animation in which the shared elements gradually change; another interactive animation is the picture folding animation, that is, when the list view is slid on a page with a toolbar, the pictures in the interface will follow. The slide of the list view collapses or expands, and the toolbar also appears or disappears with the slide of the list view. [0003] The inventor of the present invention found in the research process that in the p...

AI Technical Summary

Problems solved by technology

[0003] The inventor of the present invention found in the research process that in the prior art, ActivityOptionsCompat (transition animation compatibility, referring to a method in visual interaction design) is used to realize shared element animation, and CoordinatorLayout (coordinating layout, referring to a page layout view ) layout, AppBarLayout (application toolbar layout, referring to a vertical layout view) component and CollapsingToolbarLayout (collapsing toolbar layout, referring to a layout of a collapsible toolbar) component to realize the picture folding animation, wherein the prior art realizes picture The hierarchical nesting relationship of folding animation is as follows figure 1 As shown, the CoordinatorLayout layout is the root layout, the CoordinatorLayout layout nests the RecyclerView (circular view, referring to a sliding view) component and the AppBarLayout component, the AppBarLayout component nests the CollapsingToolbarLayout component, and the CollapsingToolbarLayout component nests the View (picture) component and Toolbar (Toolbar) component, if the image folding animation and shared element animation are combined, the content in the View component is a shared element, that is, the shared element is at the fourth level, and the level of the shared element on the Android 5.0 system exceeds three levels, which will cause The shared element animation fails, that is, the combination of the image folding animation and the shared element animation using the existing technology will cause the shared element animation to fail. In addition, the sliding effect of the sliding view is not smooth when the image folding animation is implemented using the CoordinatorLayout layout

Images