android图形图像-创新互联


android图形图像 Tween动画和Frame动画

为乐业等地区用户提供了全套网页设计制作服务，及乐业网站建设行业解决方案。主营业务为网站设计、网站制作、乐业网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！1、Android平台提供了两类动画，分别是Tween动画和Frame动画。

Tween通过场景里的对象不断的进行图片的变换，比如平移、渐变、缩放、
旋转等来产生动画效果；
Frame动画叫做顺序播放实现做好的图像和电影类似。另外加上gif动画，
因为如果直接使用Bitmap或其他方法直接调用gif图片资源的话，显示的
是静态的，如果要做成动态的，就需要一些其他的方法来实现。

Tween动画分类：

Alpha：渐变透明度动画
Scale：渐变尺寸伸缩动画
Translate：画面转换位置移动动画
Rotate：画面转移旋转动画

有两种方式(java，xml)：
java: 

AlphaAnimation anim = new AlphaAnimation(0,1);
anim.setDuration(3000);
imageView.startAnimation(anim);

xml:
res/anim 

<?xml version="1.0" encoding="utf-8"?><alphaxmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    android:duration="2000"  ></alpha>
Animation animation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.alpha);
imageView.startAnimation(animation);

2)scale
ScaleAnimation(float fromX, float toX, float fromY,
float toY, int pivotXType, floatXValue,
int pivotYType, float pivotYValue)
   功能：创建一个渐变尺寸伸缩动画
   参数：fromX，toX分别是起始和结束时x坐标上的伸缩尺寸。
   fromY,toY分别是起始和结束时ye坐标上的伸缩尺寸。
   pivotXValue，pivotYValue分别为伸缩动画相对于x,y坐标开始的位置，
   pivotXType，pivotYType分别为x,y的伸缩模式。
2.1)、直接在程序中实现的方式java代码： 

Animation scale = new ScaleAnimation(0f, 1f, 0f, 1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);?
    scale.setDuration(5000);?//设置动画持续时间?    img.startAnimation(scale); //开始动画

ps:

相对于(0,0)位置

Animation anim = new ScaleAnimation(0, 1, 0, 1);

相对与自身中心位置

Animation anim = new ScaleAnimation(1.0f,0.0f,1.0f,0.0f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);

是否保持动画后的状态，true表示保持

anim.setFillAfter(true);

消失在(300,300)的位置

Animation anim = new ScaleAnimation(1.0f,0.0f,1.0f,0.0f,Animation.ABSOLUTE,300,Animation.ABSOLUTE,300);

*****重点理解
00……………………………………………………………………………………………………………………………..

2.2).xml

<?xml version="1.0" encoding="utf-8"?><scalexmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXScale="0.0"
    android:toXScale="1.0"
    android:fromYScale="0.0"
    android:toYScale="1.0"
    android:pivotX="300"
    android:pivotY="300"  ></scale>

以指定位置(300,300)为中心点

<?xml version="1.0" encoding="utf-8"?><scalexmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXScale="0.0"
    android:toXScale="1.0"
    android:fromYScale="0.0"
    android:toYScale="1.0"
    android:pivotX="50%"
    android:pivotY="50%"  ></scale>

通过%来表示相对于自身什么位置

<scalexmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXScale="0.0"
    android:toXScale="1.0"
    android:fromYScale="0.0"
    android:toYScale="1.0"
    android:pivotX="50%p"
    android:pivotY="100%p"  >  </scale>

通过p表示相对于父控件什么位置

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

指定速度变化过程

3)translate
TranslateAnimation(float fromXDelta, float toXDelta, float YDelta, float toYDelta)
   功能：创建一个移动画面位置的动画
   参数：fromXDelta,fromYDelta分别是其实坐标；toXDelta,toYDelta分别是结束坐标
1、直接在程序中实现java代码： 

Animation translate = new TranslateAnimation(10, 100, 10, 100);
translate.setDuration(3000);?//设置动画持续时间?img.startAnimation(translate); //开始动画?

2、在XML中创建动画 
<?xml version="1.0" encoding="utf-8"?><translatexmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="10"
android:toXDelta="100"
android:fromYDelta="10"
android:toYDelta="100"
android:duration="5000"/>

   java调用

Animation translate = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.translate_anim);?
    img.startAnimation(translate);//开始动画

4)rotate
Rotate(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType,float pivotYValue)
   功能：创建一个旋转画面的动画
   参数：fromDegrees为开始的角度；toDegrees为结束的角度。pivotXValue、pivotYType分别为x,y的伸缩模式。pivotXValue，pivotYValue分别为伸缩动画相对于x,y的坐标开始位置
1、直接在程序中创建动画java代码： 

Animation rotate = new RotateAnimation(0f,+360f,?
Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);?
rotate.setDuration(3000);
img.startAnimation(rotate);

5)AnimationSet
是一个动画集合
java： 

AnimationSet as = new AnimationSet(true);
as.setDuration(2000);//给每一个Animation指定持续时间as.setInterpolator(new LinearInterpolator());//指定AnimationSet中所有的Animation都是匀速Animation rotateAnim = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF,0.5f);
//rotateAnim.setDuration(2000);rotateAnim.setStartOffset(1000);//在下边startAnimation之后，过多长时间开始执行动画AlphaAnimation alphaAnim = new AlphaAnimation(0, 1);
//alphaAnim.setDuration(2000);as.addAnimation(rotateAnim);
as.addAnimation(alphaAnim);
imageView.startAnimation(as);

xml:

<?xml version="1.0" encoding="utf-8"?><setxmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:duration="2000"  >  <rotate 
android:fromDegrees="0"
        android:toDegrees="-360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:startOffset="2000"   />  <scale
android:fromXScale="1"
        android:toXScale="3"
        android:fromYScale="1"
        android:toYScale="3"
        android:pivotX="0"
        android:pivotY="0"   /></set>
Animation anim = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.set);
imageView.startAnimation(anim);

ps:1.监听Animation状态的事件AnimationListener 

anim.setAnimationListener(new AnimationListener() {
    @Override
public void onAnimationStart(Animation animation) {
        
    }
    @Override
public void onAnimationRepeat(Animation animation) {
        
    }
    @Override
public void onAnimationEnd(Animation animation) {
        
    }
});
ps.2.启动Animation两种方式
imageView.startAnimation(anim);

imageView.setAnimation(anim);
anim.start();
以上两者等价
anim.cancle();

2.Frame动画

2.1 java的实现：

方式一： 

private int[] images = {R.drawable.pic1,
    R.drawable.pic2,R.drawable.pic3,
    R.drawable.pic4};
final AnimationDrawable animDrawable = new AnimationDrawable();

for(int i=0;i<4;i++){
    animDrawable.addFrame(getResources().getDrawable(images[i]),80);
}
image.setBackgroundDrawable(animDrawable);
animDrawable.setOneShot(false);
btn1.setOnClickListener(new OnClickListener() {
    @Override
public void onClick(View v) {
        animDrawable.start();
//                animDrawable.stop();    }
});

方式二：
要求是文件命名要遵循一定规律，方便递归查找。
for(int i=0;i<4;i++){
   //参数1，文件名
   //参数2，资源类型
   //参数3，是那个package的。
   int resId = getResources().getIdentifier("pic"+(i+1), "drawable", "com.anjoyo.animation2");
   animDrawable.addFrame(getResources().getDrawable(resId), 500);
}
image.setBackgroundDrawable(animDrawable);
animDrawable.start();

2.2xml的实现：
定义： 

<?xml version="1.0" encoding="utf-8"?><animation-listxmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">  <itemandroid:drawable="@drawable/pic1" android:duration="500"/>  <itemandroid:drawable="@drawable/pic2" android:duration="500"/>  <itemandroid:drawable="@drawable/pic3" android:duration="500"/>  <itemandroid:drawable="@drawable/pic4" android:duration="500"/></animation-list>
使用1： 
AnimationDrawable d = (AnimationDrawable) getResources().getDrawable(R.anim.frame);
image.setBackgroundDrawable(d);
d.start();
使用2，在xml中使用： 
<ImageView
android:id="@+id/image"
    android:layout_width="300dp"
    android:layout_height="400dp"
    android:background="@anim/frame"  />

AnimationDrawable d = (AnimationDrawable) image.getBackground();
d.start();

当前题目：android图形图像-创新互联
网站网址：https://www.cdcxhl.com/article18/cogcdp.html

成都网站建设公司_创新互联，为您提供网站内链、响应式网站、网站排名、网站营销、关键词优化、品牌网站建设

广告

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

猜你还喜欢下面的内容

外贸网站建设

网站排名知识

分类信息网