android的颜色渐变动画效果图,AvatarView 一个圆形图像视图，支持进度动画、带边框和渐变颜色的高亮状态...

AvatarView

A circular Image View with a lot of perks. Including progress animation and highlight state with borders and gradient color.

Built with ❤︎ by Vitor Hugo Schwaab and contributors

Samples

Supports initials if no image is provided:

Thanks to @anoop44

Demo

Watch the video or clone the repo and build the demo app

Importing to Gradle

Add this to your module's build.gradle file

repositories {

maven { url "https://dl.bintray.com/vitorhugods/AvatarView" }

}

dependencies {

implementation "xyz.schwaab:avvylib:1.0.0"

}

Usage

Just add this to your XML:

android:layout_width="128dp"

android:layout_height="128dp"

app:avvy_border_color="@color/grey400"

app:avvy_border_highlight_color="#ff5900"

app:avvy_border_highlight_color_end="#bf15bc"

app:avvy_border_thickness="2dp"

app:avvy_border_thickness_highlight="3dp"

app:avvy_distance_to_border="5dp"

app:avvy_highlighted="true"

app:avvy_loading_arches="5"

app:avvy_loading_arches_degree_area="90"/>

Add the name initials as fallback:

app:avvy_text="Avatar View" //will show up as AV

app:avvy_text_size="42sp"

app:avvy_text_color="#ccc"

You can personalize it in Kotlin:

avatarView.apply {

isAnimating = false

borderThickness = 18

highlightBorderColor = Color.GREEN

highlightBorderColorEnd = Color.CYAN

numberOfArches = 0

totalArchesDegreeArea = 80

text = "Avatar View"

}

Or, in Java:

avatarView.setAnimating(false);

avatarView.setBorderThickness(18);

avatarView.setHighlightBorderColor(Color.GREEN);

avatarView.setHighlightBorderColorEnd(Color.CYAN);

avatarView.setNumberOfArches(0);

avatarView.setTotalArchesDegreeArea(80);

Special Thanks

The roundness of the drawables based on Henning Dodenhof's Circle ImageView

Libraries used in the demo app:

License

Copyright 2020 Vitor Hugo D. Schwaab

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.