Skip to Content
Ionic Cookbook - Third Edition
book

Ionic Cookbook - Third Edition

by Indermohan Singh
April 2018
Intermediate to advanced content levelIntermediate to advanced
390 pages
8h 46m
English
Packt Publishing
Content preview from Ionic Cookbook - Third Edition

How it works...

The main concept behind the physics animation in this app is the dynamics.animate method from the Dynamics.js library. Let's start with the button in the template, as follows:

<ion-fab center bottom> 
  <button ion-fab #thisEl (click)="animateMe(thisEl)"> 
    <ion-icon name="mic"></ion-icon> 
  </button> 
</ion-fab> 

The button mentioned in the preceding code is the floating button that you can click to create a nice bouncing effect by calling the animateMe() method.

To learn more about Ionic's floating button, you can refer to the Ionic documentation at http://ionicframework.com/docs/components/#floating-action-buttons.

The simple logic here is as follows:

  • If the button is animated, isAnimating must be True. Once it's True, any additional ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Learning Ionic - Second Edition

Learning Ionic - Second Edition

Arvind Ravulavaru
Ionic in Action

Ionic in Action

Jeremy Wilken
Ionic : Hybrid Mobile App Development

Ionic : Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan
ReasonML Quick Start Guide

ReasonML Quick Start Guide

Raphael Rafatpanah, Bruno Joseph D'mello

Publisher Resources

ISBN: 9781788623230Supplemental Content