5

Gostaria de criar um background com duas cores em ângulo de 45 graus, mas sem transição. Fiz desta forma:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<gradient
    android:type="linear"
    android:startColor="#000"
    android:endColor="#FFF"
    android:angle="45"/>

</shape>

O problema é que fica com uma transição, tipo assim: inserir a descrição da imagem aqui

Eu gostaria de algo sem essa "transição": inserir a descrição da imagem aqui

1
  • vc quer essa "linha" com 45º graus exatamente ou quer que essa linha vá de uma diagonal a outra? 23/03/2017 às 20:31

1 Resposta 1

2

Em XML não sei se é possível.
Em Java, uma forma possível, é criar uma Shape e construir uma ShapeDrawable com ela.

DoisTriangulosDrawable.java

public class DoisTriangulosDrawable extends ShapeDrawable {

    public DoisTriangulosDrawable(){
        super();
        setShape(new DoisTriangulosShape());
    }

    private class DoisTriangulosShape extends Shape {

        @Override
        public void draw(Canvas canvas, Paint paint) {

            Path path = new Path();
            path.setFillType(Path.FillType.INVERSE_EVEN_ODD);
            Path path1 = new Path();
            path1.setFillType(Path.FillType.INVERSE_EVEN_ODD);

            paint.setStrokeWidth(0);
            paint.setStyle(Paint.Style.FILL);
            paint.setAntiAlias(true);

            paint.setColor(Color.BLACK);

            Point a = new Point(0, 0);
            Point b = new Point(0, (int) getHeight());
            Point c = new Point((int)getWidth(), (int)getHeight());

            path.moveTo(a.x, a.y);
            path.lineTo(b.x, b.y);
            path.lineTo(c.x, c.y);
            path.close();
            canvas.drawPath(path, paint);

            paint.setColor(Color.RED);

            Point a1 = new Point(0, 0);
            Point b1 = new Point((int)getWidth(),0);
            Point c1 = new Point((int)getWidth(), (int)getHeight());

            path1.moveTo(a1.x, a1.y);
            path1.lineTo(b1.x, b1.y);
            path1.lineTo(c1.x, c1.y);
            path1.close();
            canvas.drawPath(path1, paint);

        }
    }
}

Para utilizar, por exemplo, como background de um RelativeLayout:

RelativeLayout layout = (RelativeLayout) findViewById(R.id.layout);

ShapeDrawable background = new DoisTriangulosDrawable();
layout.setBackground(background);//Requer API16 ou superior

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .