Comment dessiner un rectangle transparent que l'intérieur de la région?

Je veux tracer un rectangle au centre de la vue comme cette image .Pour cela, je suis en utilisant le code suivant

public class TransparentView extends View {


    public TransparentView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public TransparentView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TransparentView(Context context) {
        super(context);
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        canvas.drawColor(Color.parseColor("#60000000"));
        Paint borderPaint = new Paint();
        borderPaint.setARGB(255, 255, 128, 0);
        borderPaint.setStyle(Paint.Style.STROKE);
        borderPaint.setStrokeWidth(4);

        Paint innerPaint = new Paint();
        innerPaint.setARGB(0, 0, 0, 0);
        innerPaint.setAlpha(0);
        innerPaint.setStyle(Paint.Style.FILL);

        RectF drawRect = new RectF();

        drawRect.set(100, 100, 100,100);

        canvas.drawRect(drawRect, innerPaint);
        canvas.drawRect(drawRect, borderPaint);

    }

}

Comment puis-je faire de la transparence à l'intérieur du rectangle et les pauvres transparente à l'extérieur de la région?

il n'y a aucun point en remplissant le milieu avec un alpha 0 couleur. Il suffit de dessiner le contour extérieur et c'est tout

InformationsquelleAutor Asha Soman | 2012-10-10

android styles

Suffit d'utiliser

innerPaint.setStyle(Paint.Style.STROKE);

au lieu de

innerPaint.setStyle(Paint.Style.FILL);

InformationsquelleAutor naran zala

Utilisation Path et ajouter deux Rects, une pour la Vue complète de la zone et pour la “sélection”. Définir le Chemin d'accès fillType à EVEN_ODD. Maintenant la remplir avec des demi-transparente de couleur.

Path outerPath = new Path();
//add rect covering the whole view area
outerPath.addRect(0, 0, getWidth(), getHeight(), Path.Direction.CW);
//add "selection" rect;
RectF inner = new RectF(left, top, right, bottom);
outerPath.addRect(inner, Path.Direction.CW);
//set the fill rule so inner area will not be painted
outerPath.setFillType(Path.FillType.EVEN_ODD);

//set up paints
Paint outerPaint = new Paint();
outerPaint.setColor(0x60000000);

Paint borderPaint = new Paint();
borderPaint.setARGB(255, 255, 128, 0);
borderPaint.setStyle(Paint.Style.STROKE);
borderPaint.setStrokeWidth(4);

//draw
canvas.drawPath(outerPath, outerPaint);
canvas.drawRect(inner, borderPaint);

Noter que pour de meilleures performances, vous ne devez pas créer des Peintures et des Chemins d'accès dans onPaint(). Je suggère onSizeChanged() est de mieux pour cela.

il ne fonctionne pas, point de vue interne a fond d'extérieur

InformationsquelleAutor user1410657

Je me suis séparé de l'image dans 5 rectangles.
La principale est la transparence, c'est au milieu de la figure. Les 4 autres seront semi-transparent.

Après que, à l'intérieur de onDraw(Canvas canvas), j'ai peint sur les 4 rectangles avec un semi-transparente de couleur.

Voici le code que j'ai utilisé.

//On constructor:
float x1,x2,y1,y2;
x1 = (screenWidth - squareSize)/2;
x2 = x1 + squareSize;
y1 = (screenHeight - squareSize)/2;
y2 = y1 + squareSize;
rect = new RectF(x1, y1, x2, y2);
dark = new RectF[]{
        new RectF(0, 0, screenWidth, y1),
        new RectF(0, y1, x1, y2),
        new RectF(x2, y1, screenWidth, y2),
        new RectF(0, y2, screenWidth, screenHeight)
};

semitransparentPaint = new Paint();
semitransparentPaint.setColor(Color.BLACK);
semitransparentPaint.setAlpha((int) (256 * (1-TRANSPARENCY)));



//Inside onDraw(Canvas canvas)
for(RectF r : dark){
    canvas.drawRect(r, semitransparentPaint);
}

Qui peuvent travailler pour vous.
Aussi, vous ne demandez pas les frontières, mais sur votre extrait de code, j'ai vu que vous l'avez appelé toile.drawRect(drawRect, borderPaint); sorcière me fait croire que vous aussi souhaitez dessiner, donc je vais coller ici le code que j'ai utilisé pour tracer les frontières:

//Inside onDraw(Canvas canvas)
canvas.drawLines(new float[]{
    rect.left, rect.top, rect.right, rect.top, 
    rect.right, rect.top, rect.right, rect.bottom,
    rect.right, rect.bottom, rect.left, rect.bottom,
    rect.left, rect.bottom, rect.left, rect.top}
    , 0, 16, squareBorderPaint);

InformationsquelleAutor Leandroid

Vous pouvez faire usage de setXfermode() de Peinture et passer PorterDuff.Mode.ADD et PorterDuff.Mode.ADD comme paramètre afin d'obtenir la transparence intérieure de la région.

J'ai cité l'exemple ci-dessous qui contient un rectangle transparent à l'intérieur d'un autre rectangle, qui montrent comment elle peut être mise en œuvre dans Android.

    Paint outerPaint = new Paint();
    outerPaint.setColor(0x7f0600a6); //mention any background color 
    outerPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.ADD));
    outerPaint.setAntiAlias(true);

    Paint innerPaint = new Paint();
    innerPaint.setColor(Color.TRANSPARENT);
    innerPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
    innerPaint.setAntiAlias(true);

    canvas.drawRect(0.0F, 0.0F, width, height, outerPaint);
    canvas.drawRect(150F, 150F, innerWidth, innerHeight, innerPaint);

Veuillez Noter: Vous pouvez modifier les valeurs à l'intérieur drawRect() en fonction de vos besoins.

InformationsquelleAutor Arshak

Vous devez vous connecter pour publier un commentaire.