Wie grenze ich eine Android-Textansicht ein?

Ist es möglich, zeichnen Sie einen Rahmen um ein textview?

InformationsquelleAutor der Frage yamspog | 2010-08-16

  1. Können Sie ein shape drawable (ein Rechteck) als hintergrund für die Ansicht.

    <TextView android:text="Some text" android:background="@drawable/back"/>

    Rechteck drawable back.xml (in res/drawable Ordner):

    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
   <solid android:color="@android:color/white" />
   <stroke android:width="1dip" android:color="#4fa5d5"/>
</shape>

    Können Sie @android:color/transparent für die Füllfarbe auf einen transparenten hintergrund haben.
    Sie können auch Polsterung, um den text getrennt von der Grenze.
    weitere Informationen finden Sie unter: http://developer.android.com/guide/topics/resources/drawable-resource.html

    InformationsquelleAutor der Antwort Konstantin Burov

  2. 133

    Lassen Sie mich zusammenfassen, ein paar verschiedene (nicht-programmatische) Methoden.

    Mit einem shape drawable

    Speichern Sie die folgenden XML-Datei in Ihrem drawable-Ordner (zum Beispiel, my_border.xml):

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

    <!-- View background color -->
    <solid
        android:color="@color/background_color" >
    </solid>

    <!-- View border color and width -->
    <stroke
        android:width="1dp"
        android:color="@color/border_color" >
    </stroke>

    <!-- The radius makes the corners rounded -->
    <corners
        android:radius="2dp"   >
    </corners>

</shape>

    Dann nur legen Sie es als hintergrund, um Ihr TextView:

    <TextView
    android:id="@+id/textview1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/my_border" />

    Mehr helfen:

    Mit einem 9-patch

    Einem 9-patch ist ein dehnbarer hintergrund Bild. Wenn du ein Bild mit einem Rahmen, dann Sie geben dem TextView eine Grenze. Alles, was Sie tun müssen ist, stellen Sie das Bild und legen Sie es auf den hintergrund in dein TextView.

    <TextView
    android:id="@+id/textview1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/my_ninepatch_image" />

    Hier sind einige links, die Ihnen zeigen, wie man eine 9-patch-Bild:

    Was ist, wenn ich nur wollen, dass die Obere Grenze?

    Mit einem layer-Liste

    Können Sie eine layer-Liste, stack zwei Rechtecke auf der jeweils anderen. Das zweite Rechteck nur ein wenig kleiner als das erste Rechteck können Sie ein border-Effekt. Die ersten (unteren) Rechteck ist die Rahmenfarbe und das zweite Rechteck ist die Hintergrundfarbe.

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

    <!-- Lower rectangle (border color) -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/border_color" />
        </shape>
    </item>

    <!-- Upper rectangle (background color) -->
    <item android:top="2dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/background_color" />
        </shape>
    </item>
</layer-list>

    Einstellung android:top="2dp" offsets der Oberseite (macht ihn kleiner) von 2dp. Dies ermöglicht dem ersten (unteren) Rechteck zu zeigen, durch, wodurch eine grenzüberschreitende Wirkung. Sie können diese anwenden, um die TextView hintergrund der gleichen Weise, dass die shape drawable getan wurde, vor.

    Hier sind einige weitere links, die über layer-Listen:

    Mit einem 9-patch

    Können Sie nur eine 9-patch-Bild mit einem einfachen Rahmen. Alles andere ist das gleiche, wie oben diskutiert.

    Mit Blick

    Dies ist ein trick, aber es funktioniert gut, wenn Sie müssen, fügen Sie ein Trennzeichen zwischen zwei Ansichten oder einen Rahmen zu einer einzelnen TextView.

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textview1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <!-- This adds a border between the TextViews -->
    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="@android:color/black" />

    <TextView
        android:id="@+id/textview2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

    Hier sind einige weitere links:

    InformationsquelleAutor der Antwort Suragch

  3. 44

    Der einfache Weg ist, um eine Ansicht für Ihre TextView. Beispiel für die untere Grenze:

    <LinearLayout android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:text="@string/title"
        android:id="@+id/title_label"
        android:gravity="center_vertical"/>
    <View
        android:layout_width="fill_parent"
        android:layout_height="0.2dp"
        android:id="@+id/separator"
        android:visibility="visible"
        android:background="@android:color/darker_gray"/>

</LinearLayout>

    Für die andere Richtung Grenzen, bitte passen Sie die Position des separator-Ansicht.

    InformationsquelleAutor der Antwort Young Gu

  4. 27

    Ich habe dieses Problem gelöst durch die Verlängerung der textview und zeichnen einen Rahmen manuell.
    Ich habe sogar Hinzugefügt, so können Sie auswählen, ob ein Rand ist gepunktet oder gestrichelt sein.

    public class BorderedTextView extends TextView {
        private Paint paint = new Paint();
        public static final int BORDER_TOP = 0x00000001;
        public static final int BORDER_RIGHT = 0x00000002;
        public static final int BORDER_BOTTOM = 0x00000004;
        public static final int BORDER_LEFT = 0x00000008;

        private Border[] borders;

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

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

        public BorderedTextView(Context context) {
            super(context);
            init();
        }
        private void init(){
            paint.setStyle(Paint.Style.STROKE);
            paint.setColor(Color.BLACK);
            paint.setStrokeWidth(4);        
        }
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            if(borders == null) return;

            for(Border border : borders){
                paint.setColor(border.getColor());
                paint.setStrokeWidth(border.getWidth());

                if(border.getStyle() == BORDER_TOP){
                    canvas.drawLine(0, 0, getWidth(), 0, paint);                
                } else
                if(border.getStyle() == BORDER_RIGHT){
                    canvas.drawLine(getWidth(), 0, getWidth(), getHeight(), paint);
                } else
                if(border.getStyle() == BORDER_BOTTOM){
                    canvas.drawLine(0, getHeight(), getWidth(), getHeight(), paint);
                } else
                if(border.getStyle() == BORDER_LEFT){
                    canvas.drawLine(0, 0, 0, getHeight(), paint);
                }
            }
        }

        public Border[] getBorders() {
            return borders;
        }

        public void setBorders(Border[] borders) {
            this.borders = borders;
        }
}

    - Und die border-Klasse:

    public class Border {
    private int orientation;
    private int width;
    private int color = Color.BLACK;
    private int style;
    public int getWidth() {
        return width;
    }
    public void setWidth(int width) {
        this.width = width;
    }
    public int getColor() {
        return color;
    }
    public void setColor(int color) {
        this.color = color;
    }
    public int getStyle() {
        return style;
    }
    public void setStyle(int style) {
        this.style = style;
    }
    public int getOrientation() {
        return orientation;
    }
    public void setOrientation(int orientation) {
        this.orientation = orientation;
    }
    public Border(int Style) {
        this.style = Style;
    }
}

    Hoffe, das jemand hilft 🙂

    InformationsquelleAutor der Antwort Bojan Jovanovic

  5. 11

    Ich war gerade auf der Suche auf eine ähnliche Antwort-- es ist in der Lage zu tun, mit einem Schlaganfall und der folgenden überschreiben:

    @Override
public void draw(Canvas canvas, MapView mapView, boolean shadow) {

Paint strokePaint = new Paint();
strokePaint.setARGB(255, 0, 0, 0);
strokePaint.setTextAlign(Paint.Align.CENTER);
strokePaint.setTextSize(16);
strokePaint.setTypeface(Typeface.DEFAULT_BOLD);
strokePaint.setStyle(Paint.Style.STROKE);
strokePaint.setStrokeWidth(2);

Paint textPaint = new Paint();
textPaint.setARGB(255, 255, 255, 255);
textPaint.setTextAlign(Paint.Align.CENTER);
textPaint.setTextSize(16);
textPaint.setTypeface(Typeface.DEFAULT_BOLD);

canvas.drawText("Some Text", 100, 100, strokePaint);
canvas.drawText("Some Text", 100, 100, textPaint);

super.draw(canvas, mapView, shadow); 
}

    InformationsquelleAutor der Antwort sdtechcomm

  6. 9

    Fand ich einen besseren Weg, um einen Rahmen um ein TextView.

    Verwenden Sie ein neun-patch-Bild für den hintergrund. Es ist ziemlich einfach, das SDK enthält ein tool, um die 9-patch-Bild, und es geht absolut keine Codierung.

    Den link http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch.

    InformationsquelleAutor der Antwort Nick

  7. 9

    Können Sie die Grenze von zwei Methoden. Man ist von drawable und das zweite ist programmatisch.

    Mit Drawable

    <shape>
    <solid android:color="@color/txt_white"/>
    <stroke android:width="1dip" android:color="@color/border_gray"/>
    <corners android:bottomLeftRadius="10dp"
             android:bottomRightRadius="0dp"
             android:topLeftRadius="10dp"
             android:topRightRadius="0dp"/>
    <padding android:bottom="0dip"
             android:left="0dip"
             android:right="0dip"
             android:top="0dip"/>
</shape>

    Programmatischen

    public static GradientDrawable backgroundWithoutBorder(int color) {

    GradientDrawable gdDefault = new GradientDrawable();
    gdDefault.setColor(color);
    gdDefault.setCornerRadii(new float[] { radius, radius, 0, 0, 0, 0,
                                           radius, radius });
    return gdDefault;
}

    InformationsquelleAutor der Antwort Maulik Santoki

  8. 8

    Überprüfen Sie den link unten, um abgerundete Ecken
    http://androidcookbook.com/Recipe.seam?recipeId=2318

    Den drawable-Ordner unter res, in einem Android-Projekt ist nicht nur bitmaps (PNG-oder JPG-Dateien), aber es können auch Formen in XML-Dateien definiert.

    Diese Formen können dann wiederverwendet werden, in das Projekt. Eine Form kann verwendet werden, um einen Rahmen um ein layout. Dieses Beispiel zeigt einen rechteckigen Rahmen mit abgerundeten Ecken. Eine neue Datei namens customborder.xml erstellt in den drawable-Ordner (in Eclipse-verwenden Sie das Menü Datei, und wählen Sie dann Neue Datei, mit der drawable Ordner ausgewählt, geben Sie den Namen der Datei und klicken Sie auf Fertig stellen).

    Die XML-Definition der Grenze Form eingetragen:

    <?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <corners android:radius="20dp"/>
    <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/>
    <solid android:color="#CCCCCC"/>
</shape>

    Dem Attribut android:shape ist auf Rechteck eingestellt (shape-Dateien auch unterstützen, oval, Linie und ring). Rechteck ist die Standardeinstellung, so dass dieses Attribut kann weggelassen werden, wenn es ein Rechteck definiert wird. Finden Sie in der Android-Dokumentation auf Formen, die bei http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape für detaillierte Informationen über eine shape-Datei.

    Den element-Ecken setzt das Rechteck Ecken gerundet werden. Es ist auch möglich, einen anderen radius an jeder Ecke (siehe Android-Referenz).

    Die padding-Attribute werden verwendet, um verschieben Sie den Inhalt der Anzeigen, auf die Form angewendet wird, um zu verhindern, dass der Inhalt überschneidet sich mit der
    Grenze.

    Die Rahmenfarbe hier legen Sie an einem hellen Grau (CCCCCC hexadezimaler RGB-Wert).

    Formen auch Unterstützung von Farbverläufen, aber das ist nicht hier. Wieder, finden Sie in der Android-Ressourcen, um zu sehen, wie ein Verlauf definiert ist. Die Form wird angewendet, um das laypout mit android:background="@drawable/customborder".

    Innerhalb der layout-andere Ansichten können Hinzugefügt werden, als normal. In diesem Beispiel wird eine einzelne TextView wurde Hinzugefügt, und der text ist weiß (FFFFFF hexadezimale RGB). Der hintergrund ist blau, plus einige Transparenz um die Helligkeit zu verringern (A00000FF hexadezimal-alpha-RGB-Wert). Schließlich ist das layout offset vom unteren Rand des Bildschirms, indem Sie es in ein anderes layout mit einer kleinen Menge von Polsterung. Der komplette layout-Datei ist so:

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:padding="5dp">
    <LinearLayout android:orientation="vertical"
                  android:layout_width="fill_parent"
                  android:layout_height="fill_parent"
                  android:background="@drawable/customborder">
        <TextView android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="Text View"
                android:textSize="20dp"
                android:textColor="#FFFFFF"
                android:gravity="center_horizontal"
                android:background="#A00000FF" />
    </LinearLayout>
</LinearLayout>

    InformationsquelleAutor der Antwort Bahaa Hany

  9. 8

    Können Sie etwas hinzufügen, wie Sie diese in Ihrem code:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >
    <solid android:color="#ffffff" />
    <stroke android:width="1dip" android:color="#4fa5d5"/>
</shape>

    InformationsquelleAutor der Antwort newbie

  10. 5

    Ich habe einen Weg, es zu tun sehr einfach, und ich möchte es teilen.

    Wenn ich will-Platz mi TextViews, ich legte Sie in ein LinearLayout. Ich habe die Hintergrundfarbe von meinem LinearLayout, und ich füge ein padding auf meine TextView. Das Ergebnis ist genau so, als ob Sie die Quadratur des TextView.

    InformationsquelleAutor der Antwort Roman Panaget

  11. 1

    Hier ist meine "einfachen" Helfer-Klasse, die gibt eine Bildansicht mit der Grenze. Nur diese fallen in Ihrer utils-Ordner, und rufen Sie es wie folgt:

    ImageView selectionBorder = BorderDrawer.generateBorderImageView(context, borderWidth, borderHeight, thickness, Color.Blue);

    Hier ist der code.

    /**
 * Because creating a border is Rocket Science in Android.
 */
public class BorderDrawer
{
    public static ImageView generateBorderImageView(Context context, int borderWidth, int borderHeight, int borderThickness, int color)
    {
        ImageView mask = new ImageView(context);

        //Create the square to serve as the mask
        Bitmap squareMask = Bitmap.createBitmap(borderWidth - (borderThickness*2), borderHeight - (borderThickness*2), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(squareMask);

        Paint paint = new Paint();
        paint.setStyle(Paint.Style.FILL);
        paint.setColor(color);
        canvas.drawRect(0.0f, 0.0f, (float)borderWidth, (float)borderHeight, paint);

        //Create the darkness bitmap
        Bitmap solidColor = Bitmap.createBitmap(borderWidth, borderHeight, Bitmap.Config.ARGB_8888);
        canvas = new Canvas(solidColor);

        paint.setStyle(Paint.Style.FILL);
        paint.setColor(color);
        canvas.drawRect(0.0f, 0.0f, borderWidth, borderHeight, paint);

        //Create the masked version of the darknessView
        Bitmap borderBitmap = Bitmap.createBitmap(borderWidth, borderHeight, Bitmap.Config.ARGB_8888);
        canvas = new Canvas(borderBitmap);

        Paint clearPaint = new Paint();
        clearPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

        canvas.drawBitmap(solidColor, 0, 0, null);
        canvas.drawBitmap(squareMask, borderThickness, borderThickness, clearPaint);

        clearPaint.setXfermode(null);

        ImageView borderView = new ImageView(context);
        borderView.setImageBitmap(borderBitmap);

        return borderView;
    }
}

    InformationsquelleAutor der Antwort Aggressor

  12. 1

    Einfachste Lösung, die ich gefunden habe (und die tatsächlich funktioniert):

    <TextView
    ...
    android:background="@android:drawable/editbox_background" />

    InformationsquelleAutor der Antwort Protean

  13. 0

    Dieser kann Ihnen dabei helfen.

    <RelativeLayout
    android:id="@+id/textbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@android:color/darker_gray" >

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_margin="3dp"
        android:background="@android:color/white"
        android:gravity="center"
        android:text="@string/app_name"
        android:textSize="20dp" />

</RelativeLayout

    InformationsquelleAutor der Antwort Mete

  14. 0

    Erstellen Sie eine Grenze Ansicht mit der hintergrund Farbe wie die Farbe des Rahmens und die Größe der text-Ansicht. set border view Polsterung als die Breite der Grenze. Legen Sie die text-Ansicht Hintergrundfarbe die Farbe, die Sie wollen, für die text-Ansicht. Jetzt fügen Sie Ihre text-anzeigen innerhalb der Grenze betrachten.

    InformationsquelleAutor der Antwort praveen agrawal

  15. 0

    Ändern Konstantin Burow beantworten, weil nicht in meinem Fall:

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white" />
            <stroke android:width="2dip" android:color="#4fa5d5"/>
            <corners android:radius="7dp"/>
        </shape>
    </item>
</selector>

    compileSdkVersion 26 (Android 8.0),
    minSdkVersion 21 (Android 5.0),
    targetSdkVersion 26,
    - Implementierung " com.android.support:appcompat-v7:26.1.0',
    gradle:4.1

    InformationsquelleAutor der Antwort Ed1085

  16. -2

    Eigentlich ist es ganz einfach. Wenn Sie möchten, eine einfache schwarze Rechteck hinter dem Textview, fügen Sie einfach android:background="@android:color/black" innerhalb des TextView-tags. Wie diese:

    <TextView
    android:textSize="15pt" android:textColor="#ffa7ff04"
    android:layout_alignBottom="@+id/webView1"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:background="@android:color/black"/>

    InformationsquelleAutor der Antwort user3631822

Schreibe einen Kommentar