My Gradient colors is not the same on different screen sizes?

Question

I don't understand why this happend, but I would like to know why and how to solve it. I want my gradient to look like in the Galaxy S7 picture for all devices or different screen sizes

The code for Gradient:

    textView = (TextView) v.findViewById(R.id.fontcolorwhite);

    LinearGradient linearGradient = new LinearGradient(60,-70,60,70, new int[]{Color.parseColor("#00a8d9"), Color.parseColor("#4244b8"), Color.parseColor("#f1328f"), Color.parseColor("#ee3031"), Color.parseColor("#fde92d"), Color.parseColor("#009e54")},null,
    Shader.TileMode.REPEAT);
    textView.getPaint().setShader(linearGradient);

Well, you are using absolute pixel values. Why not use `dp`. — Shaishav, Sep 10 '16 at 20:40
@pskink No Sir. I have read the documentation of the `LinearGradient`and I can't really see where the textsize should be used — , Sep 10 '16 at 21:07
@pskink those are the angle, spread of the color and positioning of the whole gradient — , Sep 10 '16 at 21:14
"spread of the color" that's right, if you make it constant for different text sizes you will get the results you got in the picture above — pskink, Sep 10 '16 at 21:20
Long story short: Settle on a `dp` value for your gradient and then use [this link](http://stackoverflow.com/questions/8295986/how-to-calculate-dp-from-pixels-in-android-programmatically) to get that `dp` in `px` and finally set it in the gradient above. — Shaishav, Sep 10 '16 at 21:25
@pskink Are we talking about the same things? I'm talking about the hardcoded values he used for his gradient `(60,-70,60,70)` — Shaishav, Sep 10 '16 at 21:40

score 0 · Answer 1 · answered Sep 11 '16 at 11:03

Allright it now works perfect on all devices and screen size.

The end solution was to use dp instead of pixels and playing around with values till I got the right gradient:

    float px4 = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 15, getResources().getDisplayMetrics());
    float px5 = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -17f, getResources().getDisplayMetrics());
    float px6 = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 15, getResources().getDisplayMetrics());
    float px7 = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 18f, getResources().getDisplayMetrics());


    LinearGradient linearGradient = new LinearGradient(px4, px5, px6, px7, new int[]{Color.parseColor("#00a8d9"), Color.parseColor("#4244b8"), Color.parseColor("#f1328f"), Color.parseColor("#ee3031"), Color.parseColor("#fde92d"), Color.parseColor("#009e54")}, null,
            Shader.TileMode.REPEAT);
    fontcolorpickerbtn.getPaint().setShader(linearGradient);

My Gradient colors is not the same on different screen sizes?

1 Answers1