진도 또는 애니메이션 원 원형 이미지

Question

이미지 뷰 주위에 애니메이션으로 순환 진행률을 그려야합니다. % 백분율 값을 입력으로받습니다. 예를 들어 70 %를 주면 이미지 뷰 주위에 70 % (252도)의 원이 그려야합니다. 도움을 주시면 감사하겠습니다.

Answer 1

한 번 같은 상황에 직면했습니다.이 순환 진행보기 https://github.com/rahatarmanahmed/CircularProgressView을 사용하려고하면 업로드가 진행될 때마다 비율을 설정할 수 있습니다.

Answer 2

https://android-arsenal.com/details/1/1446 원 진행률 표시기를 만드는 데 도움이됩니다. 위의 Github 링크를 찾을 수 있습니다.

Answer 3

여기에서 사용할 수있는 위젯이 있습니다 : https://android-arsenal.com/details/1/1446 진도에 따라 원호 각도를 그리는 순환 진행보기를 만들기위한 기능을 제공합니다. 프로젝트에 포함시키기위한 단계별 가이드가 있습니다.

Progrss 서클의 중앙에 ImageView를 가져 오려면 RelativeLayout을 사용하여 필요한 곳에 정확하게 배치하면됩니다. 이 예제에서는 ImageView를 화면 중앙에 배치했습니다. 다음은 레이아웃입니다. xml :

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.example.robert.androidmodule.MainActivity"> 


<ProgressBar 
    style="?android:attr/progressBarStyleHorizontal" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_centerInParent="true" 
    android:indeterminate="false" 
    android:max="100" 
    android:progress="100" 
    android:progressDrawable="@drawable/circle_progress_background" /> 

<ProgressBar 
    android:id="@+id/circle_progress_bar" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_centerInParent="true" 
    android:indeterminate="false" 
    android:max="100" 
    android:progressDrawable="@drawable/circle_progress_foreground" 
    android:rotation="-90" /> 

<ImageView 
    android:id="@+id/imageView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true" 
    android:layout_gravity="center" 
    app:srcCompat="@mipmap/ic_launcher" /> 

</RelativeLayout> 

이 예제에서는 기본 Android 아이콘을 사용했습니다. 이 도움이

Here is a picture of it working.

희망!