Android cercle d'arrière-plan devient ovale

Je veux mettre un cercle d'arrière-plan sur un textview. Le cercle devient ovale lors de son rendu.

Ma mise en page XML: 

    <TextView
        android:id="@+id/amount_key"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:layout_marginRight="2dp"
        android:gravity="center"
        android:background="@drawable/circle"
        android:layout_marginLeft="20dp"
        android:text="3\ndays"
        android:padding="20dp"
        android:textColor="#ffffff"
        android:textStyle="bold"
        android:textSize="25dp" />


</LinearLayout>

Mon cercle d'arrière-plan:

<shape 
    xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">

            <solid 
               android:color="#79bfea"/>
</shape>
  • Vous devez définir layout_weight et layout_height à valeur fixe, je pense. @sudhasri la solution ci-dessous ne fonctionne pas?
  • je l'ai fait, je surdéfini onMeasure en étendant TextView pour régler la largeur que la hauteur aussi
InformationsquelleAutor nizam.sp | 2013-09-28
  1. 40
    • Changer votre textView's layout_height et layout_width à wrap_content
    • Ajouter la taille de la balise à l'intérieur de la forme de la balise comme suit
    <shape 
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">> 
<solid android:color="#79bfea" />
<size android:height="25dp"
   android:width="25dp"/>
</shape>

    Si elle est toujours de forme ovale, essayez d'augmenter la largeur et la hauteur de la taille de l'étiquette. Il a travaillé pour moi!

    • Dans mon cas, avec layout_height et layout_width à wrap_content et l'ajustement de la droite de rembourrage fait le tour.
    • le texte centré?
    InformationsquelleAutor Sudhasri
  2. 14

    Vous pouvez créer votre propre Drawable qui va limiter le rayon de la valeur min entre sa largeur et sa hauteur. 

    package com.example.android;

import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;

public class ColorCircleDrawable extends Drawable {
    private final Paint mPaint;
    private int mRadius = 0;

    public ColorCircleDrawable(final int color) {
        this.mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        this.mPaint.setColor(color);
    }

    @Override
    public void draw(final Canvas canvas) {
        final Rect bounds = getBounds();
        canvas.drawCircle(bounds.centerX(), bounds.centerY(), mRadius, mPaint);
    }

    @Override
    protected void onBoundsChange(final Rect bounds) {
        super.onBoundsChange(bounds);
        mRadius = Math.min(bounds.width(), bounds.height()) / 2;
    }

    @Override
    public void setAlpha(final int alpha) {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(final ColorFilter cf) {
        mPaint.setColorFilter(cf);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

    ensuite les appliquer à votre textView:

    textView.setBackground(new ColorCircleDrawable(Color.RED));
    • Pour obtenir un anneau au lieu d'un cercle rempli utiliser de la peinture.setStyle(de la Peinture.Style.Accident vasculaire cérébral) et de la peinture.setStrokeWidth(strokeWidth).
    • Assurez-vous de passer la couleur comme ceci: int colorToUse = ContextCompat.getColor(getContext(), R. de la couleur.my_color); textView.setBackground(nouveau ColorCircleDrawable(colorToUse)); au lieu de textView.setBackground(nouveau ColorCircleDrawable(R. de couleur.my_color));
    InformationsquelleAutor Alessandro Crugnola
  3. 7

    Pour obtenir ce

    Android cercle d'arrière-plan devient ovale

    J'ai utilisé deux LinearLayout à l'intérieur les uns des autres et de définir des parents de la gravité de CENTRE 

    <LinearLayout
android:layout_width="80dp"
android:layout_height="50dp"
android:baselineAligned="false"
android:gravity="center"
android:orientation="vertical">

<LinearLayout
    android:layout_width="45dp"
    android:layout_height="45dp"
    android:gravity="center"
    android:background="@drawable/oval"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Text"
        android:textSize="12sp" />
</LinearLayout>
</LinearLayout>

    et c'est oval.xml à l'intérieur de drawable dossier

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#393939" />
    <size
        android:width="40dp"
        android:height="40dp" />
</shape>

    sans intérieure LinearLayout vous obtiendrez ce

    Android cercle d'arrière-plan devient ovale

    qui le code est

    <LinearLayout
android:layout_width="80dp"
android:layout_height="50dp"
android:baselineAligned="false"
android:gravity="center"
android:background="@drawable/oval"
android:orientation="vertical">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="Text"
    android:textSize="12sp" />
</LinearLayout>
    InformationsquelleAutor Eftekhari
  4. 3

    J'ai étendu TextView classe pour définir la largeur que la hauteur

    public class TextViewSquareShaped extends TextView {


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

public TextViewSquareShaped(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(attrs);

}

public TextViewSquareShaped(Context context) {
    super(context);
    init(null);
}

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
}

private void init(AttributeSet attrs) {
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
    setMeasuredDimension(width, width);
    Log.v("measure", "width:" + width + " height:" + width);
 }
}

    Et ensuite combinés avec au-dessus de Sudhasri réponse, je peux montrer exacte circulaire affichage de texte.

    Donc pas besoin de donner fixe la taille et le poids.

    InformationsquelleAutor Shirish Herwade
  5. 1

    Puisque vous utilisez match_parent pour la largeur et la hauteur et le réglage de drawable en arrière-plan, de sorte qu'il sera de forme ovale. Pour atteindre cercle, vous pouvez donner les mêmes dimensions de largeur et de hauteur. NA dif veux plein écran, puis vous pouvez largeur de java code à l'aide de WindowManager et de définir la même valeur en largeur et en hauteur.

    InformationsquelleAutor Swetank
  6. 0

    essayer l'anneau à la place de l'ovale

    <shape 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring" >

    <solid android:color="#79bfea" />
</shape>
    • Ce fait ne pas montrer quoi que ce soit.
    InformationsquelleAutor DevGuy