預(yù)覽圖

原理

整個(gè)效果分成兩部分。一部分為弧度動(dòng)畫，一部分為點(diǎn)點(diǎn)動(dòng)畫

弧度動(dòng)畫就是畫弧線，動(dòng)畫改變弧度就可以了

點(diǎn)點(diǎn)動(dòng)畫比較復(fù)雜。總共分為兩步，1.計(jì)算非弧線的地方可以容納的點(diǎn)點(diǎn)個(gè)數(shù)，然后畫出來(lái)；2.根據(jù)弧度的改變確定點(diǎn)點(diǎn)的寬度

最后讓整個(gè)旋轉(zhuǎn)起來(lái) OK

使用

自定義的屬性

c_progressColor : 進(jìn)度條的顏色

c_strokeWidth : 進(jìn)度條的寬度

c_autoRunning ：自動(dòng)開始旋轉(zhuǎn)

c_atOnceEnd ：true調(diào)用reset后立刻結(jié)束動(dòng)畫，false會(huì)等到動(dòng)畫執(zhí)行完后結(jié)束

1.作為進(jìn)度加載使用

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="80dp"

android:layout_height="80dp"

android:layout_marginTop="16dp"

app:c_progressColor="@color/colorAccent"

app:c_strokeWidth="5dp" />

2.配合頭像使用

layout文件

android:id="@+id/headerLayout"

android:layout_width="80dp"

android:layout_height="80dp"

android:layout_marginTop="16dp"

android:background="#00ff00">

android:id="@+id/loadingProgress"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:c_atOnceEnd="true"

app:c_autoRunning="false"

app:c_progressColor="@color/colorPrimaryDark"

app:c_strokeWidth="3dp" />

class="de.hdodenhof.circleimageview.CircleImageView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_margin="6dp"

android:src="@mipmap/header" />

activity中代碼中這是點(diǎn)擊時(shí)點(diǎn)用start(), 這里模擬網(wǎng)絡(luò)加載7s后調(diào)用reset

headerLayout.setOnClickListener {

loadingProgress.start()

headerLayout.postDelayed({

loadingProgress.reset()

} , 7000)

}

3.事件回調(diào)

fun onProgressStartListener(progress: LoadingProgress) //開始旋轉(zhuǎn)

fun onProgressRepeatListener(progress: LoadingProgress) //每個(gè)周期結(jié)束的時(shí)候調(diào)用

fun onProgressResetListener(progress: LoadingProgress) //重置的回調(diào)事件

fun onProgressEndListener(progress: LoadingProgress ) //動(dòng)畫結(jié)束回調(diào)

總結(jié)

以上是生活随笔為你收集整理的android仿微博头像_仿微博点击头像加载动画的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。