Android ActionBar中的按钮添加旋转动画

阳光穿透心脏的1/2处 2022-08-06 08:12 216阅读 0赞

将Menu菜单项显示在ActionBar上，这里显示一个刷新按钮，模拟在刷新动作时的添加刷新动画

菜单布局

menu.xml

![复制代码][copycode.gif]

![复制代码][copycode.gif]

显示旋转动画的view refresh\_view.xml

![复制代码][copycode.gif]

![复制代码][copycode.gif]

设置旋转属性

refresh.xml

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

![复制代码][copycode.gif]

<?xml version="1.0" encoding="utf-8"?>
    
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"
      android:duration="2000"
      android:fromDegrees="0"
      android:interpolator="@android:anim/linear_interpolator"
      android:pivotX="50%"
      android:pivotY="50%"
      android:toDegrees="360" />

![复制代码][copycode.gif]

Activity

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

![复制代码][copycode.gif]

package com.example.actionbarmenubtnrefresh;
    
    import android.os.Bundle;
    import android.app.Activity;
    import android.view.Menu;
    import android.view.MenuItem;
    import android.view.View;
    import android.view.animation.Animation;
    import android.view.animation.AnimationUtils;
    import android.widget.ImageView;
    import android.widget.Toast;
    
    public class MainActivity extends Activity {
    
        protected MenuItem refreshItem;
        
        private boolean isRefreshState = false;
        
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
        }
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            //MenuInflater实例化Menu目录下的Menu布局文件
            getMenuInflater().inflate(R.menu.main, menu);
            return true;
        }
    
        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            switch (item.getItemId()) {
            case R.id.action_refresh:
                refreshMenuItemView(item);
                Toast.makeText(getBaseContext(), "开始刷新", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_stop:
                hideRefreshAnimation();
                Toast.makeText(getBaseContext(), "停止刷新", Toast.LENGTH_SHORT).show();
                break;
    
            default:
                break;
            }
            return super.onOptionsItemSelected(item);
        }
    
        private void refreshMenuItemView(MenuItem item) {
            hideRefreshAnimation();
            refreshItem = item;
            
            //LayoutInflater实例化整个布局文件
            //使用ImageView设置成MenuItem的ActionView
            ImageView refreshView = (ImageView)getLayoutInflater().inflate(R.layout.refresh_view, null);
            refreshView.setImageResource(R.drawable.ic_action_refresh);
            refreshItem.setActionView(refreshView);
            //显示刷新动画
            Animation animation = AnimationUtils.loadAnimation(this, R.anim.refresh);
            //设置重复模式  Defines what this animation should do when it reaches the end
            animation.setRepeatMode(Animation.RESTART);
            //设置重复次数
            animation.setRepeatCount(Animation.INFINITE);
            //使用ImageView 显示旋转动画
            refreshView.startAnimation(animation);
            isRefreshState = true;
        }
        
        private void hideRefreshAnimation() {
            if (refreshItem != null) {
                View view = refreshItem.getActionView();
                if (view != null) {
                    view.clearAnimation();
                    refreshItem.setActionView(null);
                    isRefreshState = false;
                }
            }
        }
        
    
    }

![复制代码][copycode.gif]

效果如下

![061226464218378.gif][]

点击stop停止动画

参考 http://my.oschina.net/fanxiao/blog/152175

gif图片在线制作： [http://picasion.com/][http_picasion.com]

其他精彩文章文章

## [jQuery教程(9)-DOM树操作之复制元素][jQuery_9_-DOM] ##

## [android学习笔记（35）android AlertDialog创建列表对话框\[2\]][android_35_android AlertDialog_2] ##

## [android shareSDK sso登录新浪和微信][android shareSDK sso] ##

## [mysql 索引类型详解-B-Tree索引][mysql _-B-Tree] ##

## [BroadcastReceiver 使用AlertDialog后 app奔溃了][BroadcastReceiver _AlertDialog_ app] ##

更多关于[android开发][android]文章

[copycode.gif]: /images/20220806/9efb2feb304e42c6b251a852b1997161.png
[ContractedBlock.gif]: http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20220806/6274ea8a81d54e449be3809c934a2443.png
[061226464218378.gif]: /images/20220806/fdccdc95708948a393b5874dec29534a.png
[http_picasion.com]: http://picasion.com/
[jQuery_9_-DOM]: http://www.itmmd.com/201501/447.html
[android_35_android AlertDialog_2]: http://www.itmmd.com/201501/446.html
[android shareSDK sso]: http://www.itmmd.com/201501/444.html
[mysql _-B-Tree]: http://www.itmmd.com/201501/443.html
[BroadcastReceiver _AlertDialog_ app]: http://www.itmmd.com/201501/442.html
[android]: http://www.itmmd.com/mobile.html