Android - настраиваемая кнопка с возможностью рисования фигур и градиентом программно

Я хочу создать пользовательскую кнопку, подобную этой программе, с радиальным градиентом.

Я подклассифицировал представление и нарисую три фигурные чертежи, а затем нарисую текст. текст кажется неактивным, поэтому я попытался нарисовать ограничивающий прямоугольник для текста, но не повезло. и планировал добавить прослушиватель кликов, чтобы получить такую кнопку, как поведение.

Возможно, мне нужна кнопка подкласса, но где рисовать мои рисунки, чтобы они не перепутались с текстом кнопки.

Edit3: причина щедрости заключается в том, чтобы выяснить, почему подклассификация drawable не работает. градиент не так важен.

edit4: обнаружено drawRect перед getTextBounds() в DrawableView:: OnDraw().

Эта версия пытается подклассировать и использовать кнопку. но рисование кнопок, похоже, мешает рисовать мои рисунки. похоже, что оценки игнорируются.

Ответы

Ответ 1

1) Используйте выравнивание, чтобы нарисовать текст в центре в DrawableView (следует помочь, если текст кажется неактивным):

paint.setTextAlign(Align.CENTER); // <- should help you with centering
paint.getTextBounds(text, 0, 1, r);
int x = w / 2, y = (d - r.height()) / 2; // <- was updated too

2). Чтобы ответить на ваш вопрос, причина щедрости заключается в том, чтобы выяснить, почему подклассификация не работает:

Я предполагаю это, потому что вы создаете DrawableView в MyDrawable и не добавляете его в какой-либо контейнер, что означает, что вы не измеряете и не планируете его. Таким образом, это, вероятно, нулевая высота и ширина.

3) Я бы предложил вам использовать Button вместо пользовательских представлений и чертежей. Вы выходите из Button и делаете дополнительные чертежи в конце метода onDraw, примерно так:

public void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // your custom drawing over button
}

Оригинальный неверный ответ

причина щедрости заключается в том, чтобы выяснить, почему подклассы drawable не работают

Попробуйте проверить, нужно ли вам звонить:

super.onDraw(canvas) в DrawableView.onDraw
super.draw(canvas) в MyDrawable.draw

Ответ 2

используйте этот код, чтобы сделать кнопку градиента

Button your_button= findViewById(R.id.button);

    GradientDrawable gd = new GradientDrawable(
            GradientDrawable.Orientation.TOP_BOTTOM,
            new int[] {0xFF616261,0xFF131313});
    gd.setCornerRadius(0f);

    your_button.setBackgroundDrawable(gd);

Ответ 3

Не рекомендуется создавать Drawable в зависимости от вида. Как предложил Евгений Печанец, сделайте MyDrawable и DrawableView static.

Вы используете ShapeDrawables только в MyDrawable, поэтому вы можете переместить его из DrawableView.

Это может быть примерно так:

public static class MyDrawable extends Drawable {
    private ShapeDrawable d0, d1, d2;
    private int edge;
    private int border;

    public MyDrawable(int color1, int color2, int radius, int edge, int border) {
        this.edge = edge;
        this.border = border;

        float[] outerRadii = new float[] {
                radius, radius,
                radius, radius,
                radius, radius,
                radius, radius
        };

        d0 = new ShapeDrawable(new RoundRectShape(outerRadii, null, null));
        d0.getPaint().setColor(0xff000000);
        d1 = new ShapeDrawable(new RoundRectShape(outerRadii, null, null));
        d1.getPaint().setColor(color1);
        d2 = new ShapeDrawable(new RoundRectShape(outerRadii, null, null));
        d2.getPaint().setColor(color2);
    }

    public void setAlpha(int alpha) {
        System.out.println("ignoring set alpha to: " + alpha);
    }

    public void setColorFilter(ColorFilter colorFilter) {
        System.out.println("ignoring set color filter to: " + colorFilter);
    }

    public int getOpacity() {
        return PixelFormat.OPAQUE;
    }

    public void draw(Canvas canvas) {
        System.out.println(this + " is drawing.");
        d0.draw(canvas);
        System.out.println("d0 bounds: " + d0.getBounds());
        d1.draw(canvas);
        System.out.println("d1 bounds: " + d1.getBounds());
        d2.draw(canvas);
        System.out.println("d2 bounds: " + d2.getBounds());
    }

    @Override
    public void setBounds(int left, int top, int right, int bottom) {
        super.setBounds(left, top, right, bottom);
        d0.setBounds(left, top, right, bottom);
        d1.setBounds(left + edge, top + edge, right - edge, bottom - edge);
        d2.setBounds(left + border / 2, top + border / 2,
                right - border / 2, bottom - border / 2);
    }
}

Вы можете не использовать ShapeDrawable и рисовать фигуры самостоятельно:

public static class MyDrawable extends Drawable {
    private int radius;
    private int edge;
    private int border;

    private RectF bounds1 = new RectF();
    private RectF bounds2 = new RectF();
    private RectF bounds3 = new RectF();

    private Paint paint1 = new Paint();
    private Paint paint2 = new Paint();
    private Paint paint3 = new Paint();

    public MyDrawable(int color1, int color2, int radius, int edge, int border) {
        this.radius = radius;
        this.edge = edge;
        this.border = border;

        float[] outerRadii = new float[] {
                radius, radius,
                radius, radius,
                radius, radius,
                radius, radius
        };

        paint1.setColor(0xff000000);
        paint2.setColor(color1);
        paint3.setColor(color2);
    }

    public void setAlpha(int alpha) {
        System.out.println("ignoring set alpha to: " + alpha);
    }

    public void setColorFilter(ColorFilter colorFilter) {
        System.out.println("ignoring set color filter to: " + colorFilter);
    }

    public int getOpacity() {
        return PixelFormat.OPAQUE;
    }

    public void draw(Canvas canvas) {
        canvas.drawRoundRect(bounds1, radius, radius, paint1);
        canvas.drawRoundRect(bounds2, radius, radius, paint2);
        canvas.drawRoundRect(bounds3, radius, radius, paint3);
    }

    @Override
    public void setBounds(int left, int top, int right, int bottom) {
        super.setBounds(left, top, right, bottom);

        bounds1.set(left, top, right, bottom);

        bounds2.set(bounds1);
        bounds2.inset(edge, edge);

        bounds3.set(bounds1);
        bounds3.inset(border / 2, border / 2);
    }
}

Кстати, полезно использовать StateListDrawable для кнопки.
Таким образом, вы можете использовать MyDrawable следующим образом:

MyDrawable drawable = new MyDrawable(...);
MyDrawable drawablePressed = new MyDrawable(...);
MyDrawable drawableFocused = new MyDrawable(...);

StateListDrawable stateDrawable = new StateListDrawable();
stateDrawable.addState(new int[]{android.R.attr.state_pressed}, drawablePressed);
stateDrawable.addState(new int[]{android.R.attr.state_focused}, drawableFocused);
stateDrawable.addState(new int[]{}, drawable);

Button button = (Button) findViewById(R.id.button);
button.setBackground(stateDrawable);