Wie lege ich einen Rahmen um eine Android TextView?

Ist es möglich, einen Rahmen um ein Android zu ziehen? TextView?

Sie können eine zeichbare Form (ein Rechteck) als Hintergrund für die Ansicht festlegen.

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

Und Rectangle drawable back.xml (im Ordner res/drawable abgelegt):

<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>

Sie können verwenden @android:color/transparent damit die Volltonfarbe einen transparenten Hintergrund hat. Sie können auch Padding verwenden, um den Text vom Rahmen zu trennen. Weitere Informationen finden Sie unter: http://developer.android.com/guide/topics/resources/drawable-resource.html

Lassen Sie mich einige verschiedene (nicht-programmatische) Methoden zusammenfassen.

Verwenden einer Form, die gezeichnet werden kann

Speichern Sie Folgendes als XML-Datei in Ihrem Drawable-Ordner (z. B. 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 legen Sie es einfach als Hintergrund für Ihre TextView fest:

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

Mehr Hilfe:

• Shape Drawable (Android-Dokumentation)
• Tipps und Tricks für Android-Entwickler: XML Drawables (Teil I)

Mit einem 9-Patch

Ein 9-Patch ist ein dehnbares Hintergrundbild. Wenn Sie ein Bild mit einem Rand erstellen, erhält Ihre TextView einen Rand. Alles, was Sie tun müssen, ist, das Bild zu erstellen und es dann in Ihrer Textansicht in den Hintergrund zu stellen.

<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 zeigen, wie man ein 9-Patch-Bild erstellt:

• Zeichnen Sie 9-Patch
• Einfacher Neun-Patch-Generator
• Eine einfache Anleitung zu 9-Patch für die Android-Benutzeroberfläche
• Erstellen und Verwenden von 9-Patch-Images in Android

Was ist, wenn ich nur den oberen Rand haben möchte?

Verwendung einer Layer-Liste

Sie können eine Ebenenliste verwenden, um zwei Rechtecke übereinander zu stapeln. Indem Sie das zweite Rechteck etwas kleiner als das erste Rechteck machen, können Sie einen Randeffekt erzielen. Das erste (untere) Rechteck ist die Randfarbe 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" versetzt die Spitze (macht sie kleiner) um 2 dp. Dadurch kann das erste (untere) Rechteck durchscheinen, was einen Randeffekt ergibt. Sie können dies auf die gleiche Weise wie die auf den TextView-Hintergrund anwenden shape drawable wurde oben getan.

Hier sind einige weitere Links zu Ebenenlisten:

• Die von Android verstehen
• Wie erstelle ich einen unteren Rand in einem zeichbaren XML-Selektor?
• Erstellen Sie Ränder in einer Android-Ansicht in drawable xml auf 3 Seiten?

Mit einem 9-Patch

Sie können einfach ein 9-Patch-Bild mit einem einzelnen Rahmen erstellen. Alles andere ist wie oben beschrieben.

Verwenden einer Ansicht

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

<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 noch ein paar Links:

• So zeichnen Sie eine Linie in Android
• So platzieren Sie eine horizontale Trennlinie zwischen Bearbeitungstexten in einer Aktivität
• Wie füge ich in einem relativen Layout eine horizontale 1px-Linie über der Bildansicht hinzu?

Der einfache Weg ist, eine Ansicht für Ihre TextView hinzuzufügen. Beispiel für die untere Begrenzungslinie:

<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 anderen Richtungsgrenzen passen Sie bitte die Position der Trennansicht an.

Ich habe dieses Problem gelöst, indem ich die Textansicht erweitert und manuell einen Rahmen gezogen habe. Ich habe sogar hinzugefügt, dass Sie auswählen können, ob ein Rand gepunktet oder gestrichelt ist.

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 Grenzklasse:

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 hilft jemandem 🙂

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

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

Sie können den Rahmen auf zwei Arten festlegen. Einer ist per drawable und der zweite ist programmatisch.

Verwenden von 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>

Programmatisch

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;
}

Ich habe mir gerade eine ähnliche Antwort angesehen – dies kann mit einem Schlaganfall und der folgenden Überschreibung erfolgen:

@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); 
}