android圓形動畫

❶ Android 圓角、圓形 ImageView 實現

我們要實現的圖片控制項繼承自 AppCompatImageView ，它是 ImageView 的子類，但提供了更好的兼容性，我們在此基礎上添加了若干自定義的屬性和方法以實現最終的 NiceImageView ：

要實圓角或者圓形的顯示效果，就是對圖片顯示的內容區域進行「裁剪」，只顯示指定的區域即可。如何做呢？

一種比較直接的辦法是這樣的，由於圖片是被繪制在畫布上的，所以用 canvas 的 clipPath() 方法先將畫布裁剪成指定形狀，這樣就能讓圖片按指定形狀顯示了，重新 draw() 方法即可：

這樣使用 src 、 background 屬性給ImageView設置顯示的圖片都能達到預期的顯示效果。但是由於 clipPath() 方法不支持抗鋸齒，圖片邊緣會有明顯的毛糙感，體驗並不理想，所以需要尋找其它方法。

另一種方法是使用圖像的 Alpha 合成模式 ，即
PorterDuff 來實現， 官方文檔 。這里我們使用其中的 DST_IN 模式。整個過程就是先繪制目標圖像，也就是圖片；再繪制原圖像，即一個圓角矩形或者圓形，這樣最終目標圖像只顯示和原圖像重合的區域。

到這里就實現了顯示為圓角或者圓形了。但是需要通過 src 屬性或者對應的方法來設置圖片，否則不能達到預期效果。

繪制邊框就相對容易理解了，只需要繪制一個指定樣式的圓角矩形或者圓形即可：

當圖片顯示為圓形時，還可以繪制一個內邊框，但圓角矩形的話由於圓角大小的問題，目前只能設置一個邊框咯。

但是有個問題，繪制的邊框會覆蓋在圖片上，如果邊框太寬會導致圖片的可見區域變小了，影像顯示效果，像這樣，左下角的花盆不見了：

那麼如何讓邊框不覆蓋在圖片上呢？可以在 Alpha 合成繪制前先將畫布縮小一定比例，最後再繪制邊框，這樣問題就解決了。

縮放後的ImageView顯示區域的寬高就是原寬、高分別減去2倍的邊框寬度，這樣縮小的比例也就顯而易見了。效果如下，左下角的花盆出來了：

遮罩可以理解為一層帶透明度的顏色，遮罩默認不繪制，當制定了遮罩顏色時才會繪制，實現很簡單：

例如加一個透明度30%的紅色遮罩後的效果：

核心的實現邏輯就這些了，剩下的就是自定義屬性和方法了，有興趣的可以看源碼，都很簡單，希望對你有所幫助吧！

更多細節及用法見GitHub： https://github.com/SheHuan/NiceImageView

如果你需要實現類似釘釘的圓形組合頭像，例如：

❷ android中怎麼讓圓形進度條動畫

首先解決問題一的問題： 你肯定使用了系統的 oncreateDialog 和 showdialog 方法了，所以 這個就會顯示一次 第二次不顯示了 ， 你應該調用 dialog方法裡面的 show（）方法 來顯示，這樣每次顯示那個progressbar都會在轉圈 問題二： 你說下面設置了一個白色背景，但是下面還是有個框，不過我有個疑問，如果你設置為白色背景，那麼你的轉條默認是白色的不就看不見了嗎？好了這個問題不糾結了！那個黑色的是邊框導致的，去掉邊框就行了 一般我們採用的是自定義dialog，也就是寫一個類來繼承dialog，這個時候的構造函數是這個： public MyDialog(Context context, int theme) { super(context, theme); this.context = context; init(); } 這個theme是什麼東西呢？ 就是一個style樣式 如下： <resources>    <style name="dialog" parent="@android:style/Theme.Dialog">        <item name="android:windowFrame">@null</item><!--邊框--        <item name="android:windowIsFloating">true</item><!--是否浮現在activity之上--       <item name="android:windowIsTranslucent">false</item><!--半透明--        <item name="android:windowNoTitle">true</item><!--無標題--        <item name="android:windowBackground">@color/transparent</item><!--背景透明--        <item name="android:backgroundDimEnabled">false</item><!--模糊--    </style></resources>  其他代碼： @Override public boolean onKeyDown(int keyCode, KeyEvent event) { Dialog dialog = new MyDialog(this, R.style.MyDialog); android.view.WindowManager.LayoutParams pa3 = new android.view.WindowManager.LayoutParams(); pa3.height = android.view.WindowManager.LayoutParams.WRAP_CONTENT; pa3.width = android.view.WindowManager.LayoutParams.WRAP_CONTENT; pa3.x = 0;//x 起點 pa3.y = 0;//y起點 Window window = dialog.getWindow(); window.setAttributes(pa3); dialog.show(); return super.onKeyDown(keyCode, event); } 之所以android.view.WindowManager.LayoutParams我要這么寫，因為LayoutParams太多了，我害怕你找半天，兄弟對你夠好了吧！ 要是選為精彩回答 那就謝謝你了！

❸ Android動畫之ViewPropertyAnimator（專用於view的屬性動畫）

屬性動畫對比原來的視圖動畫有很多的優點，屬性動畫可以對所有的對象做動畫操作，但Android開發中需要做動畫最多的還是View，如果只是對一個view做動畫，很少的幾個屬性還行，如果是對同一個view的十幾個屬性同時做動畫，相信屬性動畫的寫法是比較繁瑣的。ViewPropertyAnimator從名字就可以看出是專用於View的屬性動畫，在API12被提供。ViewPropertyAnimator專用於操作View動畫，語法更加簡潔，使用更加方便。
developer： https://developer.android.google.cn/reference/android/view/ViewPropertyAnimator

如何獲取ViewPropertyAnimator 對象：
ViewPropertyAnimator 沒有構造函數，通過View.animate()方法可以方便的獲取ViewPropertyAnimator 對象，此時獲取的動畫對象就專用於操作當前view。

setDuration(); //設置動畫時長
setInterpolator(); //設置插值器
setStartDelay(); //設置延遲開始時間
start(); //立刻開始動畫
cancel(); //取消動畫

明顯看到圖片先往下走了一段，然後向左的動畫才開始執行。

鏈式操作
ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(2000).translationY(300).scaleX(0.5f);

以上函數的執行，會導致相同動畫的cancle，以上函數都是除了坐標相關都是以view左上角為坐標原點。

方法都比較簡單，下面距幾個列子：

首先利用translationX，translationXBy來區分By的意義：
ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(3000).translationY(300);

ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(3000).translationYBy(300);

translationYBy 可以多次移動View，translationY多次執行沒有效果。

ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(3000).x(100).y(100);

ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(2000).rotation(270);

據觀察withEndAction相當於動畫開始，withStartAction相當於動畫結束。

可以看到可以添加setUpdateListener監聽，但無法通過這個監聽函數監聽到當前動畫的信息，所以這個監聽函數可能用處不大。

Animation動畫概述和執行原理
Android動畫之補間動畫TweenAnimation
Android動畫之逐幀動畫FrameAnimation
Android動畫之插值器簡介和系統默認插值器
Android動畫之插值器Interpolator自定義
Android動畫之視圖動畫的缺點和屬性動畫的引入
Android動畫之ValueAnimator用法和自定義估值器
Android動畫之ObjectAnimator實現補間動畫和ObjectAnimator自定義屬性
Android動畫之ObjectAnimator中ofXX函數全解析-自定義Property，TypeConverter，TypeEvaluator
Android動畫之AnimatorSet聯合動畫用法
Android動畫之LayoutTransition布局動畫
Android動畫之共享元素動畫
Android動畫之ViewPropertyAnimator（專用於view的屬性動畫）
Android動畫之Activity切換動畫overridePendingTransition實現和Theme Xml方式實現
Android動畫之ActivityOptionsCompat概述
Android動畫之場景變換Transition動畫的使用
Android動畫之Transition和TransitionManager使用
Android動畫之圓形揭露動畫Circular Reveal
Android 動畫之 LayoutAnimation 動畫
Android動畫之視圖動畫的缺點和屬性動畫的引入

❹ Android 圓形ImageView 怎樣解決邊緣鋸齒的問題

1)mPaint.setAntiAlias();
2)mPaint.setFilterBitmap(true)。
=====================================
在Android中，目前，我知道有兩種出現鋸齒的情況。
① 當我們用Canvas繪制點陣圖的時候，如果對點陣圖進行了選擇，則點陣圖會出現鋸齒。
② 在用View的RotateAnimation做動畫時候，如果View當中包含有大量的圖形，也會出現鋸齒。我們分別以這兩種情況加以考慮。
◆ 用Canvas繪制位的的情況。在用Canvas繪制點陣圖時，一般地，我們使用drawBitmap函數家族，在這些函數中，都有一個Paint參數，要做到防止鋸齒，我們就要使用到這個參數。
如下：
首先在你的構造函數中，需要創建一個Paint。 Paint mPaint = new Paint（）；
然後，您需要設置兩個參數:
1)mPaint.setAntiAlias();
2)mPaint.setFilterBitmap(true)。
第一個函數是用來防止邊緣的鋸齒，
第二個函數是用來對點陣圖進行濾波處理。
最後，在畫圖的時候，調用drawBitmap函數，只需要將整個Paint傳入即可。

◆ 有時候，當你做RotateAnimation時，你會發現，討厭的鋸齒又出現了。這個時候，由於你不能控制點陣圖的繪制，只能用其他方法來實現防止鋸齒。另外，如果你畫的點陣圖很多。不想每個點陣圖的繪制都傳入一個Paint。還有的時候，你不可能控制每個窗口的繪制的時候，您就需要用下面的方法來處理——對整個Canvas進行處理。
1）在您的構造函數中，創建一個Paint濾波器。
PaintFlagsDrawFilter mSetfil = new PaintFlagsDrawFilter(0, Paint.FILTER_BITMAP_FLAG);
第一個參數是你要清除的標志位，
第二個參數是你要設置的標志位。此處設置為對點陣圖進行濾波。
2）當你在畫圖的時候，如果是View則在onDraw當中，如果是ViewGroup則在dispatchDraw中調用如下函數。 canvas.setDrawFilter( mSetfil );
★ 最後，另外，在Drawable類及其子類中，也有函數setFilterBitmap可以用來對Bitmap進行濾波處理，這樣，當你選擇Drawable時，會有抗鋸齒的效果。

❺ Android 製作逐漸顯示動畫(描邊動畫、矢量動畫VectorDrawble)

Android 系統從5.0開始支持矢量圖，可以通過 Android Studio自帶的 Vector Assert 工具將SVG、PSD 轉成VectorDrawble。

轉化好的VectorDrawblew看起來好像挺復雜，是不是完全看不懂。沒關系，只要轉化的圖形沒有問題，你不用關心其內部數據。

我們直接進入矢量動畫部分。

矢量動畫的實現通過在xml定義<animated-vector>標簽（其對應的java對象是AnimatedVectorDrawable）實現，如下所示：

可以看到<animated-vector>標簽是主要元素是target，它其實就起到一個橋梁作用，將動畫和VectorDraw中的圖形聯系起來。

比如target1，它將屬性動畫splash_animator_draw和vectorDrawble對象中name等於line1的對象聯系起來，即：動畫將生效在line1對象上。

之前展示了由svg圖片通過Android Studio Vector Assert工具轉換過來的VectorDrawble，裡面的實際上svg畫圖語法，<path>標簽里的pathData包含了畫圖的路徑(坐標)和語法

在實際使用過程中有幾率遇到這樣兩個問題(筆者都遇到過)：

其實以上兩個問題都要求你掌握進階知識，svg畫圖語法。

官方svg語法解析： https://www.w3.org/TR/SVG/paths.html
不喜歡看英文，去這篇博客： http://www.jianshu.com/p/a3cb1e23c2c4

對於Android程序員，Lottie的動畫使用很簡單，步驟如下：

1.接入Lottie

從動畫實現上來說，Lottie動畫應該是最簡單的方法了。

Lottie的優點很明顯：

Lottie的缺點：

好了，如果覺得本文對你有幫助，請關注、留言、點贊我，謝謝！

❻ Android 動畫詳解

  android中酷炫的效果，都離不開動畫的支持。這里我們詳細介紹一下android中動畫的分類。android的中動畫分為幀動畫、補間動畫、屬性動畫。原理各不相同，實現的效果也大不相同。下面一一講解三種動畫。

  幀動畫顧名思義就是通過順序一幀一幀播放圖片從而產生動畫效果，效果類似放電影。該動畫缺點比較明顯，就是如果圖片過大過多會導致OOM。幀動畫xml文件放置在drawable目錄下而非anim文件夾下。

  補間動畫是通過對view進行旋轉、縮放、漸變、透明度變化，而達到的一種動畫效果。是一種漸進式動畫。並且可以通過組合以上四種操作，完成復雜的自定義動畫效果。缺點就是只是改變的view的展示狀態，但是不會改變view的位置。例如我們將一個button通過位移想左移動100dp，然後停留在終點。但是我們可以發現展示的位置button點擊無效果，不可以交互。而在button原始位置空白的地方點擊會觸發button的點擊效果。也就是button本質還是在原來位置，只是展示左移了100dp。

透明度動畫，通過改變view的透明度展示動畫。對應AlphaAnimation和<alpha>xml標簽

縮放動畫，通過修改view的大小展示動畫。對應ScaleAnimation類和<scale>xml表情

通過旋轉view展示動畫。對應RotateAnimation類和<rotate>xml標簽

平移動畫，更改view的展示位置展示動畫。對應TranslateAnimation類和<translate>xml表情

應用動畫xml配置

使用java類配置動畫，具體參數類同xml參數，建議使用xml配置動畫

  屬性動畫本質是通過改變對象的屬性(例如：x,y等屬性)，來實現動畫的，所以基本上是無所不能的，只要對象有這個屬性，就能實現動畫效果。屬性動畫是在api11的新特性，通過動態的改變view的屬性從而達到動畫效果。雖然可以使用nineoldandroid庫向下兼容，但是兼容本質是使用補間動畫完成，也就是說不會更改view的屬性，也不會更改view的位置。屬性動畫比較常用的類： ValueAnimator、ObjectAnimator、AnimationSet，其中ObjectAnimator是ValueAnimator的子類，而AnminationSet是動畫集合

動畫配置同樣可以使用xml配置，參數類似，這里不做詳細說明。

根據時間流逝百分比計算當前屬性改變百分比。同xml配置動畫中的 android:interpolator 屬性配置，常見有LinearInterpolator（線性差值器）、（加速減速差值器）
等。自定義需要實現 Interpolator 或者 TimeInterpolator 。Interpolator介面繼承TimeInterpolator。

根據當前屬性改變百分比計算改變後的屬性值。屬性動畫特有的屬性。自定義估值器需要實現 TypeEvaluator 介面。

可以對任意屬性做屬性動畫，屬性動畫要求動畫作用的對象提供該屬性的get()和set()方法。因為屬性動畫本質就是根據外界傳遞的對象屬性的初始值和終點值，然後根據估值器和差值器計算屬性值，不斷調用屬性的set方法，通過時間的推移所傳遞的值，越來越近終點值。
注意：

使用ValueAnimator通過監聽動畫過程，自己改變對象屬性完成動畫

❼ Android開發,怎樣做一個畫圓圈的動畫效果

畫圓應該很簡單，自動循環的話，你就每隔一段時間刷新一下view