代码编织梦想

 

逐帧动画

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_frame_animation"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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.animation.frame.FrameAnimationActivity">

    <View
        android:id="@+id/view"
        android:background="@drawable/loading"
        android:layout_centerInParent="true"
        android:layout_width="300dp"
        android:layout_height="300dp" />

    <LinearLayout
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/btnStart"
            android:text="Start"
            android:onClick="onClick"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content" />

        <Button
            android:id="@+id/btnStop"
            android:text="Stop"
            android:onClick="onClick"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content" />
    </LinearLayout>

</RelativeLayout>

loading.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="true"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/frame_1"
        android:duration="100" />

    <item
        android:drawable="@drawable/frame_2"
        android:duration="100" />

    <item
        android:drawable="@drawable/frame_3"
        android:duration="100" />
</animation-list>
package com.animation.frame;

import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;

import com.animation.R;

public class FrameAnimationActivity extends AppCompatActivity {

    private AnimationDrawable animationDrawable;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_frame_animation);

        View view = findViewById(R.id.view);
        animationDrawable = (AnimationDrawable) view.getBackground();
        animationDrawable.setOneShot(true);
    }

    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.btnStart:
                animationDrawable.start();
                break;
            case R.id.btnStop:
                animationDrawable.stop();
                break;
        }
    }
}

视图动画

 

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_38107457/article/details/122763206

【笔记】js动画效果(慕课)-爱代码爱编程

一、运动框架实现思路     1. 速度 改变值left、right、width、height、opacity。     2. 缓冲运动 speed=目标位置与当前位置做减法再除以一个数字,则越到目标速度越慢。     3. 多物体运动 每个物体设置用对象属性(object.timer)设置一个单独的定时器,以免多个物体产生争夺定时器的现象。

android实现慕课网引导页导航效果-爱代码爱编程

</pre><pre name="code" class="java"> package com.example.viewgpagmp4; import android.app.Activity; import android.content.Intent; import android.content.SharedPrefe

viewpager的动画效果(学习自慕课网)-爱代码爱编程

先上效果一: 先上效果二: 先上效果三: 首先定义好viewPager控件,其次,是调用一行代码实现动画效果, pager.setPageTransformer(true,new DepthPageTransformer()); 前提是需要做一些准备操作的,且只有api3.0以上才可以有效。 注:因为属性动画是3.0以后才出

前端学习之慕课网--js绘制动画效果-爱代码爱编程

前言 本来是国庆节的任务,结果国庆直接睡了7天~(捂脸)然后国庆回来就是各种事情,不过这依然阻止不了我对慕课女神的热爱~(撒花)~长假回来第一天就学习了《JS动画效果》 然后开始整理笔记~吼吼(我是个好孩纸~) 首先对

慕课七夕主题动画效果_韩能能的博客-爱代码爱编程

慕课七夕主题动画效果 项目简介 使用面向接口的编程方式,采用H5 + JS + CSS3的混合使用实现整个功能。通过使用多个精灵图以及雪碧图,实现了静与动的完美结合,为情侣们送上真挚的祝福。 具体功能实现方法 自

饿了么慕课网学习手记(三)加入购物车动画-爱代码爱编程

1.加入购物车按钮组件 将加入购物车按钮部分抽离成一个组件,因为会多次复用到,即: //carControl.vue <template> <div class="car-control">

慕课 简书项目 个人笔记-爱代码爱编程

第1章 课程导学 本章主要介绍学习react的重要性,课程的知识大纲,学习前提,讲授方式及预期收获。 1-1 课程导学 React由Fackbook 2013年5月推出开源框架, 函数式编程 React 16以后的版本 -->也称React Fiber 第2章 React初探 本章主要讲解React项目的开发环境搭建

android移动开发慕课版本_Android移动开发基础教程(慕课版)-爱代码爱编程

第 1章 Android入门 1 1.1 Android的起源和发展 2 1.1.1 Android的起源 2 1.1.2 Android平台架构 2 1.2 Android开发环境搭建 3 1.2.1 Android Studio的安装 3 1.2.2 Gradle文件介绍和常用设置 5第 1章 Android入门 1 1.1 Andr

慕课网前端面试总结-爱代码爱编程

一、HTML面试题 1.如何理解HTML语义化? 让人更容易读懂(增加代码可读性)让搜索引擎更容易读懂(SEO)2.默认情况下,哪些HTML是块状元素、哪些是内联元素? display:block/table;包括:div h1 h2 table ul ol p等;特点为独占一行display:incline/incline-block;包括span

jQuery 常用API-爱代码爱编程

jQuery 常用API 1、jQuery 选择器1.1 、jQuery 基础选择器1.2 、jQuery 层级选择器1.3 、隐式迭代(重要)1.4 、jQuery 筛选选择器1.5、 jQuery 筛选方法(重点)1.6 、jQuery 里面的排他思想1.7、 链式编程2、jQuery 样式操作2.1 、操作 css 方法2.2 、设置类样式方

vue中如何实现滚动页面的动画-animate.css和wow.js-爱代码爱编程

两种方法: 第一种方法:npm安装包animate.css和wow.js 第二种方法:静态资源的引入 第一种方法: 1.引入静态资源包 静态资源包,需要注意的是。必须放到static文件夹下面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"