Android實現仿慕課網下拉載入動畫_Android

來源:互聯網
上載者:User

具體實現方法就不多介紹了先附上源碼,相信大家都容易看的懂:

這裡為了讓這個動畫效果可被複用,於是就繼承了ImageView 去實現某些方法

 

package com.example.loading_drawable;import android.content.Context;import android.graphics.drawable.AnimationDrawable;import android.util.AttributeSet;import android.util.Log;import android.view.View;import android.view.animation.Animation;import android.widget.ImageView;public class MyImgView extends ImageView {// 動畫圖層類private AnimationDrawable bg_anim;public MyImgView(Context context) {super(context, null);initView();}public MyImgView(Context context, AttributeSet attrs) {super(context, attrs, 0);}public MyImgView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}  //初始化private void initView() {setBackgroundResource(R.drawable.flash_anim);bg_anim = (AnimationDrawable) getBackground();Log.i("AAA", "iniView");}/*** 開啟動畫效果*/public void startAnim() {if (bg_anim != null) { bg_anim.start();}}/*** 停止動畫效果*/public void stopAnim() {if (bg_anim != null && bg_anim.isRunning()) { bg_anim.stop();}}/** (non-Javadoc)* * @see android.widget.ImageView#setVisibility(int) 當控制項被顯示時就調用 開啟動畫效果,反之*/@Overridepublic void setVisibility(int visibility) {super.setVisibility(visibility);if (visibility == View.VISIBLE) { startAnim();} else { stopAnim();}}}

 接下來就是:在res檔案夾下建立 drawable檔案夾,再此檔案夾下建立 flash_anim.xml檔案,具體如下:

 

<?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/a01_02" android:duration="50"/><item android:drawable="@drawable/a01_04" android:duration="50"/><item android:drawable="@drawable/a01_06" android:duration="50"/><item android:drawable="@drawable/a01_08" android:duration="50"/><item android:drawable="@drawable/a01_10" android:duration="50"/><item android:drawable="@drawable/a01_12" android:duration="50"/><item android:drawable="@drawable/a01_14" android:duration="50"/><item android:drawable="@drawable/a01_16" android:duration="50"/><item android:drawable="@drawable/a01_25" android:duration="50"/><item android:drawable="@drawable/a01_26" android:duration="50"/><item android:drawable="@drawable/a01_27" android:duration="50"/><item android:drawable="@drawable/a01_28" android:duration="50"/><item android:drawable="@drawable/a01_30" android:duration="50"/><item android:drawable="@drawable/a01_31" android:duration="50"/><item android:drawable="@drawable/a01_32" android:duration="50"/><item android:drawable="@drawable/a01_41" android:duration="50"/><item android:drawable="@drawable/a01_42" android:duration="50"/><item android:drawable="@drawable/a01_43" android:duration="50"/><item android:drawable="@drawable/a01_44" android:duration="50"/><item android:drawable="@drawable/a01_45" android:duration="50"/><item android:drawable="@drawable/a01_46" android:duration="50"/><item android:drawable="@drawable/a01_47" android:duration="50"/><item android:drawable="@drawable/a01_48" android:duration="50"/><item android:drawable="@drawable/a01_57" android:duration="50"/><item android:drawable="@drawable/a01_58" android:duration="50"/><item android:drawable="@drawable/a01_59" android:duration="50"/><item android:drawable="@drawable/a01_60" android:duration="50"/><item android:drawable="@drawable/a01_61" android:duration="50"/><item android:drawable="@drawable/a01_62" android:duration="50"/><item android:drawable="@drawable/a01_63" android:duration="50"/><item android:drawable="@drawable/a01_64" android:duration="50"/></animation-list>

這樣就基本搞定了,接下來就要在main中調用自訂的main就可以;如下:

package com.example.loading_drawable;import android.app.Activity;import android.os.Bundle;import android.view.Gravity;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.LinearLayout;import android.widget.LinearLayout.LayoutParams;/*** @author Administrator 慕課網下拉重新整理進度顯示控制項* */public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); LinearLayout rootLayout = new LinearLayout(this); rootLayout.setOrientation(LinearLayout.VERTICAL); rootLayout.setLayoutParams(new LinearLayout.LayoutParams(   LinearLayout.LayoutParams.MATCH_PARENT,   LinearLayout.LayoutParams.MATCH_PARENT)); rootLayout.setGravity(Gravity.CENTER); Button btn = new Button(this); btn.setText("展現動畫"); final MyImgView imgView = new MyImgView(MainActivity.this); imgView.setLayoutParams(new LinearLayout.LayoutParams(   LinearLayout.LayoutParams.WRAP_CONTENT,   LinearLayout.LayoutParams.WRAP_CONTENT)); imgView.setVisibility(View.GONE); rootLayout.addView(btn); rootLayout.addView(imgView); setContentView(rootLayout); btn.setOnClickListener(new OnClickListener() {  @Override  public void onClick(View arg0) {   imgView.setVisibility(View.VISIBLE);  } });}}

這裡是用自訂代碼布局檔案做的,布局方便,外掛程式代碼整合,如上所述,這個動畫就完成了,只在需要的地方設定imgview為顯示,動畫就會開啟,隱藏動畫就會被關閉。

具體內容到此為止,希望大家能夠喜歡。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.