Jak pomalować kolor gradientu w systemie Android na płótnie ze zmianą kolorów?

Question

Potrzebuję pomalować tło mojego płótna jednym kolorem z zastosowanym cieniowaniem/gradientem, ale każde wywołanie onDraw chcę zmienić kolor.

Mam problem z wykonaniem tego bez tworzenia nowego obiektu dla każdego wywołania onDraw. Ktoś ma jakieś pomysły? Jeśli użyję funkcji drawPaint() i ustawię nowy moduł cieniujący() do mojego obrazu, to utworzę nowy obiekt cieniujący i jeśli utworzę nowy obiekt GradientDrawable(), również go mam. Chcę uniknąć GC.

Pomyślałem, że mogę ponownie użyć jednego obiektu GradientDrawable() i zadzwonić do metody .setColor(), ale to po prostu resetuje wszystkie powiązane dane gradientem i maluje rysunki jako stały kolor.

Ktoś?

Answer 1

Niestety za każdym razem trzeba utworzyć nowy LinearGradient. Zauważ, że nie musisz używać GradientDrawable, możesz narysować kształt samodzielnie przy pomocy Paint, na którym ustawisz moduł cieniujący.

Answer 2

Myślę, że to, co chcesz zrobić, to jest to. Utwórz LayerDrawable, a następnie wstaw do niego dwa Drawables. Pierwsza wstawka do wstawienia powinna mieć kolor ustawiony na kolor, który ma być tłem, a druga powinna być gradientem ustawionym na czarny i przejściem z alfa 0 na alfa 255.

Więcej informacji informacje, zobacz: http://developer.android.com/guide/topics/resources/drawable-resource.html#LayerList

Answer 3

To pytanie jest nadal aktualne prawie w połowie 2017 roku. Chciałem stworzyć płynne przejście dla zmian kolorów dla mojego widoku niestandardowego. Użyłem shaderów z LinearGradients.

Moim zamiarem było sprawne przejście między stanem włączenia i wyłączenia mojego widoku.

Moja sprawa jest jeszcze bardziej skomplikowana ze względu na konstrukcję i cel widoku. To suwak. Tak więc mój widok składa się z prawie 2 identycznych warstw narysowanych jedna na drugiej za pomocą płótna. Trzecim elementem jest wskaźnik.

Obie warstwy używają LinearGradients, wskaźnik używa jednego koloru.

zsumowanie wszystkich trzeba wykonać przejście między 5 kolorów jednocześnie:

• start i barwą dla dolnej warstwy - jeden lineargradient,
• początkowy i końcowy kolor warstwy wierzchniej - druga lineargradient ,
• kolor wskaźnika - normalny kolor;

Rozwiązaniem tego problemu jest posiadanie 5 oddzielnych ValueAnimatorów. Najważniejszą rzeczą jest, aby używać ValueAnimator.ofArgb():

private ValueAnimator frontStartColorAnimator; 
private ValueAnimator frontEndColorAnimator; 
private ValueAnimator bottomStartColorAnimator; 
private ValueAnimator bottomEndColorAnimator; 
private ValueAnimator pointerColorAnimator; 
private AnimatorSet colorsAnimatorSet; 

... 

frontStartColorAnimator = ValueAnimator.ofArgb(frontLayerStartColor, frontLayerDisabledStartColor); 
frontStartColorAnimator.setDuration(animationDuration); 
frontStartColorAnimator.setInterpolator(new LinearInterpolator()); 
frontStartColorAnimator.addUpdateListener(animation 
      -> shaderFrontLayerStartColor = (int) animation.getAnimatedValue()); 

frontEndColorAnimator = ValueAnimator.ofArgb(frontLayerEndColor, frontLayerDisabledEndColor); 
frontEndColorAnimator.setDuration(animationDuration); 
frontEndColorAnimator.setInterpolator(new LinearInterpolator()); 
frontEndColorAnimator.addUpdateListener(animation -> { 
     shaderFrontLayerEndColor = (int) animation.getAnimatedValue(); 
     frontLayerPaint.setShader(new LinearGradient(0, 0, getWidth(), 0, shaderFrontLayerStartColor, 
       shaderFrontLayerEndColor, Shader.TileMode.CLAMP)); 
    }); 

bottomStartColorAnimator = ValueAnimator.ofArgb(bottomLayerStartColor, bottomLayerDisabledStartColor); 
bottomStartColorAnimator.setDuration(animationDuration); 
bottomStartColorAnimator.setInterpolator(new LinearInterpolator()); 
bottomStartColorAnimator.addUpdateListener(animation -> 
      shaderBottomLayerStartColor = (int) animation.getAnimatedValue()); 

bottomEndColorAnimator = ValueAnimator.ofArgb(bottomLayerEndColor, bottomLayerDisabledEndColor); 
bottomEndColorAnimator.setDuration(animationDuration); 
bottomEndColorAnimator.setInterpolator(new LinearInterpolator()); 
bottomEndColorAnimator.addUpdateListener(animation -> { 
     shaderBottomLayerEndColor = (int) animation.getAnimatedValue(); 
     backLayerPaint.setShader(new LinearGradient(0, 0, 0, getHeight(), shaderBottomLayerStartColor, 
       shaderBottomLayerEndColor, Shader.TileMode.CLAMP)); 
    }); 

pointerColorAnimator = ValueAnimator.ofArgb(pointerEnabledColor, pointerDisabledColor); 
pointerColorAnimator.setDuration(animationDuration); 
pointerColorAnimator.setInterpolator(new LinearInterpolator()); 
pointerColorAnimator.addUpdateListener(animation -> { 
     pointerColor = (int) animation.getAnimatedValue(); 
     pointerPaint.setColor(pointerColor); 
    }); 

colorsAnimatorSet = new AnimatorSet(); 
colorsAnimatorSet.playTogether(frontStartColorAnimator, frontEndColorAnimator, 
      bottomStartColorAnimator, bottomEndColorAnimator, pointerColorAnimator); 

... 

colorsAnimatorSet.start(); 

Ja też na początku chodziło o stworzenie nowego lineargradient na każdej aktualizacji animacji ale potem rozpoczęła profilowanie GPU na urządzeniu z „Na ekranie barów” . Wszystko jest w porządku i działa w bezpiecznym marginesie.