Cool elastic menu, with horizontal and arc

Source code introduction

Cool elastic menu, with horizontal and circular options.

Note: Clicking the source code arc menu will cause the program to crash.

Source code running screenshot

Source code snippet:

 package com.spring.menu.activity; 
  
 import com.spring.menu.R;
 import com.spring.menu.animation.SpringAnimation;
 import com.spring.menu.animation.EnlargeAnimationOut;
 import com.spring.menu.animation.ShrinkAnimationOut;
 import com.spring.menu.animation.ZoomAnimation;
 import com.spring.menu.utility.DeviceUtility; 
  
 import android.app.Activity;
 import android.os.Bundle;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.View.OnClickListener;
 import android.view.animation.Animation;
 import android.view.animation.AnimationUtils;
 import android.view.animation.AnticipateInterpolator;
 import android.widget.RelativeLayout; 
  
 /**
 * Android implements the effect of elastic distribution menu
 * @Description: Android implements the effect of retractable elastic distribution menu
  
 * @File: MainActivity.java
  
 * @Package com.spring.menu.activity
  
 * @Author Hanyonglu
  
 * @Date 2012-10-25 09:41:31 PM
  
 * @Version V1.0
 */  
 public   class MainActivity extends Activity {
 private   boolean areMenusShowing;
 private ViewGroup menusWrapper;
 private View imageViewPlus;
 private View shrinkRelativeLayout;
 private RelativeLayout layoutMain;
 // Clockwise rotation animation  
 private Animation animRotateClockwise;
 // You try to rotate the animation  
 private Animation animRotateAntiClockwise;
 private Class<!--?-->[] intentActivity = {
            SecondActivity. class ,ThreeActivity. class ,FourActivity. class ,
            SecondActivity. class ,ThreeActivity. class ,FourActivity. class };
 private   int [] mainResources = {
            R.drawable.bg_main_1,R.drawable.bg_main_2,
            R.drawable.bg_main_3,R.drawable.bg_main_4,
            R.drawable.bg_main_1,R.drawable.bg_main_4}; 
  
 /** Called when the activity is first created. */  
 @Override  
 public   void onCreate(Bundle savedInstanceState) {
 super .onCreate(savedInstanceState);
        setContentView(R.layout.main_activity); 
          
 // Initialization  
 initViews();
 } 
      
 // Initialization  
 private   void initViews(){
        imageViewPlus = findViewById(R.id.imageview_plus);
        menusWrapper = (ViewGroup) findViewById(R.id.menus_wrapper);
        shrinkRelativeLayout = findViewById(R.id.relativelayout_shrink);
        layoutMain = (RelativeLayout) findViewById(R.id.layout_content); 
          
        animRotateClockwise = AnimationUtils.loadAnimation(
 this ,R.anim.rotate_clockwise);
        animRotateAntiClockwise = AnimationUtils.loadAnimation(
 this ,R.anim.rotate_anticlockwise); 
  
        shrinkRelativeLayout.setOnClickListener( new OnClickListener() { 
  
 public   void onClick(View v) {
 // TODO Auto-generated method stub  
                showLinearMenus();
 }
 }); 
          
 for ( int i = 0 ; i < menusWrapper.getChildCount(); i++) {
            menusWrapper.getChildAt(i).setOnClickListener(
 new SpringMenuLauncher( null ,mainResources[i]));
 }
 } 
  
 /**
 * Expand the menu in a straight line
 */  
 private   void showLinearMenus() {
 int [] size = DeviceUtility.getScreenSize( this ); 
          
 if (!areMenusShowing) {
            SpringAnimation.startAnimations(
 this .menusWrapper, ZoomAnimation.Direction.SHOW, size);
 this .imageViewPlus.startAnimation( this .animRotateClockwise);
 } else {
            SpringAnimation.startAnimations(
 this .menusWrapper, ZoomAnimation.Direction.HIDE, size);
 this .imageViewPlus.startAnimation( this .animRotateAntiClockwise);
 } 
          
        areMenusShowing = !areMenusShowing;
 } 
  
 //Distribution menu event listener  
 private   class SpringMenuLauncher implements OnClickListener {
 private   final Class<!--?-->cls;
 private   int resource; 
  
 private SpringMenuLauncher(Class<!--?--> c, int resource) {
 this .cls = c;
 this .resource = resource;
 } 
  
 public   void onClick(View v) {
 // TODO Auto-generated method stub  
            MainActivity. this .startSpringMenuAnimations(v);
            layoutMain.setBackgroundResource(resource); 
              
 // MainActivity.this.startActivity(  
 // new Intent(  
 // MainActivity.this,  
 // MainActivity.SpringMenuLauncher.this.cls));  
 }
 } 
  
 /**
 * Display menu animation effects
 * @param view
 * @param runnable
 */  
 private   void startSpringMenuAnimations(View view) {
        areMenusShowing = true ;
        Animation shrinkOut1 = new ShrinkAnimationOut( 300 );
        Animation growOut = new EnlargeAnimationOut( 300 );
        shrinkOut1.setInterpolator( new AnticipateInterpolator( 2 .0F));
        shrinkOut1.setAnimationListener( new Animation.AnimationListener() { 
  
 public   void onAnimationEnd(Animation animation) {
 // TODO Auto-generated method stub  
                MainActivity. this .imageViewPlus.clearAnimation();
 } 
  
 public   void onAnimationRepeat(Animation animation) {
 // TODO Auto-generated method stub   
                  
 } 
  
 public   void onAnimationStart(Animation animation) {
 // TODO Auto-generated method stub   
                  
 }
 }); 
          
        view.startAnimation(growOut);
 }
 } 
  
 When you click the red button, the top menu pops up. When you click a menu, the background image above changes. Of course, you can also directly enter a certain Activity. Therefore, two arrays, intentActivity and mainResources, are defined above, representing the switched Activity and the image to be changed respectively. You can set them according to your actual needs. When you click the red button, the plus sign in the middle rotates 225 degrees to the right and becomes a cross sign, through the following animation: 
  
 View Row Code
 <!--?xml version= "1.0" encoding= "UTF-8" ?-->
 <rotate xmlns:android= "http://schemas.android.com/apk/res/android" android:interpolator= "@android:anim/linear_interpolator" android:duration= "200" android:fromdegrees= "0.0" android:todegrees= "225.0" android:pivotx= "50.0%" android:pivoty= "50.0%" android:fillafter= "true" android:fillenabled= "true" > 
  
 Click again to rotate left and restore, and replace the android:fromDegrees and android:toDegrees above. 
  
 Let's take a look at another important animation class, SpringAnimation, which controls the animation effects of each menu. The code is as follows: 
  
 View Row Code
 package com.spring.menu.animation;
 import com.spring.menu.control.ImageButtonExtend;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.ViewGroup.MarginLayoutParams;
 import android.view.animation.AnticipateInterpolator;
 import android.view.animation.AnticipateOvershootInterpolator;
 import android.view.animation.OvershootInterpolator;
 import android.view.animation.TranslateAnimation;
 /**
 * Distributed menu loading and scaling animation
 * @Description: Distributed menu loading and scaling animation
 * @File: SpringAnimation.java
 * @Package com.spring.menu.animation
 * @Author Hanyonglu
 * @Date 2012-10-25 12:18:39 PM
 * @Version V1.0
 */  
 public   class SpringAnimation extends ZoomAnimation {
 private   static   int [] size;
 private   static   int xOffset = 210 ;
 private   static   int yOffset = - 15 ;
 public   static   final   int DURATION = 300 ;
 /**
 * Constructor
 * @param direction
 * @param duration
 * @param view
 */  
 public SpringAnimation(Direction direction, long duration, View view) {
 super (direction, duration, new View[] { view });
 SpringAnimation.xOffset = SpringAnimation.size[ 0 ] / 2 - 30 ;
 }
 /**
 * Start displaying animation effects
 * @param viewgroup
 * @param direction
 * @param size
 */  
 public   static   void startAnimations(ViewGroup viewgroup,
 ZoomAnimation.Direction direction, int [] size) {
 SpringAnimation.size = size;
 switch (direction) {
 case HIDE:
 startShrinkAnimations(viewgroup);
 break ;
 case SHOW:
 startEnlargeAnimations(viewgroup);
 break ;
 }
 }
 /**
 * Start presenting the menu
 * @param viewgroup
 */  
 private   static   void startEnlargeAnimations(ViewGroup viewgroup) {
 for ( int i = 0 ; i < viewgroup.getChildCount(); i++) {
 if (viewgroup.getChildAt(i) instanceof ImageButtonExtend) {
 ImageButtonExtend inoutimagebutton = (ImageButtonExtend) viewgroup
 .getChildAt(i);
 SpringAnimation animation = new SpringAnimation(
 ZoomAnimation.Direction.HIDE, DURATION, inoutimagebutton);
 animation.setStartOffset((i * 200 )
 / (- 1 + viewgroup.getChildCount()));
 animation.setInterpolator( new OvershootInterpolator(4F));
 inoutimagebutton.startAnimation(animation);
 }
 }
 }
 /**
 * Start hiding menu
 * @param viewgroup
 */  
 private   static   void startShrinkAnimations(ViewGroup viewgroup) {
 for ( int i = 0 ; i < viewgroup.getChildCount(); i++) {
 if (viewgroup.getChildAt(i) instanceof ImageButtonExtend) {
 ImageButtonExtend inoutimagebutton = (ImageButtonExtend) viewgroup
 .getChildAt(i);
 SpringAnimation animation = new SpringAnimation(
 ZoomAnimation.Direction.SHOW, DURATION,
 inoutimagebutton);
 animation.setStartOffset(( 100 * ((- 1 + viewgroup
 .getChildCount()) - i))
 / (- 1 + viewgroup.getChildCount()));
 animation.setInterpolator( new AnticipateOvershootInterpolator(2F));
 inoutimagebutton.startAnimation(animation);
 }
 }
 }
 @Override  
 protected   void addShrinkAnimation(View[] views) {
 // TODO Auto-generated method stub  
 MarginLayoutParams mlp = (MarginLayoutParams) views[ 0 ].
 getLayoutParams();
 addAnimation( new TranslateAnimation(
 xOffset + -mlp.leftMargin,
 F,yOffset + mlp.bottomMargin, 0F));
 }
 @Override  
 protected   void addEnlargeAnimation(View[] views) {
 // TODO Auto-generated method stub  
 MarginLayoutParams mlp = (MarginLayoutParams) views[ 0 ].
 getLayoutParams();
 addAnimation( new TranslateAnimation(
 F, xOffset + -mlp.leftMargin,
 F,yOffset + mlp.bottomMargin));
 }
 }</rotate>

Source code link: http://download..com/data/1968733

[Editor: chenqingxiang TEL: (010) 68476606]