zoukankan      html  css  js  c++  java
  • 拍照按钮的动画

    动画一 简单实现

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/bg_btn_white" />
        <item
            android:bottom="20.0dip"
            android:drawable="@drawable/ic_shutter_24dp"
            android:left="20.0dip"
            android:right="20.0dip"
            android:top="20.0dip" />
    </layer-list>
    mShutterButton.setImageResource(R.drawable.photo_shutter_button);

    动画二 复杂实现:

    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/shutter_button_pressed"
        android:oneshot="true" >
    
        <item
            android:drawable="@drawable/shutter_button_0"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_1"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_2"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_3"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_4"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_5"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_6"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_5"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_4"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_3"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_2"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_1"
            android:duration="33"/>
        <item
            android:drawable="@drawable/shutter_button_0"
            android:duration="33"/>
    
    </animation-list>
     mShutterButton.setImageResource(R.drawable.shutter_button_anim);
            mShutterButton.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v) {
                        doShutterAnimation();         
            });

    public void doShutterAnimation() {
    AnimationDrawable frameAnimation = (AnimationDrawable) mShutterButton.getDrawable();
    frameAnimation.stop();
    frameAnimation.start();
    }
     
  • 相关阅读:
    【webpack 系列】进阶篇
    【webpack 系列】基础篇
    手写 Promise 符合 Promises/A+规范
    React-redux: React.js 和 Redux 架构的结合
    Redux 架构理解
    javascript 中的 this 判定
    编译原理
    vue 响应式原理
    强大的版本管理工具 Git
    js实现跨域(jsonp, iframe+window.name, iframe+window.domain, iframe+window.postMessage)
  • 原文地址:https://www.cnblogs.com/hixin/p/8565533.html
Copyright © 2011-2022 走看看