当前位置:  编程技术>移动开发
本页文章导读:
    ▪Animation卡通效果的实现        Animation动画效果的实现 提供了三种动画效果:逐帧动画(frame-by-frame animation),这种动画和GIF一样,一帧一帧的显示来组成动画效果;布局动画(layout animation),这种动画用来设置layout内的所有.........
    ▪ 属性门类和相关函数        属性类型和相关函数 属性(Property)类型定义了对描述属性的结构体objc_property的不透明的句柄。typedef struct objc_property *Property;您可以使用函数class_copyPropertyList和protocol_copyPropertyList来获得.........
    ▪ 资料列表       文件列表 文件列表   [功能] 文件列表     [思路] 1. 在android世界 文件 目录 是一样对待的 而文件也是统称 比如:视频文件 音频文件 文档文件 都是文件 都一视同仁 2. 而 File 能够封装 文件.........

[1]Animation卡通效果的实现
    来源: 互联网  发布时间: 2014-02-18
Animation动画效果的实现

提供了三种动画效果:逐帧动画(frame-by-frame animation),这种动画和GIF一样,一帧一帧的显示来组成动画效果;布局动画(layout animation),这种动画用来设置layout内的所有UI控件;控件动画(view animation),这种是应用到具体某个view上的动画。

 
在这三种动画实现中逐帧动画是最简单的,而控件动画是有点复杂的,要涉及到线性代数中的矩阵运算,下面就由易到难逐个介绍,先来看看逐帧动画如何实现。
 
逐帧动画
逐帧动画是通过OPhone中的android.graphics.drawable.AnimationDrawable类来实现的,在该类中保存了帧序列以及显示的时间,为了简化动画的创建OPhone提供了一种通过XML来创建逐帧动画的方式,这样把动画的创建和代码分来以后如果需要修改动画内容,只需要修改资源文件就可以了不用修改代码,简化开发维护工作。在res/drawable/文件夹下创建一个XML文件,下面是一个示例文件(res\drawable\qq_animation.xml):
view plaincopy to clipboardprint?
  • <animation-list    
  •     xmlns:android="http://schemas.android.com/apk/res/android"  
  •     android:oneshot="false">   
  • <item android:drawable="@drawable/qq001" android:duration="80"/>   
  • <item android:drawable="@drawable/qq002" android:duration="80"/>   
  • <item android:drawable="@drawable/qq003" android:duration="80"/>   
  • <item android:drawable="@drawable/qq004" android:duration="80"/>   
  • <item android:drawable="@drawable/qq005" android:duration="80"/>   
  • <item android:drawable="@drawable/qq006" android:duration="80"/>   
  • <item android:drawable="@drawable/qq007" android:duration="80"/>   
  • <item android:drawable="@drawable/qq008" android:duration="80"/>   
  • </animation-list>  
  • <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/qq001" android:duration="80"/> <item android:drawable="@drawable/qq002" android:duration="80"/> <item android:drawable="@drawable/qq003" android:duration="80"/> <item android:drawable="@drawable/qq004" android:duration="80"/> <item android:drawable="@drawable/qq005" android:duration="80"/> <item android:drawable="@drawable/qq006" android:duration="80"/> <item android:drawable="@drawable/qq007" android:duration="80"/> <item android:drawable="@drawable/qq008" android:duration="80"/> </animation-list>
     
     
    在上面的定义中通过animation-list来指定这是个AnimationDrawable动画定义,里面的item来指定每帧图片和显示时间(单位为毫秒),帧显示的顺序就是item定义的顺序。如果android:oneshot设置为true表明该动画只播放一次,否则该动画会循环播放。这些设置也可以通过AnimationDrawable提供的函数来设置。动画中引用的文件为QQ表情文件,包含在示例项目代码中。
    然后在layout中定义一个ImageView来显示上面定义的AnimationDrawable,layout代码如下(res\layout\main.xml):
    view plaincopy to clipboardprint?
  • <?xml version="1.0" encoding="utf-8"?>   
  • <LinearLayout    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  •     android:orientation="vertical"    
  •     android:layout_width="fill_parent"  
  •     android:layout_height="fill_parent">   
  •     <ImageView    
  •        android:id="@+id/animation_view"  
  •        android:layout_width="fill_parent"    
  •        android:layout_height="wrap_content"  
  •        android:src="/blog_article/@drawable/qq_animation/index.html" />   
  •     <Button    
  •        android:id="@+id/animation_btn"    
  •        android:layout_width="fill_parent"  
  •        android:layout_height="wrap_content"    
  •        android:text="@string/start_animation" />   
  •     <Button    
  •        android:id="@+id/one_shot_btn"    
  •        android:layout_width="fill_parent"  
  •        android:layout_height="wrap_content"    
  •        android:text="@string/play_once" />   
  • </LinearLayout>  
  • <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/animation_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="/blog_article/@drawable/qq_animation/index.html" /> <Button android:id="@+id/animation_btn" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/start_animation" /> <Button android:id="@+id/one_shot_btn" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/play_once" /> </LinearLayout>
    注意这里的ImageView 通过android:src="/blog_article/@drawable/qq_animation/index.html"引用了前面定义的AnimationDrawable,下面是两个按钮用来控制播放动画和设置AnimationDrawable的oneshot属性。
    下面就是控制动画播放的类代码(src\org\goodev\animation\AnimActivity.java):
     
    view plaincopy to clipboardprint?
  • public class AnimActivity extends Activity {   
  •     /** Called when the activity is first created. */  
  •     AnimationDrawable mAd;   
  •     Button mPlayBtn;   
  •     Button mOneShotBtn;   
  •     boolean mIsOneShot;   
  •     
  •     @Override  
  •     public void onCreate(Bundle savedInstanceState) {   
  •        super.onCreate(savedInstanceState);   
  •        setContentView(R.layout.main);   
  •     
  •        ImageView iv = (ImageView) findViewById(R.id.animation_view);   
  •        mAd = (AnimationDrawable) iv.getDrawable();   
  •     
  •        mPlayBtn = (Button) findViewById(R.id.animation_btn);   
  •        mPlayBtn.setOnClickListener(new OnClickListener() {   
  •            @Override  
  •            public void onClick(View view) {   
  •               startAnimation();   
  •            }   
  •        });   
  •     
  •        mOneShotBtn = (Button) findViewById(R.id.one_shot_btn);   
  •        mOneShotBtn.setOnClickListener(new OnClickListener() {   
  •            @Override  
  •            public void onClick(View view) {   
  •               if (mIsOneShot) {   
  •                   mOneShotBtn.setText("Play Once");   
  •               } else {   
  •                   mOneShotBtn.setText("Play Repeatly");   
  •               }   
  •               mAd.setOneShot(!mIsOneShot);   
  •               mIsOneShot = !mIsOneShot;   
  •            }   
  •        });   
  •     
  •     }   
  •     
  •     /**  
  •      * 通过AnimationDrawable的start函数播放动画,  
  •      * stop函数停止动画播放,  
  •      * isRunning来判断动画是否正在播放。  
  •      */  
  •     public void startAnimation() {   
  •        if (mAd.isRunning()) {   
  •            mAd.stop();   
  •        } else {   
  •            mAd.stop();   
  •            mAd.start();   
  •        }   
  •     }   
  • }   
  •    
  • public class AnimActivity extends Activity { /** Called when the activity is first created. */ AnimationDrawable mAd; Button mPlayBtn; Button mOneShotBtn; boolean mIsOneShot; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ImageView iv = (ImageView) findViewById(R.id.animation_view); mAd = (AnimationDrawable) iv.getDrawable(); mPlayBtn = (Button) findViewById(R.id.animation_btn); mPlayBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { startAnimation(); } }); mOneShotBtn = (Button) findViewById(R.id.one_shot_btn); mOneShotBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { if (mIsOneShot) { mOneShotBtn.setText("Play Once"); } else { mOneShotBtn.setText("Play Repeatly"); } mAd.setOneShot(!mIsOneShot); mIsOneShot = !mIsOneShot; } }); } /** * 通过AnimationDrawable的start函数播放动画, * stop函数停止动画播放, * isRunning来判断动画是否正在播放。 */ public void startAnimation() { if (mAd.isRunning()) { mAd.stop(); } else { mAd.stop(); mAd.start(); } } }
     
    布局动画介绍
     
    布局动画和逐帧动画是由本质的不同的,逐帧动画是一帧帧图片组成的,而布局动画是渐变动画,OPhone通过改变UI的属性(大小、位置、透明度等)来实现动画效果。
     
    在OPhone显示系统中,每个view都对应一个矩阵来控制该view显示的位置,通过不同的方式来改变该控制矩阵就可以实现动画效果,例如旋转、移动、缩放等。
     
    不同的矩阵变换有不同的类来实现,android.view.animation.Animation类代表所有动画变换的基类,目前在OPhone系统中有如下五个实现(都位于android.view.animation包中):
    • l AlphaAnimation:实现alpha渐变,可以使界面逐渐消失或者逐渐显现
    • l TranslateAnimation:实现位置移动渐变,需要指定移动的开始和结束坐标
    • l ScaleAnimation: 实现缩放渐变,可以指定缩放的参考点
    • l RotateAnimation:实现旋转渐变,可以指定旋转的参考点,默认值为(0,0)左上角。
    • l AnimationSet: 代表上面的渐变组合
    有一个和渐变动画效果关系比较密切的类android.view.animation.Interpolator,该类定义了渐变动画改变的速率,可以设置为加速变化、减速变化或者重复变化。关于Interpolator详细信息请参考文档介绍。另外在OPhone SDK中的android.jar文件中也有各种interpolator的定义,感兴趣的可以参考android.jar中的\res\anim目录中的文件。
     
    动画的实现及应用
    上面这些渐变方式也可以在XML文件中定义,这些文件位于res\anim目录下。根元素为set代表AnimationSet,里面可以有多个渐变定义,如下是alpha渐变的定义(res\anim\alpha_anim.xml):
    view plaincopy to clipboardprint?
  • <set xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:interpolator="@android:anim/decelerate_interpolator">   
  • <alpha    
  •     android:fromAlpha="0.0"    
  •     android:toAlpha="1.0"    
  •     android:duration="1000" />   
  • </set>  
  • <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="1000" /> </set>
    如果只定义一种渐变效果,则可以去除set元素,如下:
     
    view plaincopy to clipboardprint?
  • <alpha    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:interpolator="@android:anim/accelerate_interpolator"  
  • android:fromAlpha="0.0"    
  • android:toAlpha="1.0"    
  • android:duration="1000" />  
  • <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="1000" />
     
    上面定义的alpha从0(透明)到1(不透明)渐变,渐变时间为1000毫秒。
     
    view plaincopy to clipboardprint?
  • <scale    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:interpolator="@android:anim/accelerate_interpolator"  
  • android:fromXScale="1"  
  • android:toXScale="1"  
  • android:fromYScale="0.1"  
  • android:toYScale="1.0"  
  • android:duration="500"  
  • android:pivotX="50%"  
  • android:pivotY="50%"  
  • android:startOffset="100" />  
  • <scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromXScale="1" android:toXScale="1" android:fromYScale="0.1" android:toYScale="1.0" android:duration="500" android:pivotX="50%" android:pivotY="50%" android:startOffset="100" />
     
    上面是一个缩放渐变的定义,from... 和 to... 分别定义缩放渐变的开始和结束的缩放倍数,上面定义X轴都为1不缩放,而Y轴从0.1到1逐渐放大(开始高度为正常大小的0.1然后逐渐放大到正常大小)。缩放持续的时间为500毫秒,缩放的中心点(通过pivotX,pivotY定义)在控件的中间位置。startOffset指定了在缩放开始前等待的时间。
    view plaincopy to clipboardprint?
  • <rotate    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:interpolator="@android:anim/accelerate_interpolator"  
  • android:fromDegrees="0.0"  
  • android:toDegrees="360"  
  • android:pivotX="50%"  
  • android:pivotY="50%"  
  • android:duration="500" />  
  • <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromDegrees="0.0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:duration="500" />
     
     
    上面定义了旋转变换,从0度变化到360度(旋转一周),时间为500毫秒,变换的中心点位控件的中心位置。
    view plaincopy to clipboardprint?
  • <translate    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:interpolator="@android:anim/accelerate_interpolator"  
  • android:fromYDelta="-100%"    
  • android:toYDelta="0"  
  • android:duration="500" />  
  • <translate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromYDelta="-100%" android:toYDelta="0" android:duration="500" />
     
     
    上面定义了位置变换,实现一种下落的效果。
     
    把上面不同的定义放到set中就可以实现不同的组合动画效果了,下面的示例实现了控件在下落的过程中逐渐显示的效果(res\anim\translate_alpha_anim.xml):
    view plaincopy to clipboardprint?
  • <set xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:interpolator="@android:anim/decelerate_interpolator">   
  • <translate    
  • android:fromYDelta="-100%"    
  • android:toYDelta="0"  
  • android:duration="500" />   
  • <alpha    
  • android:fromAlpha="0.0"    
  • android:toAlpha="1.0"  
  • android:duration="500" />   
  • </set>  
  • <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator"> <translate android:fromYDelta="-100%" android:toYDelta="0" android:duration="500" /> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500" /> </set>
     
     
    要把上面定义的动画效果应用的layout中,就要使用另外一个类:android.view.animation.LayoutAnimationController。该类把指定的效果应用到layout中的每个控件上去,使用layoutAnimation元素在xml文件中定义
    view plaincopy to clipboardprint?
  • LayoutAnimationController,该文件同样位于res/anim/目录下,下面是一个示例(res\anim\layout_anim_ctrl.xml):   
  • <layoutAnimation    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:delay="30%"  
  • android:animationOrder="reverse"  
  • android:animation="@anim/translate_alpha_anim" />  
  • LayoutAnimationController,该文件同样位于res/anim/目录下,下面是一个示例(res\anim\layout_anim_ctrl.xml): <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" android:delay="30%" android:animationOrder="reverse" android:animation="@anim/translate_alpha_anim" />
     
    上面通过animation指定了使用哪个动画(通过修改该值可以测试不同的动画效果),animationOrder指定了通过逆序的方式应用动画(在垂直的LinearLayout中就是从下往上逐个控件应用),delay指定了layout中的每个控动画的延时时间为动画持续总时间的30%。
     
    定义好LayoutAnimationController后就可以在Layout中使用了,这里使用一个ListView做演示,布局代码如下:
    view plaincopy to clipboardprint?
  • <?xml version="1.0" encoding="utf-8"?>   
  • <LinearLayout    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:orientation="vertical"    
  • android:layout_width="fill_parent"  
  • android:layout_height="fill_parent">   
  •     <ListView    
  •     android:id="@+id/list"    
  •     android:layout_width="fill_parent"  
  •     android:layout_height="fill_parent"    
  •        
  •     android:persistentDrawingCache="animation|scrolling"  
  •     android:layoutAnimation="@anim/layout_anim_ctrl" />   
  • </LinearLayout>  
  • <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ListView android:id="@+id/list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:persistentDrawingCache="animation|scrolling" android:layoutAnimation="@anim/layout_anim_ctrl" /> </LinearLayout>
     
     
    上面的代码中通过layoutAnimation指定了前面定义的LayoutAnimationController,为了使动画效果比较流畅这里还通过persistentDrawingCache设置了控件的绘制缓存策略,一共有4中策略:
    PERSISTENT_NO_CACHE 说明不在内存中保存绘图缓存; 
    PERSISTENT_ANIMATION_CACHE 说明只保存动画绘图缓存;
    PERSISTENT_SCROLLING_CACHE 说明只保存滚动效果绘图缓存
    PERSISTENT_ALL_CACHES 说明所有的绘图缓存都应该保存在内存中。
     
    在Activity中并没有什么变化,代码如下(src\org\goodev\animation\ListActivity.java):
    view plaincopy to clipboardprint?
  • public class ListActivity extends Activity {   
  •     
  •     String[] mListItems =    
  •     { "Item 1", "Item 2", "Item 3", "Item 4", "Item 5"};   
  •     
  •     @Override  
  •     public void onCreate(Bundle savedInstanceState) {   
  •        super.onCreate(savedInstanceState);   
  •        setContentView(R.layout.list);   
  •     
  •        ArrayAdapter<String> listItemAdapter =    
  •            new ArrayAdapter<String>(this,   
  •               android.R.layout.simple_list_item_1, mListItems);   
  •        ListView lv = (ListView) this.findViewById(R.id.list);   
  •        lv.setAdapter(listItemAdapter);   
  •     }   
  • }  
  • public class ListActivity extends Activity { String[] mListItems = { "Item 1", "Item 2", "Item 3", "Item 4", "Item 5"}; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.list); ArrayAdapter<String> listItemAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mListItems); ListView lv = (ListView) this.findViewById(R.id.list); lv.setAdapter(listItemAdapter); } }
     
     
    控件动画介绍
    其实控件动画也是布局动画的一种,可以看做是自定义的动画实现,布局动画在XML中定义OPhone已经实现的几个动画效果(AlphaAnimation、TranslateAnimation、ScaleAnimation、RotateAnimation)而控件动画就是在代码中继承android.view.animation.Animation类来实现自定义效果。
     
    控件动画实现
    通过重写Animation的 applyTransformation (float interpolatedTime, Transformation t)函数来实现自定义动画效果,另外一般也会实现 initialize (int width, int height, int parentWidth, int parentHeight)函数,这是一个回调函数告诉Animation目标View的大小参数,在这里可以初始化一些相关的参数,例如设置动画持续时间、设置Interpolator、设置动画的参考点等。
    OPhone在绘制动画的过程中会反复的调用applyTransformation 函数,每次调用参数interpolatedTime值都会变化,该参数从0渐变为1,当该参数为1时表明动画结束。通过参数Transformation 来获取变换的矩阵(matrix),通过改变矩阵就可以实现各种复杂的效果。关于矩阵的详细信息可以参考android.graphics.Matrix的API文档(http://androidappdocs-staging.appspot.com/reference/android/graphics/Matrix.html )。
     
    下面来看一个简单的实现:
       
    view plaincopy to clipboardprint?
  • class ViewAnimation extends Animation {   
  •        public ViewAnimation() {   
  •        }   
  •     
  •        @Override  
  •         public void initialize(int width, int height, int parentWidth, int parentHeight) {   
  •            super.initialize(width, height, parentWidth, parentHeight);   
  •            setDuration(2500);   
  •            setFillAfter(true);   
  •            setInterpolator(new LinearInterpolator());   
  •        }   
  •     
  •        @Override  
  •         protected void applyTransformation(float interpolatedTime,   
  •               Transformation t) {   
  •            final Matrix matrix = t.getMatrix();   
  •            matrix.setScale(interpolatedTime, interpolatedTime);   
  •               
  •        }   
  •     }  
  • class ViewAnimation extends Animation { public ViewAnimation() { } @Override public void initialize(int width, int height, int parentWidth, int parentHeight) { super.initialize(width, height, parentWidth, parentHeight); setDuration(2500); setFillAfter(true); setInterpolator(new LinearInterpolator()); } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final Matrix matrix = t.getMatrix(); matrix.setScale(interpolatedTime, interpolatedTime); } }
     
     
    上面的代码很简单,在initialize函数中设置变换持续的时间2500毫秒,然后设置Interpolator为LinearInterpolator并设置FillAfter为true这样可以在动画结束的时候保持动画的完整性。在applyTransformation函数中通过MatrixsetScale函数来缩放,该函数的两个参数代表X、Y轴缩放因子,由于interpolatedTime是从0到1变化所在这里实现的效果就是控件从最小逐渐变化到最大。调用View的startAnimation函数(参数为Animation)就可以使用自定义的动画了。代码如下(src\org\goodev\animation\ViewAnimActivity.java):
     
    view plaincopy to clipboardprint?
  • public class ViewAnimActivity extends Activity {   
  •     
  •     Button mPlayBtn;   
  •     ImageView mAnimImage;   
  •     
  •     @Override  
  •     public void onCreate(Bundle savedInstanceState) {   
  •        super.onCreate(savedInstanceState);   
  •        setContentView(R.layout.view_anim_layout);   
  •        mAnimImage = (ImageView) this.findViewById(R.id.anim_image);   
  •     
  •        mPlayBtn = (Button) findViewById(R.id.play_btn);   
  •        mPlayBtn.setOnClickListener(new OnClickListener() {   
  •     
  •            @Override  
  •            public void onClick(View view) {   
  •               mAnimImage.startAnimation(new ViewAnimation());   
  •            }   
  •     
  •        });   
  •     
  •     }   
  • }  
  • public class ViewAnimActivity extends Activity { Button mPlayBtn; ImageView mAnimImage; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.view_anim_layout); mAnimImage = (ImageView) this.findViewById(R.id.anim_image); mPlayBtn = (Button) findViewById(R.id.play_btn); mPlayBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { mAnimImage.startAnimation(new ViewAnimation()); } }); } }
     
     
    布局代码如下(res\layout\view_anim_layout.xml):
    view plaincopy to clipboardprint?
  • <?xml version="1.0" encoding="utf-8"?>   
  • <LinearLayout    
  • xmlns:android="http://schemas.android.com/apk/res/android"  
  • android:orientation="vertical"  
  • android:layout_width="fill_parent"  
  • android:layout_height="fill_parent"  
  • >    
  • <Button   
  • android:id="@+id/play_btn"  
  • android:layout_width="fill_parent"  
  • android:layout_height="wrap_content"  
  • android:text="Start Animation"  
  • />   
  • <ImageView    
  • android:id="@+id/anim_image"  
  • android:persistentDrawingCache="animation|scrolling"  
  • android:layout_width="fill_parent"    
  • android:layout_height="wrap_content"    
  • android:src="/blog_article/@drawable/ophone/index.html"  
  • />   
  • </LinearLayout>  
  • <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <Button android:id="@+id/play_btn" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Start Animation" /> <ImageView android:id="@+id/anim_image" android:persistentDrawingCache="animation|scrolling" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="/blog_article/@drawable/ophone/index.html" /> </LinearLayout>
     
    从上图可以看到ImageView是从左上角出来的,这是由于没有指定矩阵的变换参考位置,默认位置为(0,0),如果要想让ImageView从中间出来,可以通过矩阵变换来把参考点移动到中间来,如下实现:
       
    view plaincopy to clipboardprint?
  • class ViewAnimation extends Animation {   
  •        int mCenterX;//记录View的中间坐标   
  •        int mCenterY;   
  •        public ViewAnimation() {   
  •        }   
  •     
  •        @Override  
  •        public void initialize(int width, int height, int parentWidth, int parentHeight) {   
  •            super.initialize(width, height, parentWidth, parentHeight);   
  •            //初始化中间坐标值   
  •            mCenterX = width/2;    
  •            mCenterY = height/2;   
  •            setDuration(2500);   
  •            setFillAfter(true);   
  •            setInterpolator(new LinearInterpolator());   
  •        }   
  •     
  •        @Override  
  •        protected void applyTransformation(float interpolatedTime,   
  •               Transformation t) {   
  •            final Matrix matrix = t.getMatrix();   
  •            matrix.setScale(interpolatedTime, interpolatedTime);   
  •            //通过坐标变换,把参考点(0,0)移动到View中间   
  •            matrix.preTranslate(-mCenterX, -mCenterY);   
  •            //动画完成后再移回来   
  •            matrix.postTranslate(mCenterX, mCenterY);   
  •        }   
  •     }  
  • class ViewAnimation extends Animation { int mCenterX;//记录View的中间坐标 int mCenterY; public ViewAnimation() { } @Override public void initialize(int width, int height, int parentWidth, int parentHeight) { super.initialize(width, height, parentWidth, parentHeight); //初始化中间坐标值 mCenterX = width/2; mCenterY = height/2; setDuration(2500); setFillAfter(true); setInterpolator(new LinearInterpolator()); } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final Matrix matrix = t.getMatrix(); matrix.setScale(interpolatedTime, interpolatedTime); //通过坐标变换,把参考点(0,0)移动到View中间 matrix.preTranslate(-mCenterX, -mCenterY); //动画完成后再移回来 matrix.postTranslate(mCenterX, mCenterY); } }
     
     
    preTranslate函数是在缩放前移动而postTranslate是在缩放完成后移动。现在ImageView就是从中间出来的了。这样通过操作Matrix 可以实现各种复杂的变换。由于操作Matrix是实现动画变换的重点,这里简单介绍下Matrix的常用操作:
    • Reset():重置该矩阵
    • setScale():设置矩阵缩放
    • setTranslate():设置矩阵移动
    • setRotate():设置矩阵旋转
    • setSkew(): 使矩阵变形(扭曲)
     
    矩阵也可以相乘,从线性代数中的矩阵运算中知道M1*M2 和M2*M1 是不一样的,所以在使用concat(m1,m2)函数的时候要注意顺序。
     
    另外需要注意的是Matrix提供的API在OPhone1.0和OPhone1.5中是有变化的,请注意查看相关文档。
     
    OPhone还提供了一个用来监听Animation事件的监听接口AnimationListener,如果你对Animatioin何时开始、何时结束、何时重复播放感兴趣则可以实现该接口。该接口提供了三个回调函数:onAnimationStart、onAnimationEnd、onAnimationRepeat。
     
    使用Camera实现3D变换效果
    最后来简单介绍下OPhone提供的android.graphics.Camera类,通过该类可以在2D条件下实现3D动画效果,该类可以看做一个视图显示的3D空间,然后可以在里面做各种操作。把上面的ViewAnimation修改为如下实现可以具体看看Camera的功能:
       
    view plaincopy to clipboardprint?
  •  class ViewAnimation extends Animation {   
  •        int mCenterX;//记录View的中间坐标   
  •        int mCenterY;   
  •        Camera camera = new Camera();   
  •        public ViewAnimation() {   
  •        }   
  •     
  •        @Override  
  •        public void initialize(int width, int height, int parentWidth,   
  •               int parentHeight) {   
  •            super.initialize(width, height, parentWidth, parentHeight);   
  •            //初始化中间坐标值   
  •            mCenterX = width/2;    
  •            mCenterY = height/2;   
  •            setDuration(2500);   
  •            setFillAfter(true);   
  •            setInterpolator(new LinearInterpolator());   
  •        }   
  •     
  •        @Override  
  •        protected void applyTransformation(float interpolatedTime,   
  •               Transformation t) {   
  • //         final Matrix matrix = t.getMatrix();   
  • //         matrix.setScale(interpolatedTime, interpolatedTime);   
  • //         //通过坐标变换,把参考点(0,0)移动到View中间   
  • //         matrix.preTranslate(-mCenterX, -mCenterY);   
  • //         //动画完成后再移回来   
  • //         matrix.postTranslate(mCenterX, mCenterY);   
  •            final Matrix matrix = t.getMatrix();   
  •            camera.save();   
  •            camera.translate(0.0f, 0.0f, (1300 - 1300.0f * interpolatedTime));   
  •            camera.rotateY(360 * interpolatedTime);   
  •            camera.getMatrix(matrix);   
  •            matrix.preTranslate(-mCenterX, -mCenterY);   
  •            matrix.postTranslate(mCenterX, mCenterY);   
  •            camera.restore();   
  •        }   
  •     }  
  •  class ViewAnimation extends Animation { int mCenterX;//记录View的中间坐标 int mCenterY; Camera camera = new Camera(); public ViewAnimation() { } @Override public void initialize(int width, int height, int parentWidth, int parentHeight) { super.initialize(width, height, parentWidth, parentHeight); //初始化中间坐标值 mCenterX = width/2; mCenterY = height/2; setDuration(2500); setFillAfter(true); setInterpolator(new LinearInterpolator()); } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { // final Matrix matrix = t.getMatrix(); // matrix.setScale(interpolatedTime, interpolatedTime); // //通过坐标变换,把参考点(0,0)移动到View中间 // matrix.preTranslate(-mCenterX, -mCenterY); // //动画完成后再移回来 // matrix.postTranslate(mCenterX, mCenterY); final Matrix matrix = t.getMatrix(); camera.save(); camera.translate(0.0f, 0.0f, (1300 - 1300.0f * interpolatedTime)); camera.rotateY(360 * interpolatedTime); camera.getMatrix(matrix); matrix.preTranslate(-mCenterX, -mCenterY); matrix.postTranslate(mCenterX, mCenterY); camera.restore(); } }
     
    camera.translate(0.0f, 0.0f, (1300 - 1300.0f * interpolatedTime))在第一次调用的时候interpolatedTime值为0,相当于把ImageView在Z轴后移1300像素,然后逐步的往前移动到0,同时camera.rotateY(360 * interpolatedTime)函数又把ImageView沿Y轴翻转360度

        
    [2] 属性门类和相关函数
        来源: 互联网  发布时间: 2014-02-18
    属性类型和相关函数
    属性(Property)类型定义了对描述属性的结构体objc_property的不透明的句柄。

    typedef struct objc_property *Property;

    您可以使用函数class_copyPropertyList和protocol_copyPropertyList来获得类(包括范畴类)或者协议类中的属性列表:

    objc_property_t *class_copyPropertyList(Class cls, unsigned int *outCount)
    objc_property_t *protocol_copyPropertyList(Protocol *proto, unsigned int *outCount)

    例如,有如下的类声明:

    @interface Lender : NSObject {
        float alone;
    }
    @property float alone;
    @end

    您可以象这样获得它的属性:

    id LenderClass = objc_getClass("Lender");
    unsigned int outCount;
    objc_property_t *properties = class_copyPropertyList(LenderClass, &outCount);

    您还可以通过property_getName函数获得属性的名字:

    const char *property_getName(objc_property_t property)
    函数class_getProperty和protocol_getProperty则在类或者协议类中返回具有给定名字的属性的引用:

    objc_property_t class_getProperty(Class cls, const char *name)
    objc_property_t protocol_getProperty(Protocol *proto, const char *name, BOOL isRequiredProperty, BOOL isInstanceProperty)

    通过property_getAttributes函数可以获得属性的名字和@encode编码。关于类型编码的更多细节,参考“类型编码“一节;关于属性的类型编码,见“属性类型编码”及“属性特征的描述范例”。

    const char *property_getAttributes(objc_property_t property)
    综合起来,您可以通过下面的代码得到一个类中所有的属性。

    id LenderClass = objc_getClass("Lender");
    unsigned int outCount, i;
    objc_property_t *properties = class_copyPropertyList(LenderClass, &outCount);
    for (i = 0; i < outCount; i++) {
        objc_property_t property = properties;
        fprintf(stdout, "%s %s\n", property_getName(property), property_getAttributes(property));
    }
    1 楼 ext 2010-01-18  
    long4 兄
    这篇文章看起比 cocoachina 上的丰满不少哈。

        
    [3] 资料列表
        来源: 互联网  发布时间: 2014-02-18
    文件列表

    文件列表

     

    [功能]

    文件列表

     

     

    [思路]

    1. 在android世界 文件 目录 是一样对待的 而文件也是统称 比如:视频文件 音频文件 文档文件 都是文件 都一视同仁

    2. 而 File 能够封装 文件和目录

     

    [代码]

    1. 用File 来封装 /sdcard/dcim 目录

    File file = new File("/sdcard/");

     

    2. 列出该目录下的所有文件 返回 File 的数组

    File[] list= file.listFiles();

     

    3. 取出该数组的所有内容 把 File 名字 类型 存入 List<Map<String,String>> 供 SimpleAdapter 使用

    for( File f : list ){
             
             Map<String,String> item =new HashMap<String, String>();
             
             item.put(COLUMN_NAME, f.getName().toString());
             
             if(f.isFile()){
              item.put(COLUMN_TYPE, "file");
             }
             else if(f.isDirectory()){
              item.put(COLUMN_TYPE, "directory");
             }
             
             index.add(item);
            }

     

     

    4. 把数据装入 SimpleAdapter 并适配之

    String[] from={COLUMN_NAME,COLUMN_TYPE};
            int[] to={android.R.id.text1,android.R.id.text2};
            
    		SimpleAdapter adapter = new SimpleAdapter(this,index,android.R.layout.simple_list_item_2,from,to);
            
            this.setListAdapter(adapter);

     

     

     

    5. 补充 一些关于 File 的一些函数

    * 取出该 File 的名字 或 目录名
    public String getName ()  
    
    * 判断该 File 是否 文件 
    public boolean isFile () 
    
    
    * 判断该 File 是否 目录 
    public boolean isDirectory ()
    
    * 返回 File 对应的 目录
    public String getPath () 

     

     

     

    6. 通过 adb shell 看到的 sdcard 内容:

    E:\android-dev\sdk\android-sdk-windows-1.5_r2\tools>adb shell
    # cd sdcard
    cd sdcard
    # ls
    ls
    sample.mp3
    folder
    eoeAndroid.txt
    HelloAndroid.txt
    HelloWorlds.txt
    edison.jpg
    star.jpg
    12stars0001.png
    12stars0002.png
    12stars0003.png
    griffin.txt

     

     

    而 emulator 的结果为:

     

     

    done!

     

    1 楼 wjb_forward 2010-03-12  
    请问:创建Adapter实例的时候,传进去那个数组是什么意思啊
    2 楼 gryphone 2010-03-15  

            SimpleAdapter adapter = new SimpleAdapter(this,index,android.R.layout.simple_list_item_2,from,to);  
    wjb_forward 写道
    请问:创建Adapter实例的时候,传进去那个数组是什么意思啊

    你说的是 "SimpleAdapter adapter = new SimpleAdapter(this,index,android.R.layout.simple_list_item_2,from,to); "里面第2参数:index 么?

    那个只是普通的 List<Map<String String>> 至于为什么不采用String[] 因为:前者所存放的内容是可变的 而后者是固定的 而每次查询目标目录的所以文件/目录 是变化的 所以使用这种数据结构

        
    最新技术文章:
    ▪Android开发之登录验证实例教程
    ▪Android开发之注册登录方法示例
    ▪Android获取手机SIM卡运营商信息的方法
    ▪Android实现将已发送的短信写入短信数据库的...
    ▪Android发送短信功能代码
    ▪Android根据电话号码获得联系人头像实例代码
    ▪Android中GPS定位的用法实例
    ▪Android实现退出时关闭所有Activity的方法
    ▪Android实现文件的分割和组装
    ▪Android录音应用实例教程
    ▪Android双击返回键退出程序的实现方法
    ▪Android实现侦听电池状态显示、电量及充电动...
    ▪Android获取当前已连接的wifi信号强度的方法
    ▪Android实现动态显示或隐藏密码输入框的内容
    ▪根据USER-AGENT判断手机类型并跳转到相应的app...
    ▪Android Touch事件分发过程详解
    ▪Android中实现为TextView添加多个可点击的文本
    ▪Android程序设计之AIDL实例详解
    ▪Android显式启动与隐式启动Activity的区别介绍
    ▪Android按钮单击事件的四种常用写法总结
    ▪Android消息处理机制Looper和Handler详解
    ▪Android实现Back功能代码片段总结
    ▪Android实用的代码片段 常用代码总结
    ▪Android实现弹出键盘的方法
    ▪Android中通过view方式获取当前Activity的屏幕截...
    ▪Android提高之自定义Menu(TabMenu)实现方法
    ▪Android提高之多方向抽屉实现方法
    ▪Android提高之MediaPlayer播放网络音频的实现方法...
    ▪Android提高之MediaPlayer播放网络视频的实现方法...
    ▪Android提高之手游转电视游戏的模拟操控
     


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3