Android图片放大缩小动画，竟如此简单

有这样一个需求，需要点击图片放大缩小动画，效果：

公司专注于为企业提供网站制作、网站设计、微信公众号开发、电子商务商城网站建设，成都小程序开发，软件按需求定制开发等一站式互联网企业服务。凭借多年丰富的经验，我们会仔细了解各客户的需求而做出多方面的分析、设计、整合，为客户设计出具风格及创意性的商业解决方案，成都创新互联更提供一系列网站制作和网站推广的服务。

我们借助Android自带动画Animation ，很容易实现

初始化对象

 
 
 
 
    
  
  
  
  
  1. Animation animation; 
    2. 
  
  
  
  
  2. private ImageView iv_good; 
    3. 
  
  
  
  
  3. animation= AnimationUtils.loadAnimation(this, R.anim.anim_small); 
    4.

按钮点击事件

 
 
 
 
    
  
  
  
  
  1. iv_good.setOnClickListener(new View.OnClickListener() { 
    2. 
  
  
  
  
  2.         @Override 
    3. 
  
  
  
  
  3.         public void onClick(View view) { 
    4. 
  
  
  
  
  4.             iv_good.startAnimation(animation); 
    5. 
  
  
  
  
  5.         } 
    6. 
  
  
  
  
  6.     }); 
    7.

属性动画

res/anim/anim_small.xml

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     android:fillAfter="false"> 
    4. 
  
  
  
  
  4.     
  
  
  
  
  5.         android:duration="300" 
    6. 
  
  
  
  
  6.         android:fromXScale="1" 
    7. 
  
  
  
  
  7.         android:fromYScale="1" 
    8. 
  
  
  
  
  8.         android:pivotX="50%" 
    9. 
  
  
  
  
  9.         android:pivotY="50%" 
    10. 
  
  
  
  
  10.         android:toXScale="2" 
    11. 
  
  
  
  
  11.         android:toYScale="2" /> 
    12. 
  
  
  
  
  12.     
  
  
  
  
  13.         android:duration="300" 
    14. 
  
  
  
  
  14.         android:fromXScale="1" 
    15. 
  
  
  
  
  15.         android:fromYScale="1" 
    16. 
  
  
  
  
  16.         android:pivotX="50%" 
    17. 
  
  
  
  
  17.         android:pivotY="50%" 
    18. 
  
  
  
  
  18.         android:startOffset="300" 
    19. 
  
  
  
  
  19.         android:toXScale="0.5" 
    20. 
  
  
  
  
  20.         android:toYScale="0.5" /> 
    21. 
  
  
  
  
  21.  
    22. 
 
 
 
 
 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2.       android:id="@+id/iv_good" 
    3. 
  
  
  
  
  3.       android:layout_width="wrap_content" 
    4. 
  
  
  
  
  4.       android:layout_height="wrap_content" 
    5. 
  
  
  
  
  5.       android:src="@mipmap/ic_good"/> 
    6.

下面我们重点来关注AnimationUtils 这个类中loadAnimation的方法，跟进进去看看

 
 
 
 
    
  
  
  
  
  1. /** 
    2. 
  
  
  
  
  2.     * Loads an {@link Animation} object from a resource 
    3. 
  
  
  
  
  3.     * 
    4. 
  
  
  
  
  4.     * @param context Application context used to access resources 
    5. 
  
  
  
  
  5.     * @param id The resource id of the animation to load 
    6. 
  
  
  
  
  6.     * @return The animation object reference by the specified id 
    7. 
  
  
  
  
  7.     * @throws NotFoundException when the animation cannot be loaded 
    8. 
  
  
  
  
  8.     */ 
    9. 
  
  
  
  
  9.    public static Animation loadAnimation(Context context, @AnimRes int id) 
    10. 
  
  
  
  
  10.            throws NotFoundException { 
    11. 
  
  
  
  
  11.        XmlResourceParser parser = null; 
    12. 
  
  
  
  
  12.        try { 
    13. 
  
  
  
  
  13.            parser = context.getResources().getAnimation(id); 
    14. 
  
  
  
  
  14.            return createAnimationFromXml(context, parser); 
    15. 
  
  
  
  
  15.        } catch (XmlPullParserException ex) { 
    16. 
  
  
  
  
  16.            NotFoundException rnf = new NotFoundException("Can't load animation resource ID #0x" + 
    17. 
  
  
  
  
  17.                    Integer.toHexString(id)); 
    18. 
  
  
  
  
  18.            rnf.initCause(ex); 
    19. 
  
  
  
  
  19.            throw rnf; 
    20. 
  
  
  
  
  20.        } catch (IOException ex) { 
    21. 
  
  
  
  
  21.            NotFoundException rnf = new NotFoundException("Can't load animation resource ID #0x" + 
    22. 
  
  
  
  
  22.                    Integer.toHexString(id)); 
    23. 
  
  
  
  
  23.            rnf.initCause(ex); 
    24. 
  
  
  
  
  24.            throw rnf; 
    25. 
  
  
  
  
  25.        } finally { 
    26. 
  
  
  
  
  26.            if (parser != null) parser.close(); 
    27. 
  
  
  
  
  27.        } 
    28. 
  
  
  
  
  28.    } 
    29.

我们发现重要的是调用createAnimationFromXml方法。再次跟进看看createAnimationFromXml方法。

 
 
 
 
    
  
  
  
  
  1. private static Animation createAnimationFromXml(Context c, XmlPullParser parser) 
    2. 
  
  
  
  
  2.             throws XmlPullParserException, IOException { 
    3. 
  
  
  
  
  3.         return createAnimationFromXml(c, parser, null, Xml.asAttributeSet(parser)); 
    4. 
  
  
  
  
  4.     } 
    5. 
 
 
 
 
 
 
 
 
    
  
  
  
  
  1. private static Animation createAnimationFromXml(Context c, XmlPullParser parser, 
    2. 
  
  
  
  
  2.             AnimationSet parent, AttributeSet attrs) throws XmlPullParserException, IOException { 
    3. 
  
  
  
  
  3.         Animation anim = null; 
    4. 
  
  
  
  
  4.         // Make sure we are on a start tag. 
    5. 
  
  
  
  
  5.         int type; 
    6. 
  
  
  
  
  6.         int depth = parser.getDepth(); 
    7. 
  
  
  
  
  7.         while (((type=parser.next()) != XmlPullParser.END_TAG || parser.getDepth() > depth) 
    8. 
  
  
  
  
  8.                && type != XmlPullParser.END_DOCUMENT) { 
    9. 
  
  
  
  
  9.             if (type != XmlPullParser.START_TAG) { 
    10. 
  
  
  
  
  10.                 continue; 
    11. 
  
  
  
  
  11.             } 
    12. 
  
  
  
  
  12.             String  name = parser.getName(); 
    13. 
  
  
  
  
  13.             if (name.equals("set")) { 
    14. 
  
  
  
  
  14.                 anim = new AnimationSet(c, attrs); 
    15. 
  
  
  
  
  15.                 createAnimationFromXml(c, parser, (AnimationSet)anim, attrs); 
    16. 
  
  
  
  
  16.             } else if (name.equals("alpha")) { 
    17. 
  
  
  
  
  17.                 anim = new AlphaAnimation(c, attrs); 
    18. 
  
  
  
  
  18.             } else if (name.equals("scale")) { 
    19. 
  
  
  
  
  19.                 anim = new ScaleAnimation(c, attrs); 
    20. 
  
  
  
  
  20.             }  else if (name.equals("rotate")) { 
    21. 
  
  
  
  
  21.                 anim = new RotateAnimation(c, attrs); 
    22. 
  
  
  
  
  22.             }  else if (name.equals("translate")) { 
    23. 
  
  
  
  
  23.                 anim = new TranslateAnimation(c, attrs); 
    24. 
  
  
  
  
  24.             } else { 
    25. 
  
  
  
  
  25.                 throw new RuntimeException("Unknown animation name: " + parser.getName()); 
    26. 
  
  
  
  
  26.             } 
    27. 
  
  
  
  
  27.             if (parent != null) { 
    28. 
  
  
  
  
  28.                 parent.addAnimation(anim); 
    29. 
  
  
  
  
  29.             } 
    30. 
  
  
  
  
  30.         } 
    31. 
  
  
  
  
  31.         return anim; 
    32. 
  
  
  
  
  32.     } 
    33.

细心的你，不难发现XmlPullParser，其实就是我们上面定义的anim_small.xml，解析出这份xml里面的属性，进行加载动画效果。Android系统已经为我们解析分装好，我们只需要使用轮子就好了。

 
 
 
 
    
  
  
  
  
  1. /** 
    2. 
  
  
  
  
  2.     * Add a child animation to this animation set. 
    3. 
  
  
  
  
  3.     * The transforms of the child animations are applied in the order 
    4. 
  
  
  
  
  4.     * that they were added 
    5. 
  
  
  
  
  5.     * @param a Animation to add. 
    6. 
  
  
  
  
  6.     */ 
    7. 
  
  
  
  
  7.    public void addAnimation(Animation a) { 
    8. 
  
  
  
  
  8.        mAnimations.add(a); 
    9. 
  
  
  
  
  9.        boolean noMatrix = (mFlags & PROPERTY_MORPH_MATRIX_MASK) == 0; 
    10. 
  
  
  
  
  10.        if (noMatrix && a.willChangeTransformationMatrix()) { 
    11. 
  
  
  
  
  11.            mFlags |= PROPERTY_MORPH_MATRIX_MASK; 
    12. 
  
  
  
  
  12.        } 
    13. 
  
  
  
  
  13.        boolean changeBounds = (mFlags & PROPERTY_CHANGE_BOUNDS_MASK) == 0; 
    14. 
  
  
  
  
  14.        if (changeBounds && a.willChangeBounds()) { 
    15. 
  
  
  
  
  15.            mFlags |= PROPERTY_CHANGE_BOUNDS_MASK; 
    16. 
  
  
  
  
  16.        } 
    17. 
  
  
  
  
  17.        if ((mFlags & PROPERTY_DURATION_MASK) == PROPERTY_DURATION_MASK) { 
    18. 
  
  
  
  
  18.            mLastEnd = mStartOffset + mDuration; 
    19. 
  
  
  
  
  19.        } else { 
    20. 
  
  
  
  
  20.            if (mAnimations.size() == 1) { 
    21. 
  
  
  
  
  21.                mDuration = a.getStartOffset() + a.getDuration(); 
    22. 
  
  
  
  
  22.                mLastEnd = mStartOffset + mDuration; 
    23. 
  
  
  
  
  23.            } else { 
    24. 
  
  
  
  
  24.                mLastEnd = Math.max(mLastEnd, a.getStartOffset() + a.getDuration()); 
    25. 
  
  
  
  
  25.                mDuration = mLastEnd - mStartOffset; 
    26. 
  
  
  
  
  26.            } 
    27. 
  
  
  
  
  27.        } 
    28. 
  
  
  
  
  28.        mDirty = true; 
    29. 
  
  
  
  
  29.    } 
    30.

分享这个小例子的初衷，是希望大家对于一个小小的知识点，我们可以跟进看看其中的实现过程，了解过程，麻雀虽小但五脏俱全，希望对你有帮助。

当前题目：Android图片放大缩小动画，竟如此简单
路径分享：http://www.mswzjz.com/qtweb/news4/206704.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

面包屑导航知识

各行业网站

定制级高端网站建设　　 　成都LED显示屏　　 　德阳服务器托管　　 　成都定制网站建设　　 　成都微信开发　　 　南充网站建设　　 　服务器托管　　 　小谭建站　　 　黔盛装饰　　 　绵阳服务器托管　　 　模板商城网站　　 　响应式网站建设方案　　 　成都棕树电信机房　　 　成都网站维护　　 　定制网站制作　　 　青羊总部基地　　 　成都活动策划　　 　成都移动机房　　 　服务器租用　　 　雅安电信机房