1*90c8c64dSAndroid Build Coastguard Worker /*
2*90c8c64dSAndroid Build Coastguard Worker  * Copyright (C) 2015 Google Inc. All Rights Reserved.
3*90c8c64dSAndroid Build Coastguard Worker  *
4*90c8c64dSAndroid Build Coastguard Worker  * Licensed under the Apache License, Version 2.0 (the "License");
5*90c8c64dSAndroid Build Coastguard Worker  * you may not use this file except in compliance with the License.
6*90c8c64dSAndroid Build Coastguard Worker  * You may obtain a copy of the License at
7*90c8c64dSAndroid Build Coastguard Worker  *
8*90c8c64dSAndroid Build Coastguard Worker  *      http://www.apache.org/licenses/LICENSE-2.0
9*90c8c64dSAndroid Build Coastguard Worker  *
10*90c8c64dSAndroid Build Coastguard Worker  * Unless required by applicable law or agreed to in writing, software
11*90c8c64dSAndroid Build Coastguard Worker  * distributed under the License is distributed on an "AS IS" BASIS,
12*90c8c64dSAndroid Build Coastguard Worker  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13*90c8c64dSAndroid Build Coastguard Worker  * See the License for the specific language governing permissions and
14*90c8c64dSAndroid Build Coastguard Worker  * limitations under the License.
15*90c8c64dSAndroid Build Coastguard Worker  */
16*90c8c64dSAndroid Build Coastguard Worker 
17*90c8c64dSAndroid Build Coastguard Worker package com.example.android.wearable.speaker;
18*90c8c64dSAndroid Build Coastguard Worker 
19*90c8c64dSAndroid Build Coastguard Worker import android.animation.Animator;
20*90c8c64dSAndroid Build Coastguard Worker import android.animation.AnimatorListenerAdapter;
21*90c8c64dSAndroid Build Coastguard Worker import android.animation.AnimatorSet;
22*90c8c64dSAndroid Build Coastguard Worker import android.animation.ObjectAnimator;
23*90c8c64dSAndroid Build Coastguard Worker import android.graphics.Point;
24*90c8c64dSAndroid Build Coastguard Worker import android.graphics.Rect;
25*90c8c64dSAndroid Build Coastguard Worker import android.view.View;
26*90c8c64dSAndroid Build Coastguard Worker import android.view.animation.DecelerateInterpolator;
27*90c8c64dSAndroid Build Coastguard Worker import android.widget.ImageView;
28*90c8c64dSAndroid Build Coastguard Worker 
29*90c8c64dSAndroid Build Coastguard Worker /**
30*90c8c64dSAndroid Build Coastguard Worker  * A helper class to provide a simple animation when user selects any of the three icons on the
31*90c8c64dSAndroid Build Coastguard Worker  * main UI.
32*90c8c64dSAndroid Build Coastguard Worker  */
33*90c8c64dSAndroid Build Coastguard Worker public class UIAnimation {
34*90c8c64dSAndroid Build Coastguard Worker 
35*90c8c64dSAndroid Build Coastguard Worker     private AnimatorSet mCurrentAnimator;
36*90c8c64dSAndroid Build Coastguard Worker     private final int[] mLargeDrawables = new int[]{R.drawable.ic_mic_120dp,
37*90c8c64dSAndroid Build Coastguard Worker             R.drawable.ic_play_arrow_120dp, R.drawable.ic_audiotrack_120dp};
38*90c8c64dSAndroid Build Coastguard Worker     private final ImageView[] mThumbs;
39*90c8c64dSAndroid Build Coastguard Worker     private ImageView expandedImageView;
40*90c8c64dSAndroid Build Coastguard Worker     private final View mContainerView;
41*90c8c64dSAndroid Build Coastguard Worker     private final int mAnimationDurationTime;
42*90c8c64dSAndroid Build Coastguard Worker 
43*90c8c64dSAndroid Build Coastguard Worker     private UIStateListener mListener;
44*90c8c64dSAndroid Build Coastguard Worker     private UIState mState = UIState.HOME;
45*90c8c64dSAndroid Build Coastguard Worker 
UIAnimation(View containerView, ImageView[] thumbs, ImageView expandedView, int animationDuration, UIStateListener listener)46*90c8c64dSAndroid Build Coastguard Worker     public UIAnimation(View containerView, ImageView[] thumbs, ImageView expandedView,
47*90c8c64dSAndroid Build Coastguard Worker             int animationDuration, UIStateListener listener) {
48*90c8c64dSAndroid Build Coastguard Worker         mContainerView = containerView;
49*90c8c64dSAndroid Build Coastguard Worker         mThumbs = thumbs;
50*90c8c64dSAndroid Build Coastguard Worker         expandedImageView = expandedView;
51*90c8c64dSAndroid Build Coastguard Worker         mAnimationDurationTime = animationDuration;
52*90c8c64dSAndroid Build Coastguard Worker         mListener = listener;
53*90c8c64dSAndroid Build Coastguard Worker 
54*90c8c64dSAndroid Build Coastguard Worker         mThumbs[0].setOnClickListener(new View.OnClickListener() {
55*90c8c64dSAndroid Build Coastguard Worker             @Override
56*90c8c64dSAndroid Build Coastguard Worker             public void onClick(View view) {
57*90c8c64dSAndroid Build Coastguard Worker                 zoomImageFromThumb(0);
58*90c8c64dSAndroid Build Coastguard Worker             }
59*90c8c64dSAndroid Build Coastguard Worker         });
60*90c8c64dSAndroid Build Coastguard Worker 
61*90c8c64dSAndroid Build Coastguard Worker         mThumbs[1].setOnClickListener(new View.OnClickListener() {
62*90c8c64dSAndroid Build Coastguard Worker             @Override
63*90c8c64dSAndroid Build Coastguard Worker             public void onClick(View view) {
64*90c8c64dSAndroid Build Coastguard Worker                 zoomImageFromThumb(1);
65*90c8c64dSAndroid Build Coastguard Worker             }
66*90c8c64dSAndroid Build Coastguard Worker         });
67*90c8c64dSAndroid Build Coastguard Worker 
68*90c8c64dSAndroid Build Coastguard Worker         mThumbs[2].setOnClickListener(new View.OnClickListener() {
69*90c8c64dSAndroid Build Coastguard Worker             @Override
70*90c8c64dSAndroid Build Coastguard Worker             public void onClick(View view) {
71*90c8c64dSAndroid Build Coastguard Worker                 zoomImageFromThumb(2);
72*90c8c64dSAndroid Build Coastguard Worker             }
73*90c8c64dSAndroid Build Coastguard Worker         });
74*90c8c64dSAndroid Build Coastguard Worker     }
75*90c8c64dSAndroid Build Coastguard Worker 
zoomImageFromThumb(final int index)76*90c8c64dSAndroid Build Coastguard Worker     private void zoomImageFromThumb(final int index) {
77*90c8c64dSAndroid Build Coastguard Worker         int imageResId = mLargeDrawables[index];
78*90c8c64dSAndroid Build Coastguard Worker         final ImageView thumbView = mThumbs[index];
79*90c8c64dSAndroid Build Coastguard Worker         if (mCurrentAnimator != null) {
80*90c8c64dSAndroid Build Coastguard Worker             return;
81*90c8c64dSAndroid Build Coastguard Worker         }
82*90c8c64dSAndroid Build Coastguard Worker 
83*90c8c64dSAndroid Build Coastguard Worker         expandedImageView.setImageResource(imageResId);
84*90c8c64dSAndroid Build Coastguard Worker 
85*90c8c64dSAndroid Build Coastguard Worker         final Rect startBounds = new Rect();
86*90c8c64dSAndroid Build Coastguard Worker         final Rect finalBounds = new Rect();
87*90c8c64dSAndroid Build Coastguard Worker         final Point globalOffset = new Point();
88*90c8c64dSAndroid Build Coastguard Worker         thumbView.getGlobalVisibleRect(startBounds);
89*90c8c64dSAndroid Build Coastguard Worker         mContainerView.getGlobalVisibleRect(finalBounds, globalOffset);
90*90c8c64dSAndroid Build Coastguard Worker         startBounds.offset(-globalOffset.x, -globalOffset.y);
91*90c8c64dSAndroid Build Coastguard Worker         finalBounds.offset(-globalOffset.x, -globalOffset.y);
92*90c8c64dSAndroid Build Coastguard Worker         float startScale;
93*90c8c64dSAndroid Build Coastguard Worker         if ((float) finalBounds.width() / finalBounds.height()
94*90c8c64dSAndroid Build Coastguard Worker                 > (float) startBounds.width() / startBounds.height()) {
95*90c8c64dSAndroid Build Coastguard Worker             startScale = (float) startBounds.height() / finalBounds.height();
96*90c8c64dSAndroid Build Coastguard Worker             float startWidth = startScale * finalBounds.width();
97*90c8c64dSAndroid Build Coastguard Worker             float deltaWidth = (startWidth - startBounds.width()) / 2;
98*90c8c64dSAndroid Build Coastguard Worker             startBounds.left -= deltaWidth;
99*90c8c64dSAndroid Build Coastguard Worker             startBounds.right += deltaWidth;
100*90c8c64dSAndroid Build Coastguard Worker         } else {
101*90c8c64dSAndroid Build Coastguard Worker             startScale = (float) startBounds.width() / finalBounds.width();
102*90c8c64dSAndroid Build Coastguard Worker             float startHeight = startScale * finalBounds.height();
103*90c8c64dSAndroid Build Coastguard Worker             float deltaHeight = (startHeight - startBounds.height()) / 2;
104*90c8c64dSAndroid Build Coastguard Worker             startBounds.top -= deltaHeight;
105*90c8c64dSAndroid Build Coastguard Worker             startBounds.bottom += deltaHeight;
106*90c8c64dSAndroid Build Coastguard Worker         }
107*90c8c64dSAndroid Build Coastguard Worker 
108*90c8c64dSAndroid Build Coastguard Worker         for(int k=0; k < 3; k++) {
109*90c8c64dSAndroid Build Coastguard Worker             mThumbs[k].setAlpha(0f);
110*90c8c64dSAndroid Build Coastguard Worker         }
111*90c8c64dSAndroid Build Coastguard Worker         expandedImageView.setVisibility(View.VISIBLE);
112*90c8c64dSAndroid Build Coastguard Worker 
113*90c8c64dSAndroid Build Coastguard Worker         expandedImageView.setPivotX(0f);
114*90c8c64dSAndroid Build Coastguard Worker         expandedImageView.setPivotY(0f);
115*90c8c64dSAndroid Build Coastguard Worker 
116*90c8c64dSAndroid Build Coastguard Worker         AnimatorSet zommInAnimator = new AnimatorSet();
117*90c8c64dSAndroid Build Coastguard Worker         zommInAnimator.play(ObjectAnimator
118*90c8c64dSAndroid Build Coastguard Worker                 .ofFloat(expandedImageView, View.X, startBounds.left, finalBounds.left)).with(
119*90c8c64dSAndroid Build Coastguard Worker                 ObjectAnimator.ofFloat(expandedImageView, View.Y, startBounds.top, finalBounds
120*90c8c64dSAndroid Build Coastguard Worker                         .top)).with(
121*90c8c64dSAndroid Build Coastguard Worker                 ObjectAnimator.ofFloat(expandedImageView, View.SCALE_X, startScale, 1f))
122*90c8c64dSAndroid Build Coastguard Worker                 .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_Y, startScale, 1f));
123*90c8c64dSAndroid Build Coastguard Worker         zommInAnimator.setDuration(mAnimationDurationTime);
124*90c8c64dSAndroid Build Coastguard Worker         zommInAnimator.setInterpolator(new DecelerateInterpolator());
125*90c8c64dSAndroid Build Coastguard Worker         zommInAnimator.addListener(new AnimatorListenerAdapter() {
126*90c8c64dSAndroid Build Coastguard Worker             @Override
127*90c8c64dSAndroid Build Coastguard Worker             public void onAnimationEnd(Animator animation) {
128*90c8c64dSAndroid Build Coastguard Worker                 mCurrentAnimator = null;
129*90c8c64dSAndroid Build Coastguard Worker                 if (mListener != null) {
130*90c8c64dSAndroid Build Coastguard Worker                     mState = UIState.getUIState(index);
131*90c8c64dSAndroid Build Coastguard Worker                     mListener.onUIStateChanged(mState);
132*90c8c64dSAndroid Build Coastguard Worker                 }
133*90c8c64dSAndroid Build Coastguard Worker             }
134*90c8c64dSAndroid Build Coastguard Worker 
135*90c8c64dSAndroid Build Coastguard Worker             @Override
136*90c8c64dSAndroid Build Coastguard Worker             public void onAnimationCancel(Animator animation) {
137*90c8c64dSAndroid Build Coastguard Worker                 mCurrentAnimator = null;
138*90c8c64dSAndroid Build Coastguard Worker             }
139*90c8c64dSAndroid Build Coastguard Worker         });
140*90c8c64dSAndroid Build Coastguard Worker         zommInAnimator.start();
141*90c8c64dSAndroid Build Coastguard Worker         mCurrentAnimator = zommInAnimator;
142*90c8c64dSAndroid Build Coastguard Worker 
143*90c8c64dSAndroid Build Coastguard Worker         final float startScaleFinal = startScale;
144*90c8c64dSAndroid Build Coastguard Worker         expandedImageView.setOnClickListener(new View.OnClickListener() {
145*90c8c64dSAndroid Build Coastguard Worker             @Override
146*90c8c64dSAndroid Build Coastguard Worker             public void onClick(View view) {
147*90c8c64dSAndroid Build Coastguard Worker                 if (mCurrentAnimator != null) {
148*90c8c64dSAndroid Build Coastguard Worker                     return;
149*90c8c64dSAndroid Build Coastguard Worker                 }
150*90c8c64dSAndroid Build Coastguard Worker                 AnimatorSet zoomOutAnimator = new AnimatorSet();
151*90c8c64dSAndroid Build Coastguard Worker                 zoomOutAnimator.play(ObjectAnimator
152*90c8c64dSAndroid Build Coastguard Worker                         .ofFloat(expandedImageView, View.X, startBounds.left))
153*90c8c64dSAndroid Build Coastguard Worker                         .with(ObjectAnimator
154*90c8c64dSAndroid Build Coastguard Worker                                 .ofFloat(expandedImageView,
155*90c8c64dSAndroid Build Coastguard Worker                                         View.Y, startBounds.top))
156*90c8c64dSAndroid Build Coastguard Worker                         .with(ObjectAnimator
157*90c8c64dSAndroid Build Coastguard Worker                                 .ofFloat(expandedImageView,
158*90c8c64dSAndroid Build Coastguard Worker                                         View.SCALE_X, startScaleFinal))
159*90c8c64dSAndroid Build Coastguard Worker                         .with(ObjectAnimator
160*90c8c64dSAndroid Build Coastguard Worker                                 .ofFloat(expandedImageView,
161*90c8c64dSAndroid Build Coastguard Worker                                         View.SCALE_Y, startScaleFinal));
162*90c8c64dSAndroid Build Coastguard Worker                 zoomOutAnimator.setDuration(mAnimationDurationTime);
163*90c8c64dSAndroid Build Coastguard Worker                 zoomOutAnimator.setInterpolator(new DecelerateInterpolator());
164*90c8c64dSAndroid Build Coastguard Worker                 zoomOutAnimator.addListener(new AnimatorListenerAdapter() {
165*90c8c64dSAndroid Build Coastguard Worker                     @Override
166*90c8c64dSAndroid Build Coastguard Worker                     public void onAnimationEnd(Animator animation) {
167*90c8c64dSAndroid Build Coastguard Worker                         for (int k = 0; k < 3; k++) {
168*90c8c64dSAndroid Build Coastguard Worker                             mThumbs[k].setAlpha(1f);
169*90c8c64dSAndroid Build Coastguard Worker                         }
170*90c8c64dSAndroid Build Coastguard Worker                         expandedImageView.setVisibility(View.GONE);
171*90c8c64dSAndroid Build Coastguard Worker                         mCurrentAnimator = null;
172*90c8c64dSAndroid Build Coastguard Worker                         if (mListener != null) {
173*90c8c64dSAndroid Build Coastguard Worker                             mState = UIState.HOME;
174*90c8c64dSAndroid Build Coastguard Worker                             mListener.onUIStateChanged(mState);
175*90c8c64dSAndroid Build Coastguard Worker                         }
176*90c8c64dSAndroid Build Coastguard Worker                     }
177*90c8c64dSAndroid Build Coastguard Worker 
178*90c8c64dSAndroid Build Coastguard Worker                     @Override
179*90c8c64dSAndroid Build Coastguard Worker                     public void onAnimationCancel(Animator animation) {
180*90c8c64dSAndroid Build Coastguard Worker                         thumbView.setAlpha(1f);
181*90c8c64dSAndroid Build Coastguard Worker                         expandedImageView.setVisibility(View.GONE);
182*90c8c64dSAndroid Build Coastguard Worker                         mCurrentAnimator = null;
183*90c8c64dSAndroid Build Coastguard Worker                     }
184*90c8c64dSAndroid Build Coastguard Worker                 });
185*90c8c64dSAndroid Build Coastguard Worker                 zoomOutAnimator.start();
186*90c8c64dSAndroid Build Coastguard Worker                 mCurrentAnimator = zoomOutAnimator;
187*90c8c64dSAndroid Build Coastguard Worker             }
188*90c8c64dSAndroid Build Coastguard Worker         });
189*90c8c64dSAndroid Build Coastguard Worker     }
190*90c8c64dSAndroid Build Coastguard Worker 
191*90c8c64dSAndroid Build Coastguard Worker     public enum UIState {
192*90c8c64dSAndroid Build Coastguard Worker         MIC_UP(0), SOUND_UP(1), MUSIC_UP(2), HOME(3);
193*90c8c64dSAndroid Build Coastguard Worker         private int mState;
194*90c8c64dSAndroid Build Coastguard Worker 
UIState(int state)195*90c8c64dSAndroid Build Coastguard Worker         UIState(int state) {
196*90c8c64dSAndroid Build Coastguard Worker             mState = state;
197*90c8c64dSAndroid Build Coastguard Worker         }
198*90c8c64dSAndroid Build Coastguard Worker 
getUIState(int state)199*90c8c64dSAndroid Build Coastguard Worker         static UIState getUIState(int state) {
200*90c8c64dSAndroid Build Coastguard Worker             for(UIState uiState : values()) {
201*90c8c64dSAndroid Build Coastguard Worker                 if (uiState.mState == state) {
202*90c8c64dSAndroid Build Coastguard Worker                     return uiState;
203*90c8c64dSAndroid Build Coastguard Worker                 }
204*90c8c64dSAndroid Build Coastguard Worker             }
205*90c8c64dSAndroid Build Coastguard Worker            return null;
206*90c8c64dSAndroid Build Coastguard Worker         }
207*90c8c64dSAndroid Build Coastguard Worker     }
208*90c8c64dSAndroid Build Coastguard Worker 
209*90c8c64dSAndroid Build Coastguard Worker     public interface UIStateListener {
onUIStateChanged(UIState state)210*90c8c64dSAndroid Build Coastguard Worker         void onUIStateChanged(UIState state);
211*90c8c64dSAndroid Build Coastguard Worker     }
212*90c8c64dSAndroid Build Coastguard Worker 
transitionToHome()213*90c8c64dSAndroid Build Coastguard Worker     public void transitionToHome() {
214*90c8c64dSAndroid Build Coastguard Worker         if (mState == UIState.HOME) {
215*90c8c64dSAndroid Build Coastguard Worker             return;
216*90c8c64dSAndroid Build Coastguard Worker         }
217*90c8c64dSAndroid Build Coastguard Worker         expandedImageView.callOnClick();
218*90c8c64dSAndroid Build Coastguard Worker 
219*90c8c64dSAndroid Build Coastguard Worker     }
220*90c8c64dSAndroid Build Coastguard Worker }
221