`
liangoogle
  • 浏览: 278280 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

动画 rotate 让一张图片以它的中心旋转

    博客分类:
  • view
 
阅读更多

1 在layout/anim下建立一个anim.xml文件

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

  <rotate 

        android:interpolator="@android:anim/accelerate_decelerate_interpolator"

        android:fromDegrees="0" 

        android:toDegrees="+360"         

        android:pivotX="50%" 

        android:pivotY="50%"     

        android:duration="3000" />   

</set>

 

在activity 中应用:

       Animation anim = AnimationUtils.loadAnimation(this, R.anim.splashanim);

      findViewById(R.id.sun).startAnimation(anim);

R.id.sun是一个imageview控件,这个控件中有一个图片,本文例子就是让这张图片以它的中心旋转。

分享到:
评论

相关推荐

    android自定义ImageView实现旋转动画

    本文将深入探讨如何通过自定义ImageView来实现旋转动画,让图片在XYZ轴上动态展示,为用户带来更加生动的视觉效果。 首先,我们需要创建一个新的类,继承自Android的内置ImageView类。这个新类将作为我们自定义的...

    css实现图片旋转效果

    要使一张图片旋转,可以使用`transform`属性中的`rotate()`函数。例如,如果我们有一个ID为`image1`的图片元素,我们可以这样设置: ```css #image1 { transform: rotate(45deg); } ``` 上述代码将使图片旋转45度...

    JS+CSS3 3D图片分割拼接动画特效

    【JS+CSS3 3D图片分割拼接动画特效】是一种在网页中通过JavaScript和CSS3技术实现的创新视觉效果。这种特效将图片分解成多个3D片段,并通过动态拼接来创造出引人入胜的视觉体验。接下来,我们将深入探讨这一特效背后...

    360度图片旋转jQuery特效.zip

    例如,可以定义一个图片数组,每次旋转到一定角度后,切换到数组中的下一张图片,并重置旋转角度。 在提供的文件中,`index.html`是整个特效的入口文件,包含了HTML结构和jQuery脚本;`360度图片旋转jQuery特效.jpg...

    js效果 图片旋转效果

    在HTML文件(如“图片旋转.html”)中,你需要包含一张图片,并为它设置一个ID以便于JavaScript访问。例如: ```html 旋转图片"&gt; ``` 接下来,我们使用CSS3来设置初始样式和旋转动画。CSS3提供了`transform`属性,...

    jquery css3按钮控制图片螺纹旋转切换特效

    5. **动画效果**:使用CSS3的transition属性为图片旋转添加平滑过渡,让旋转看起来更自然。如果需要,还可以使用jQuery的animate方法来控制其他属性的变化,如透明度或大小。 6. **防止过度旋转**:为了防止图片...

    js图片层叠布局旋转木马特效.zip

    "js图片层叠布局旋转木马特效.zip" 是一个利用JavaScript实现的图片展示特效,它将图片以旋转木马的形式进行3D旋转展示,为用户带来独特的视觉体验。 这种旋转木马特效是一种常见的图片相册展示方式,常用于网站中...

    jQuery图片放大缩小旋转代码.zip

    本资源“jQuery图片放大缩小旋转代码.zip”提供了一个实用的图片查看插件,它允许用户在弹出窗口中查看图片,并具备一系列增强用户体验的功能,如放大、缩小、旋转以及上一张下一张切换。 首先,我们来看这个插件的...

    图片放大、缩小、拖拽、旋转、全屏

    再者,图片的旋转功能可能涉及到CSS3的transform属性,尤其是rotate()函数。当用户触发旋转操作(例如点击一个旋转按钮)时,我们可以修改图片的transform样式,添加一个旋转角度。为了实现平滑的旋转动画,可以使用...

    CSS3给图片添加旋转背景特效

    这个例子展示了CSS3的强大之处,它让我们能够创建出丰富的交互式网页效果,而无需依赖JavaScript。结合HTML5和CSS3,我们可以构建出更生动、更具吸引力的网页应用。不过,请注意,虽然大多数现代浏览器都支持这些...

    3D旋转展示产品图片的特效,基于jQuery实现.rar

    首先,我们要理解jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。 在"jQuery 3D旋转式国外产品展示特效"中,关键在于将产品图片处理成PNG格式,这是因为PNG格式支持透明度,...

    微信小程序 Animation实现图片旋转动画示例

    在实现图片旋转动画时,可以调用动画实例的`rotate`方法,通过传入旋转的角度来控制图片旋转的幅度。此外,`step`方法用于表示动画的下一步动作。在完成动画创建后,需要通过`export`方法导出当前动画实例,然后通过...

    js百叶窗图片3D旋转切换特效

    【百叶窗图片3D旋转切换特效】是一种利用JavaScript实现的动态视觉效果,它通过模拟百叶窗开启和关闭的过程,使图片以3D旋转的方式进行切换,为网站的焦点图或banner区域带来引人注目的展示效果。这种特效不仅增加了...

    CSS3动画(3):transform实现multi-flip图片轮播动画

    例如,当一张图片翻转完成后,可以自动触发下一张图片的翻转动画。这可以通过监听DOM事件或设置定时器来实现。 总结一下,实现CSS3的multi-flip图片轮播动画主要涉及以下步骤: 1. 设置HTML结构,包含所有要轮播的...

    jQuery产品图片360度3D旋转展示代码

    【jQuery产品图片360度3D旋转展示代码】是一个基于jQuery库的高效插件,专为电商网站或产品展示页面设计,旨在提供一种互动式的、立体的视觉体验,让用户能够从各个角度查看产品的细节。这个插件通过动态改变图片...

    js圆形图片旋转的焦点图特效代码.rar

    该压缩包文件"js圆形图片旋转的焦点图特效代码.rar"包含了一个JavaScript实现的特殊焦点图效果,这种效果使得图片以圆形的方式进行旋转切换。在网页设计中,焦点图通常被用来展示一组重要的图片,通过动态效果吸引...

    html5 svg图片可3d旋转的扁平风格照片墙画廊

    同时,为了实现3D旋转效果,HTML5的CSS3 Transform属性派上了用场,特别是`rotateX`和`rotateY`,它们可以模拟3D空间中的旋转,让图片看起来像是在立体空间中翻转。 JavaScript库,可能是jQuery,被用来简化DOM操作...

    html5 canvas实现的页面滚动背景图片旋转动画特效源码.zip

    5. **旋转动画**:在滚动事件处理器中,根据滚动位置(如`scrollTop`)计算旋转角度,并使用`ctx.rotate()`方法改变Canvas的绘图坐标系。然后,使用`ctx.drawImage()`方法绘制图片,实现旋转效果。 ```javascript ...

    超酷CSS3图片3D旋转效果,鼠标悬停后,图片会3d旋转到另外一面。兼容chrome、firefox浏览器.rar

    在本文中,我们将深入探讨如何使用CSS3实现一个超酷的3D图片旋转效果,尤其关注如何让图片在鼠标悬停时实现360度旋转,并兼容Chrome和Firefox浏览器。CSS3是层叠样式表(Cascading Style Sheets)的一个重要升级版本...

    旋转重叠切换图片特效

    "旋转重叠切换图片特效"是一种常见的动态视觉技术,它通过将多张图片以旋转和重叠的方式进行切换,为用户创造出独特且引人入胜的交互体验。这种特效通常用于展示产品图库、轮播图或背景图像,为界面增添动感和活力。...

Global site tag (gtag.js) - Google Analytics