zoukankan      html  css  js  c++  java
  • 逐帧动画

    逐帧动画也是有2钟实现方式,一种是在drawable里面定义资源,一种是在代码里面定义资源下面先说第一种

    第一步:首先在drawable文件夹里面定义资源文件fat_po.xml(名字随意),注意一定是在drawa,在其他文件夹会出错(android studio开发环境),

    android:oneshot="false"这个是控制动画循环播放,false是循环,true是不循环
    <?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:oneshot="false"
        >
    <item android:drawable="@drawable/sng" android:duration="60"/>
    <item android:drawable="@drawable/po01" android:duration="60"/>
    <item android:drawable="@drawable/po02" android:duration="60"/>
    <item android:drawable="@drawable/po03" android:duration="60"/>
    <item android:drawable="@drawable/po04" android:duration="60"/>
    </animation-list>

    第二步:给定一个播放动画的ImageView

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.administrator.myapplication.MainActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <Button
                android:text="start"
                android:id="@+id/start"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content" />
    
            <Button
                android:text="stop"
                android:id="@+id/stop"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content" />
        </LinearLayout>
    
        <ImageView
           
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
    </LinearLayout>

    第三步:

    import android.content.Intent;
    import android.graphics.drawable.AnimationDrawable;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.support.v7.widget.ButtonBarLayout;
    import android.support.v7.widget.CardView;
    import android.view.View;
    import android.widget.Button;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    import java.util.Calendar;
    import java.util.Locale;
    
    public class MainActivity extends AppCompatActivity {
    
        Button start;
        Button stop;
        ImageView imageView;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            imageView = (ImageView) findViewById(R.id.imageView);
    
            start = (Button) findViewById(R.id.start);
            stop = (Button) findViewById(R.id.stop);
    //资源适配
            imageView.setImageResource(R.drawable.fat_po);
            final AnimationDrawable anim = (AnimationDrawable) imageView.getDrawable();
            //定义开始播放
            start.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    anim.start();
                }
            });
    //定义结束播放
            stop.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    anim.stop();
                }
            });
        }
    
    
    }

    附上AnimationDrawable 几个常见的api

    • void start() - 开始播放动画

    • void stop() - 停止播放动画

    • addFrame(Drawable frame, int duration) - 添加一帧,并设置该帧显示的持续时间

    • void setOneShoe(boolean flag) - false为循环播放,true为仅播放一次

    • boolean isRunning() - 是否正在播放

  • 相关阅读:
    js 的关键字
    如何理解闭包?
    post请求下载文件,获取Content-Disposition文件名
    reactjs踩坑记
    原生js的一些盲点
    js深拷贝
    使用 event.preventDefault() 时报错 Unable to preventDefault inside passive event listener invocation.
    vue项目中 在index.html里引入css不生效的解决方式
    Do not access Object.prototype method‘hasOwnProperty’ from target object no-prototype-builtins
    AJAX详解
  • 原文地址:https://www.cnblogs.com/laoyimou/p/6645076.html
Copyright © 2011-2022 走看看