January 26-February 01, 2017

Want to contribute? Check out our Android and iOS milestones, many of which are ready for someone to take ownership of. Also check out our newbie-friendly tasks.

This weekly update captures what changed in a given week across the Material Motion ecosystem.

Check out current focus to see what we’re working on next.

Check out stability to learn about the current state of each feature.

Meta

View all of our contributors

Android platform

🎉 Formalized Interaction type. Enable constraints via chaining of operators.

🎉 Implemented directly manipulable interactions.

The source:

runtime.addInteraction(new DirectlyManipulable(), target);

You can add a lockToYAxis constraint:

The source:

DirectlyManipulable interaction = new DirectlyManipulable();

interaction.draggable.compose(lockToYAxis(0f));

runtime.addInteraction(interaction, target);

Apple platforms

📝 Continued improvements to L1/L2 APIs.

🎉 Implemented an interactive “push back” transition example.

The source:

func willBeginTransition(_ transition: Transition, runtime: MotionRuntime) {
  let bounds = transition.containerView().bounds
  runtime.add(spring(back: bounds.height + transition.fore.view.layer.bounds.height / 2,
                     fore: bounds.midY,
                     transition: transition),
              to: runtime.get(transition.fore.view.layer).positionY)

  runtime.add(spring(back: 1, fore: 0.95, transition: transition),
              to: runtime.get(transition.back.view.layer).scale)
}

🎉 Implemented a contextual photo transition, complete with flick-to-dismiss and the ability to cancel the transition by dragging the photo back to the center of the screen.

🎉 Implemented a sticker editor interaction.

Example code:

runtime.add(DirectlyManipulable(targetView: stickerView), to: stickerView)

Web frameworks

🎉 Tappable Bottom Sheet transition working

Current state

Android platform support

Apple platform support

Web platform support

Misc libraries

Learn more

Join us on Discord! discord.gg/ZJyGXza