Android에서 진행률 표시 줄의 진행 색상을 변경하는 방법


473

Android 응용 프로그램에서 가로 진행률 표시 줄을 사용하고 있으며 진행률 색상 (기본적으로 노란색)을 변경하고 싶습니다. code(XML 아님)을 사용하여 어떻게 할 수 있습니까?


원하는 색상으로 비트 맵을 지정하여 MyProgressBar.setProgressDrawable (Drawable d)을 사용해 보셨습니까? developer.android.com/reference/android/widget/… developer.android.com/reference/android/graphics/drawable/…
fupsduck

2
예, 시도했지만 작동하지 않습니다. 막대 자체의 배경색을 설정하는 대신 전체 진행률 막대보기의 배경색을 설정합니다. 감사.
WhiteTigerK

21
android:indeterminateTint="@android:color/white"API> = 21에서만 작동
Madeyedexter

답변:


290

답변이 아니 어서 죄송하지만 코드에서 요구 사항을 설정하는 이유는 무엇입니까? 그리고 .setProgressDrawable작동해야 올바르게 정의되어있는 경우

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/background">
    <shape>
        <corners android:radius="5dip" />
        <gradient
                android:startColor="#ff9d9e9d"
                android:centerColor="#ff5a5d5a"
                android:centerY="0.75"
                android:endColor="#ff747674"
                android:angle="270"
        />
    </shape>
</item>

<item android:id="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
            />
        </shape>
    </clip>
</item>

<item android:id="@android:id/progress">
    <clip>
        <shape>
            <corners
                android:radius="5dip" />
            <gradient
                android:startColor="@color/progress_start"
                android:endColor="@color/progress_end"
                android:angle="270" 
            />
        </shape>
    </clip>
</item>

</layer-list>

4
그 이유는 진행률 표시 줄을 동적으로 만들고 사용자 요청시 색상을 설정하기 때문입니다. 일반적으로 GUI 화면 및 구성 요소를 작성하는 데 코드를 사용하기 때문에 첨부 된 XML에 익숙하지 않으며 계층 목록이 무엇인지 알지 못합니다 (여러 계층을 기반으로 진행률 표시 줄을 작성하고 있다고 생각하지만) ..). 첨부 한 XML을 사용하고 싶은 경우 프로젝트 폴더에 XML을 어디에 배치해야하며 XML 설정을 기반으로 진행률 표시 줄을 만드는 데 더 필요한 작업이 있습니까? 감사.
WhiteTigerK

1
이 xml을 파일로 저장하고 MyProgressBar.setProgressDrawable ()에서 드로어 블로 설정 한 것보다 드로어 블 폴더 (my_progress.xml)에 넣습니다. 색상을 변경하려면 @ color /에서 해당 값을 변경해야합니다. progress_start @ color / progress_end 기본적으로 그라디언트이며 16 진수를 넣을 수 있습니다.
Alex Volovoy

3
참고-파일은 SDK에있는 사본입니다. 나는 여기에 저작권을 떨어 뜨렸다. res / drawable 폴더를 보면 내가 게시 한 것을 정확하게 볼 수 있습니다-색상은 사용자 정의 색상 대신 노란색 그라디언트로 설정됩니다.
Alex Volovoy

7
그것은 나에게 색 변화를 보여주지 않습니다. 효과가 있었던 색을 말해주세요.
Praveen

알렉스 안녕하세요, 당신의 대답은 매우 좋습니다. 그러나 런타임에 사용자 정의 진행 휠 색상을 변경하려고합니다. 그러나 나는 할 수 없었다. , 진행 reaches100 %의 후 .. 내 문제를 해결하기 위해 색상을 그 시간 변경 도움이에서 progress..i 다운로드 코드를주세요 .. stackoverflow.com/questions/18503718/...
하리 크리슈 난

485

가로 ProgressBar의 경우 다음과 같이을 사용할 수 있습니다 ColorFilter.

progressBar.getProgressDrawable().setColorFilter(
    Color.RED, android.graphics.PorterDuff.Mode.SRC_IN);

컬러 필터를 사용한 Red ProgressBar

참고 : 앱의 모든 진행률 표시 줄이 수정됩니다. 하나의 특정 진행률 표시 줄 만 수정하려면 다음과 같이하십시오.

Drawable progressDrawable = progressBar.getProgressDrawable().mutate();
progressDrawable.setColorFilter(Color.RED, android.graphics.PorterDuff.Mode.SRC_IN);
progressBar.setProgressDrawable(progressDrawable);

progressBar가 미정 인 경우 getIndeterminateDrawable()대신 을 사용하십시오 getProgressDrawable().

Lollipop (API 21)부터 진행 색조를 설정할 수 있습니다.

progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));

진행 색조를 사용하는 Red ProgressBar


7
가장 간단한 답변 인 것처럼이 답변을 사용하고 싶었지만 진행률 표시 줄과 진행률 표시 줄이 완전히 빨간색입니다. 사용할 모드가 확실합니까?
LG

33
@resus 나는 같은 문제가 있으며 막대가 완전히 빨간색이며 진행 상태가 보이지 않습니다. 그러나 Mode.SRC_IN을 Mode.MULTIPLY로 변경하여 해결했습니다.
Derzu

40
getIndeterminateDrawable불확실한 진행 상황을 사용 하는 경우 에도 동일한 작업을 수행해야합니다 .
Thommy

6
이러한 맥락에서, '모드'알린다는 android.graphics.PorterDuff.Mode을 말한다
1owk3y

9
배경색을 바꾸지 않는 방법? 진행 색상을 변경하고 싶습니다.
kangear

364

이것은 프로그래밍 방식이 아니지만 어쨌든 많은 사람들을 도울 수 있다고 생각합니다.
나는 많은 것을 시도했고 가장 효율적인 방법은 .xml 파일의 ProgressBar 에이 줄을 추가하는 것이 었습니다.

            android:indeterminate="true"
            android:indeterminateTintMode="src_atop"
            android:indeterminateTint="@color/secondary"

결국이 코드는 나를 위해 그것을했습니다 :

<ProgressBar
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleLarge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="50dp"
            android:layout_marginBottom="50dp"
            android:visibility="visible"
            android:indeterminate="true"
            android:indeterminateTintMode="src_atop"
            android:indeterminateTint="@color/secondary">

이 솔루션은 API 21 이상에서 작동합니다


45
최소 API 레벨 21이 필요합니다
Apfelsaft

동적 색상을 설정해야하는 경우 호출 할 수있는 이러한 속성에 대한 setter 메소드도 있습니다.
racs

api 21+ 및 api <= 20에 대한 사용자 지정 리소스 파일을 만들어야합니까? 아니면 api <= 20에서 이러한 속성이 무시됩니까?
prom85

1
@shriduttkothari 어떻게 최고가 될 수 있습니까? ... 21+ 이상에서
user25

2
안드로이드가 최소 4.x에서 벗어나는 가장 좋은 대답
Tom

229

불확실한 진행률 표시 줄 (스피너)의 경우 드로어 블에 색상 필터를 설정했습니다. 훌륭하고 단 한 줄로 작동합니다.

색상을 빨간색으로 설정하는 예 :

ProgressBar spinner = new android.widget.ProgressBar(
                context,
                null,
                android.R.attr.progressBarStyle);

spinner.getIndeterminateDrawable().setColorFilter(0xFFFF0000, android.graphics.PorterDuff.Mode.MULTIPLY);

여기에 이미지 설명을 입력하십시오


16
나는 당신의 대답이 가장 좋습니다. 내 작업을 수행하려면이 작업을 수행해야합니다. myProgressBarSpinner.getIndeterminateDrawable (). setColorFilter (new LightingColorFilter (0xFF000000, foregroundColorDesired));
Art Geigel

4
또한 이렇게하면 앱에서 모든 진행률 표시 줄의 드로어 블이 수정됩니다. 특정 작업에만 적용하려면 drawable에서 mutate ()를 호출 한 다음 색상 필터를 설정 한 다음 progressBar에서 setIntederminateDrawable을 호출하십시오.
dimsuz

3
주의 : 이것을 사용하고 왜 그들의 색이 그들이 넣은 16 진 문자열과 정확히 일치하지 않는지 궁금해하는 사람들은 그 위에 다중 색 필터가 있습니다. 변경 android.graphics.PorterDuff.Mode.MULTIPLYPorterDuff.Mode.SRC_IN당신은 정확한 진수 색상을 얻을 것이다.
micnguyen

나는 그가 대답이 필요하다고 생각합니다 ..... android : indeterminateTint = "@ android : color / black"
Muhammad Adil

4
나는 다음과 같이 사용했다 : progressBar = (ProgressBar) findViewById (R.id.progressBar); progressBar.getIndeterminateDrawable (). setColorFilter (ContextCompat.getColor (this, android.R.color.white), android.graphics.PorterDuff.Mode.MULTIPLY);
ashishdhiman2007

188

이것은 오래된 질문이지만 테마 사용은 여기에 언급되지 않았습니다. 기본 테마 사용하는 경우 AppCompat, 당신 ProgressBar의 색깔이 될 것입니다 colorAccent당신이 정의했습니다.

변경 colorAccent하면 님 ProgressBar의 색상 도 변경 되지만 여러 위치에도 변경 사항이 반영됩니다. 따라서 특정 색상 만 다른 색상을 원하면 PregressBar테마를 적용하여 수행 할 수 있습니다 ProgressBar.

  • 기본 테마를 확장하고 재정의 colorAccent

    <style name="AppTheme.WhiteAccent">
        <item name="colorAccent">@color/white</item> <!-- Whatever color you want-->
    </style>
  • 그리고 속성 을 ProgressBar추가하십시오 android:theme.

    android:theme="@style/AppTheme.WhiteAccent"

따라서 다음과 같이 보일 것입니다.

<ProgressBar
        android:id="@+id/loading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="10dp"
        android:theme="@style/AppTheme.WhiteAccent" />

그래서 당신은 단지 colorAccent당신의 특정을 변경하고 있습니다 ProgressBar.

참고 : 사용 style이 작동하지 않습니다. 당신은 사용해야 android:theme합니다. https://plus.google.com/u/0/+AndroidDevelopers/posts/JXHKyhsWHAH 에서 더 많은 테마 사용을 찾을 수 있습니다.


18
드디어! 덕분에,이 API에 대한 솔루션을하지 많은 개발자들이 APPCOMPAT를 사용하는 많은 사용자 만 투표 업 답변 21+, 모두 잘되지 것 같아, 그들은 가능한 한 더 많은 장치 / OS 지원해야
USER25

1
대박! 나를 위해 일했지만 스타일 계층의 어딘가에 부모 = "@ style / Theme.AppCompat"가 있는지 확인해야했는데 다른 부모가 있었고 처음에는 작동하지 않았습니다.
Nublodeveloper

@ Nublodeveloper 예 나는 당신이 눈치 채면 첫 번째 줄에서 언급했습니다.
kirtan403

1
@ kirtan403 아, 네, 이제 당신이 그것을 언급했지만 그것을 처음 읽을 때 이해하지 못했습니다. 너무 빨리 읽고 코드를 찾고있었습니다. 어쨌든, 당신의 대답은 나에게 가장 좋습니다!
Nublodeveloper

+1 솔루션이 마음에 들었습니다. 그러나 Java에서 테마의 색상을 설정하는 방법은 무엇입니까 ?? 예를 들어 빨간색으로 표시하려면 <color name = "red"> # ff5900 </ color>
Maseed

54

모든 API

모든 API를 사용하는 경우 스타일로 테마를 작성하십시오.

style.xml

<resources>

    //...

    <style name="progressBarBlue" parent="@style/Theme.AppCompat">
        <item name="colorAccent">@color/blue</item>
    </style>

</resources>

사용 중

<ProgressBar
    ...
    android:theme="@style/progressBarBlue" />

API 레벨 21 이상

API 레벨 21 이상에서 사용되는 경우 다음 코드를 사용하십시오.

<ProgressBar
   //...
   android:indeterminate="true"
   android:indeterminateTintMode="src_atop"
   android:indeterminateTint="@color/secondary"/>


1
모든 API에 대해 하나의 솔루션을 원할 경우 최상의 솔루션 감사합니다 :)
Naveen

34

일부 제안에 따라 모양을 지정하고 색상으로 클립 드로어 블을 지정한 다음 설정할 수 있습니다. 프로그래밍 방식으로 작동합니다. 이것이 내가하는 방법입니다 ..

먼저 드로어 블 라이브러리를 가져와야합니다.

import android.graphics.drawable.*;

그런 다음 아래와 비슷한 코드를 사용하십시오.

ProgressBar pg = (ProgressBar)row.findViewById(R.id.progress);
final float[] roundedCorners = new float[] { 5, 5, 5, 5, 5, 5, 5, 5 };
pgDrawable = new ShapeDrawable(new RoundRectShape(roundedCorners, null,null));
String MyColor = "#FF00FF";
pgDrawable.getPaint().setColor(Color.parseColor(MyColor));
ClipDrawable progress = new ClipDrawable(pgDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);
pg.setProgressDrawable(progress);   
pg.setBackgroundDrawable(getResources().getDrawable(android.R.drawable.progress_horizontal));
pg.setProgress(45);

1
위의 코드를 시도했지만 불행히도 "빈"진행률 표시 줄이 나타납니다. 뭔가 빠졌습니까?
OceanBlue

ClipDrawable에서 setLevel을 호출해야합니다. 0에서 10000 사이의 값을 취합니다. 따라서 progress.setLevel (2500)은 25 % 가득 찼습니다.
HappyEngineer

1
나는 "빈"진행률 표시 줄의 한 가지 이유와이를 해결하는 두 가지 방법 (@HappyEngineer의 수정 사항 포함)을 설명하는 수정 사항을 제출했습니다.
Richard Le Mesurier

@RichardLeMesurier 댓글 섹션에 설명 + 2 가지 방법을 게시 할 수 있습니까? progress.setLevel(2500)나를 위해 작동하지 않으며 어떤 이유로 편집이 승인되지 않은 것 같습니다. 감사. +1.
ateiob


32

이것은 나를 위해 일했다 :

<ProgressBar
 android:indeterminateTint="#d60909"
 ... />

12
API 레벨 21 이상에서만 사용
Numair

28

불확실한 경우 :

((ProgressBar)findViewById(R.id.progressBar))
    .getIndeterminateDrawable()
    .setColorFilter(Color.RED, PorterDuff.Mode.SRC_IN);

나는 이것을 사용했지만 애니메이션이 아니며 단지 색상이 적용되었습니다 ... 원형 진행
막대를

24

이것은 나를 위해 작동합니다. 더 낮은 버전에서도 작동합니다. 이것을 syles.xml에 추가하십시오

<style name="ProgressBarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">@color/colorPrimary</item>
</style>

그리고 XML에서 이와 같이 사용하십시오.

<ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:theme="@style/ProgressBarTheme"
   />

CryptoTweets 샘플 앱 에서 이것을 구현했습니다 . 이 솔루션이 예상대로 작동하는 데 부모 테마가 필요하지 않다는 것을 알았습니다. parent="ThemeOverlay.AppCompat.Light"
Adam Hurwitz

23

현재 2016 년에 일부 롤리팝 이전 장치가 colorAccent설정을 존중하지 않기 때문에 모든 API에 대한 최종 솔루션은 다음과 같습니다.

// fixes pre-Lollipop progressBar indeterminateDrawable tinting
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {

    Drawable wrapDrawable = DrawableCompat.wrap(mProgressBar.getIndeterminateDrawable());
    DrawableCompat.setTint(wrapDrawable, ContextCompat.getColor(getContext(), android.R.color.holo_green_light));
    mProgressBar.setIndeterminateDrawable(DrawableCompat.unwrap(wrapDrawable));
} else {
    mProgressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(getContext(), android.R.color.holo_green_light), PorterDuff.Mode.SRC_IN);
}

보너스 포인트의 경우 더 이상 사용되지 않는 코드를 사용하지 않습니다. 시도 해봐!


전화하는 것을 잊지 마세요 wrapDrawable.mutate()DrawableCompat.setTint(wrapDrawable.mutate(), ContextCompat.getColor(getContext(), android.R.color.holo_green_light));
타셈 싱에게

Android KitKat 4.4.2에서 작동하지 않습니다.
pradip tilala

새로운 4.4.2 에뮬레이터에서 다시 시도했지만 아무런 문제없이 작동 .xml하고 설정을 확인하고 다른 것이 ProgressBar색상을 재정의하는지 확인하십시오 .
Henrique de Sousa

20

이것이 내가 한 일입니다. 일했다.

진행 표시 줄:

<ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="4"
            android:indeterminateDrawable="@drawable/progressdrawable"
           />

progressdrawable.xml :
그라디언트를 사용하여 원하는대로 색상을 변경하십시오. 그리고 android : toDegrees = "X"는 X의 값을 증가시키고 진행률 표시 줄은 빠르게 회전합니다. 감소하고 느리게 회전합니다. 필요에 따라 사용자 정의하십시오.

<?xml version="1.0" encoding="utf-8"?>
     <rotate xmlns:android="http://schemas.android.com/apk/res/android"
            android:duration="4000"
            android:fromDegrees="0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:toDegrees="360" >

            <shape
                android:innerRadius="20dp"
                android:shape="ring"
                android:thickness="4dp"
                android:useLevel="false" >
                <size
                    android:height="48dp"
                    android:width="48dp" />

                <gradient
                    android:centerColor="#80ec7e2a"
                    android:centerY="0.5"
                    android:endColor="#ffec7e2a"
                    android:startColor="#00ec7e2a"
                    android:type="sweep"
                    android:useLevel="false" />
            </shape>

        </rotate>

견본: 여기에 이미지 설명을 입력하십시오


기본 애니메이션과 완전히 다른 (나쁜 모양) 애니메이션이 표시됩니다.
Ixx

18

기본 진행률 표시 줄의 모양을 수정하는 동안 동일한 문제가 발생합니다. 희망적으로 사람들을 도울 것입니다 더 많은 정보가 있습니다 :)

  • xml 파일의 이름은 문자 만 포함해야합니다 a-z0-9_.(예 : 대문자 없음).
  • "드로어 블"을 참조하려면 R.drawable.filename
  • 기본 모양을 재정의하려면을 사용 myProgressBar.setProgressDrawable(...)하지만 사용자 지정 레이아웃을로 참조 할 필요는 없으며 R.drawable.filename다음과 같이 검색해야합니다 Drawable.
    Resources res = getResources();
    myProgressBar.setProgressDrawable(res.getDrawable(R.drawable.filename);
  • 진행률 / 보조 진행률 / 최대를 설정하기 전에 스타일을 설정해야합니다 (나중에 설정하면 '빈'진행률 표시 줄이 나타남)

15

이 답변에서 언급되지 않은 것이 하나 있습니다.

테마가 상속하는 경우 Theme.AppCompat, ProgressBar당신은 정의 색상 가정 할 것이다 "colorAccent"당신의 테마를.

그래서 ..

<item name="colorAccent">@color/custom_color</item>

.. ProgressBar의 색상을 자동으로 색조로 지정합니다 @color/custom_color.


1
<item name = "android : colorAccent"> @ color / highlight </ item>을
사용해야했습니다.


15

스타일, 테마를 변경하거나 원하는 위치에서 android : indeterminateTint = "@ color / yourColor"를 사용하여 시도 할 수 있지만 Android SKD 버전에서 작동하는 한 가지 방법이 있습니다.

진행률 표시 줄이 결정되지 않은 경우 다음을 사용하십시오.

progressBar.getProgressDrawable().setColorFilter(ContextCompat.getColor(context, R.color.yourColor), PorterDuff.Mode.SRC_IN );

진행률 표시 줄이 결정되지 않은 경우 다음을 사용하십시오.

progressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(getContext(), R.color.yourColor), PorterDuff.Mode.SRC_IN );

안드로이드가 엉망인 것은 슬픈 일입니다!


감사! 그것은 불확실하게 작동 ProgressBar하지만 결정을 위해 전체 규모를 색으로 칠합니다.
CoolMind

14

가로 ProgressBar에서 어떻게 했습니까?

    LayerDrawable layerDrawable = (LayerDrawable) progressBar.getProgressDrawable();
    Drawable progressDrawable = layerDrawable.findDrawableByLayerId(android.R.id.progress);
    progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);

2
나는 같은 일을하고 배경색을 변경했다 : layerDrawable.findDrawableByLayerId (android.R.id.background) .setColorFilter (trackColor, PorterDuff.Mode.SRC);
Kamen Dobrev

1
@KamenDobrev의 의견과 함께이 답변은 실제로 내가 원하는 것을 한 유일한 답변입니다. 진행률 드로어 블에 컬러 필터 만 설정하면 배경색도 변경되었습니다.
m_katsifarakis

13

레이아웃 xml 파일에서 색상을 변경하려면 아래 코드를 사용하고 원하는 색상으로 indeterminateTint 속성을 사용하십시오.

    <ProgressBar
      android:id="@+id/progressBar"
      style="?android:attr/progressBarStyle"
      android:layout_width="wrap_content"
      android:indeterminate="true"
      android:indeterminateTintMode="src_atop"
      android:indeterminateTint="#ddbd4e"
      android:layout_height="wrap_content"
      android:layout_marginBottom="20dp"
      android:layout_alignParentBottom="true"
      android:layout_centerHorizontal="true" />

12

이 솔루션은 저에게 효과적이었습니다.

<style name="Progressbar.White" parent="AppTheme">
    <item name="colorControlActivated">@color/white</item>
</style>

<ProgressBar
    android:layout_width="@dimen/d_40"
    android:layout_height="@dimen/d_40"
    android:indeterminate="true"
    android:theme="@style/Progressbar.White"/>

8

하나 더 작은 것은 기본 테마를 상속하면 테마 솔루션이 작동하므로 앱 컴팩트의 경우 테마는 다음과 같아야합니다.

<style name="AppTheme.Custom" parent="@style/Theme.AppCompat">
    <item name="colorAccent">@color/custom</item>
</style>

그런 다음 진행률 표시 줄 테마에서 설정하십시오.

<ProgressBar
    android:id="@+id/progressCircle_progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:theme="@style/AppTheme.Custom"
    android:indeterminate="true"/>

7

수평 ProgressBar 색상을 변경하려면 (kotlin에서) :

fun tintHorizontalProgress(progress: ProgressBar, @ColorInt color: Int = ContextCompat.getColor(progress.context, R.color.colorPrimary)){
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        progress.progressTintList = ColorStateList.valueOf(color)
    } else{
        val layerDrawable = progress.progressDrawable as? LayerDrawable
        val progressDrawable = layerDrawable?.findDrawableByLayerId(android.R.id.progress)
        progressDrawable?.setColorFilter(color, PorterDuff.Mode.SRC_ATOP)
    }
}

불확실한 ProgressBar 색상을 변경하려면

fun tintIndeterminateProgress(progress: ProgressBar, @ColorInt color: Int = ContextCompat.getColor(progress.context, R.color.colorPrimary)){
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        progress.indeterminateTintList = ColorStateList.valueOf(color)
    } else {
        (progress.indeterminateDrawable as? LayerDrawable)?.apply {
            if (numberOfLayers >= 2) {
                setId(0, android.R.id.progress)
                setId(1, android.R.id.secondaryProgress)
                val progressDrawable = findDrawableByLayerId(android.R.id.progress).mutate()
                progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP)
            }
        }
    }
}

그리고 마지막으로 롤리팝 사전 진행률을 색조로 바꿉니다.

API 19에서 색을 칠한 진행 상황


6

가로 진행률 표시 줄 사용자 정의 재료 스타일 :

배경색 및 가로 진행률 표시 줄의 진행률을 변경합니다.

<style name="MyProgressBar" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
    <item name="android:progressBackgroundTint">#69f0ae</item>
    <item name="android:progressTint">#b71c1c</item>
    <item name="android:minWidth">200dp</item>
</style>

사용자 정의 재료 스타일 및 사용자 정의 진행률 표시 줄 확인을 위해 스타일 속성을 설정하여 진행률 표시 줄에 적용하십시오 http://www.zoftino.com/android-progressbar-and-custom-progressbar-examples


3
이 최소 API 레벨 21를 필요로
Shihab Uddin에게

6

ateiob이 나에게 무언가를 설명하도록 요청한 이후 PaulieG 의 답변 에 대한 정보를 추가하기 위해 게시 됨 ...


ProgressBar진행률을 값으로 설정하려는 시도를 무시하는 코드 에 버그 / 문제 / 최적화가 있음 (또는 현재 Android 소스 코드의 현재 버전을 볼 때 글을 쓰는 시점)이 있다고 말할 수 있습니다. 이미 있습니다.

  • 즉, progress = 45이고 45로 설정하려고하면 코드가 아무 작업도 수행하지 않고 진행률을 다시 그리지 않습니다 .

을 호출 ProgressBar.setProgressDrawable()하면 드로어 블 부품을 변경했기 때문에 진행률 표시 줄이 비어 있습니다.

즉, 진행률을 설정하고 다시 그려야합니다. 그러나 진행률을 보존 된 값으로 설정하면 아무 것도 수행되지 않습니다.

먼저 0으로 설정 한 다음 "이전"값으로 다시 설정해야하며 막대가 다시 그려집니다.


요약하면 다음과 같습니다.

  • "이전"진행 값 유지
  • 드로어 블 / 색상 업데이트 (막대 비우기)
  • 진행률을 0으로 재설정하십시오 (그렇지 않으면 다음 줄은 아무것도하지 않습니다)
  • 진행률을 "이전"값으로 재설정 (수정 막대)
  • 무효화하다

아래는 내가하는 방법입니다.

protected void onResume()
{
    super.onResume();
    progBar = (ProgressBar) findViewById(R.id.progress_base);

    int oldProgress = progBar.getProgress();

    // define new drawable/colour
    final float[] roundedCorners = new float[]
        { 5, 5, 5, 5, 5, 5, 5, 5 };
    ShapeDrawable shape = new ShapeDrawable(new RoundRectShape(
        roundedCorners, null, null));
    String MyColor = "#FF00FF";
    shape.getPaint().setColor(Color.parseColor(MyColor));
    ClipDrawable clip = new ClipDrawable(shape, Gravity.LEFT,
        ClipDrawable.HORIZONTAL);
    progBar.setProgressDrawable(clip);

    progBar.setBackgroundDrawable(getResources().getDrawable(
        android.R.drawable.progress_horizontal));

    // work around: setProgress() ignores a change to the same value
    progBar.setProgress(0);
    progBar.setProgress(oldProgress);

    progBar.invalidate();
}

HappyEngineer의 솔루션에 관해서는 "진행"오프셋을 수동으로 설정하는 것이 비슷한 해결 방법이라고 생각합니다. 두 경우 모두 위 코드가 적합합니다.


고맙습니다 .. 이것은 실제로 작동합니다.하지만 내 드로어 블은 정적이므로 (자원에서). 작동하지 않았습니다. "drawable.invalidateSelf ();"를 추가 한 후에 만 ​​작동했습니다. 'setProgress (0)'및 'setProgressDrawable (drawable)'이전
Alécio Carvalho


5

간단히 사용하십시오 :

PorterDuff.Mode mode = PorterDuff.Mode.SRC_IN;
if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.GINGERBREAD_MR1) {
    mode = PorterDuff.Mode.MULTIPLY;
}

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));
    progressBar.setProgressBackgroundTintList(ColorStateList.valueOf(Color.RED));
} else {
    Drawable progressDrawable;
    progressDrawable = (progressBar.isIndeterminate() ? progressBar.getIndeterminateDrawable() : progressBar.getProgressDrawable()).mutate();
    progressDrawable.setColorFilter(context.getResources().getColor(Color.RED), mode);
    progressBar.setProgressDrawable(progressDrawable);
}

4

가로 스타일 ProgressBar의 경우 다음을 사용합니다.

import android.widget.ProgressBar;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.ClipDrawable;
import android.view.Gravity;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;

public void setColours(ProgressBar progressBar,
                        int bgCol1, int bgCol2, 
                        int fg1Col1, int fg1Col2, int value1,
                        int fg2Col1, int fg2Col2, int value2)
  {
    //If solid colours are required for an element, then set
    //that elements Col1 param s the same as its Col2 param
    //(eg fg1Col1 == fg1Col2).

    //fgGradDirection and/or bgGradDirection could be parameters
    //if you require other gradient directions eg LEFT_RIGHT.

    GradientDrawable.Orientation fgGradDirection
        = GradientDrawable.Orientation.TOP_BOTTOM;
    GradientDrawable.Orientation bgGradDirection
        = GradientDrawable.Orientation.TOP_BOTTOM;

    //Background
    GradientDrawable bgGradDrawable = new GradientDrawable(
            bgGradDirection, new int[]{bgCol1, bgCol2});
    bgGradDrawable.setShape(GradientDrawable.RECTANGLE);
    bgGradDrawable.setCornerRadius(5);
    ClipDrawable bgclip = new ClipDrawable(
            bgGradDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);     
    bgclip.setLevel(10000);

    //SecondaryProgress
    GradientDrawable fg2GradDrawable = new GradientDrawable(
            fgGradDirection, new int[]{fg2Col1, fg2Col2});
    fg2GradDrawable.setShape(GradientDrawable.RECTANGLE);
    fg2GradDrawable.setCornerRadius(5);
    ClipDrawable fg2clip = new ClipDrawable(
            fg2GradDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);        

    //Progress
    GradientDrawable fg1GradDrawable = new GradientDrawable(
            fgGradDirection, new int[]{fg1Col1, fg1Col2});
    fg1GradDrawable.setShape(GradientDrawable.RECTANGLE);
    fg1GradDrawable.setCornerRadius(5);
    ClipDrawable fg1clip = new ClipDrawable(
            fg1GradDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);        

    //Setup LayerDrawable and assign to progressBar
    Drawable[] progressDrawables = {bgclip, fg2clip, fg1clip};
    LayerDrawable progressLayerDrawable = new LayerDrawable(progressDrawables);     
    progressLayerDrawable.setId(0, android.R.id.background);
    progressLayerDrawable.setId(1, android.R.id.secondaryProgress);
    progressLayerDrawable.setId(2, android.R.id.progress);

    //Copy the existing ProgressDrawable bounds to the new one.
    Rect bounds = progressBar.getProgressDrawable().getBounds();
    progressBar.setProgressDrawable(progressLayerDrawable);     
    progressBar.getProgressDrawable().setBounds(bounds);

    // setProgress() ignores a change to the same value, so:
    if (value1 == 0)
        progressBar.setProgress(1);
    else
        progressBar.setProgress(0);
    progressBar.setProgress(value1);

    // setSecondaryProgress() ignores a change to the same value, so:
    if (value2 == 0)
        progressBar.setSecondaryProgress(1);
    else
        progressBar.setSecondaryProgress(0);
    progressBar.setSecondaryProgress(value2);

    //now force a redraw
    progressBar.invalidate();
  }

호출 예는 다음과 같습니다.

  setColours(myProgressBar, 
          0xff303030,   //bgCol1  grey 
          0xff909090,   //bgCol2  lighter grey 
          0xff0000FF,   //fg1Col1 blue 
          0xffFFFFFF,   //fg1Col2 white
          50,           //value1
          0xffFF0000,   //fg2Col1 red 
          0xffFFFFFF,   //fg2Col2 white
          75);          //value2

'보조 진행률'이 필요하지 않은 경우 간단히 value2를 value1로 설정하십시오.


4

이 사용자 정의 스타일을 진행률 표시 줄에 적용하십시오.

<style name="customProgress" parent="@android:style/Widget.ProgressBar.Small">
        <item name="android:indeterminateDrawable">@drawable/progress</item>
        <item name="android:duration">40</item>
        <item name="android:animationCache">true</item>
        <item name="android:drawingCacheQuality">low</item>
        <item name="android:persistentDrawingCache">animation</item>
    </style>

@ drawable / progress.xml-

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/spinner_white"
    android:pivotX="50%"
    android:pivotY="50%" />

진행률 표시 줄에이 유형의 이미지를 사용하십시오. 여기에 이미지 설명을 입력하십시오

더 나은 결과를 얻으려면 여러 진행 이미지를 사용할 수 있습니다. Android 플랫폼 자체는 진행률 표시 줄에 이미지를 사용하므로 주저하지 말고 이미지를 사용하십시오. 코드는 SDK에서 추출됩니다 :)


4

SDK 버전 21 이상에 대해 제안 된 muhammad-adil에 따라

android:indeterminateTint="@color/orange"

나를 위해 XML Works에서 충분히 쉽습니다.


전체 앱을 변경하려면 <color name = "RedAccent"> # FE6C27 </ color>의 값을 변경하십시오. Values ​​/ colors.xml에
mughil

4

프로그래밍 방식으로 ProgressBar의 색상을 변경하는 코드는 다음과 같습니다.

ProgressBar progressBar = (ProgressBar) findViewById(R.id.pb_listProgressBar);
int colorCodeDark = Color.parseColor("#F44336");
progressBar.setIndeterminateTintList(ColorStateList.valueOf(colorCodeDark));

4
ProgressBar freeRamPb = findViewById(R.id.free_ram_progress_bar);

freeRamPb.getProgressDrawable().setColorFilter(
Color.BLUE, android.graphics.PorterDuff.Mode.SRC_IN);

대박. 빠르고 효과적인 솔루션. 감사!
Tobias Reich
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.