Make gradient look the same on different screens

Asked Jan 25 '17 at 09:12

Active Jan 25 '17 at 09:12

Viewed 196 times

I have defined gradient drawable for my app's navigation drawer's header,

side_nav_bar.xml:

<gradient
        android:centerColor="@color/ColorTwoBackground"
        android:endColor="@color/ColorTwoForeground"
        android:gradientRadius="400"
        android:startColor="@color/ColorTwoBackground"
        android:type="radial" >
</gradient>

However, it looks as intended only on some devices. On other devices it looks bad.

As you can see in the last image logo loses its contrast...

I want to change it to appear identical or even closely the same on different screens. Probably gradientRadius value does the biggest impact but I have tried other values and "400" seemed to be optimal. Maybe it is possible to determine it programmatically?

asked Jan 25 '17 at 09:12

Naujas Tewas

`android:gradientRadius="400"` use `dp`, for example `100dp` – pskink Jan 25 '17 at 09:16
@pskink dp gives me all white background. I have tried different radius values (0dp - 1000dp) but it didn't give effect I want – Naujas Tewas Jan 25 '17 at 09:26
so `android:gradientRadius="400"` works but `android:gradientRadius="100dp"` doesn't? strange... you can also try `%`, for example `75%` – pskink Jan 25 '17 at 09:33
@pskink any dp value gives me white background: http://imgur.com/BjOZ2mu "%" gives some background but not as intended – Naujas Tewas Jan 25 '17 at 09:47
1

[here](https://code.google.com/p/android/issues/detail?id=71065) the same behavior is described – pskink Jan 25 '17 at 11:15
changing xml file did not work, but adding it programmatically improved the situation. @pskink Thanks for your efforts – Naujas Tewas Jan 25 '17 at 11:46
sure, no problem – pskink Jan 25 '17 at 11:56

Make gradient look the same on different screens

0 Answers0