Ho un TextView e vorrei aggiungere un bordo nero lungo i bordi superiore e inferiore. Ho provato ad aggiungere android:drawableTope android:drawableBottoma TextView, ma questo ha fatto diventare l'intera vista nera.

<TextView
    android:background="@android:color/green"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:drawableTop="@android:color/black"
    android:drawableBottom="@android:color/black"
    android:text="la la la" />

Esiste un modo per aggiungere facilmente un bordo superiore e inferiore a una vista (in particolare a TextView) in Android?

In Android 2.2 potresti fare quanto segue.

Crea un drawable xml come /res/drawable/textlines.xml e assegnalo come proprietà di sfondo di TextView.

<TextView
android:text="My text with lines above and below"
android:background="@drawable/textlines"
/>

/res/drawable/textlines.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#FF000000" />
            <solid android:color="#FFDDDDDD" />

        </shape>
   </item>

   <item android:top="1dp" android:bottom="1dp"> 
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#FFDDDDDD" />
            <solid android:color="#00000000" />
        </shape>
   </item>

</layer-list>

Il lato negativo di questo è che devi specificare un colore di sfondo opaco, poiché i lucidi non funzioneranno. (Almeno pensavo lo facessero ma mi sbagliavo). Nell'esempio sopra puoi vedere che il colore solido della prima forma #FFdddddd viene copiato nel colore del tratto della 2a forma.

Ho usato un trucco in modo che il bordo venga visualizzato all'esterno del contenitore. Con questo trucco viene disegnata solo una linea in modo che lo sfondo venga mostrato nella vista sottostante.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:bottom="1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="1dp"
                android:color="#FF000000" />

            <solid android:color="#00FFFFFF" />

            <padding android:left="10dp"
                android:right="10dp"
                android:top="10dp"
                android:bottom="10dp" />
        </shape>
    </item>

</layer-list>

Opzione 1: Shape Drawable

Questa è l'opzione più semplice se si desidera un bordo attorno a un layout o una vista in cui è possibile impostare lo sfondo. Crea un file XML nella drawablecartella che assomigli a questo:

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

    <solid android:color="#8fff93" />

    <stroke
        android:width="1px"
        android:color="#000" />

</shape>

È possibile rimuovere il solidse non si desidera un riempimento. Il set background="@drawable/your_shape_drawable"sul tuo layout / vista.

Opzione 2: vista di sfondo

Ecco un piccolo trucco che ho usato in a RelativeLayout. Fondamentalmente hai un quadrato nero sotto la vista che vuoi dare un bordo, e poi dai a quella vista un po 'di riempimento (non margine!) In modo che il quadrato nero sia visibile ai bordi.

Ovviamente questo funziona correttamente solo se la vista non ha aree trasparenti. In tal caso, ti consiglio di scrivere un'abitudine BorderViewche disegna solo il bordo: dovrebbe essere solo una dozzina di righe di codice.

<View
    android:id="@+id/border"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/image"
    android:layout_alignLeft="@+id/image"
    android:layout_alignRight="@+id/image"
    android:layout_alignTop="@+id/main_image"
    android:background="#000" />

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_...
    android:padding="1px"
    android:src="@drawable/..." />

Se vi state chiedendo, si fa il lavoro con adjustViewBounds=true. Tuttavia, non funziona se vuoi avere uno sfondo nel suo insieme RelativeLayout, perché c'è un bug che ti impedisce di riempire a RelativeLayoutcon a View. In tal caso, consiglierei il Shapedisegno.

Opzione 3: 9 patch

Un'ultima opzione è quella di usare un disegnabile a 9 patch come questo:

È possibile utilizzarlo in qualsiasi vista in cui è possibile impostare android:background="@drawable/...". E sì, deve essere 6x6 - ho provato 5x5 e non ha funzionato.

Lo svantaggio di questo metodo è che non puoi cambiare i colori molto facilmente, ma se vuoi bordi fantasiosi (ad esempio solo un bordo in alto e in basso, come in questa domanda), potresti non essere in grado di farli con il Shapedisegno , che non è molto potente.

Opzione 4: visualizzazioni extra

Ho dimenticato di menzionare questa opzione davvero semplice se vuoi solo i bordi sopra e sotto la tua vista. Puoi mettere la vista in verticale LinearLayout(se non lo è già) e quindi aggiungere Views vuoti sopra e sotto di essa in questo modo:

<View android:background="#000" android:layout_width="match_parent" android:layout_height="1px"/>

Per aggiungere un 1dpbordo bianco solo in fondo e per avere uno sfondo trasparente, puoi usare quanto segue, che è più semplice della maggior parte delle risposte qui.

Per l'una TextViewo l'altra vista aggiungere:

android:background="@drawable/borderbottom"

E nella drawabledirectory aggiungi il seguente XML, chiamatoborderbottom.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-2dp" android:left="-2dp" android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#ffffffff" />
            <solid android:color="#00000000" />
        </shape>
    </item>
</layer-list>

Se vuoi un bordo in alto, cambia android:top="-2dp"inandroid:bottom="-2dp"

Non è necessario che il colore sia bianco e che lo sfondo non sia trasparente.

L' solidelemento potrebbe non essere richiesto. Questo dipenderà dal tuo design (grazie a V. Kalyuzhnyu).

Fondamentalmente, questo XML creerà un bordo usando la forma rettangolare, ma spinge i lati superiore, destro e sinistro oltre l'area di rendering per la forma. Questo lascia visibile solo il bordo inferiore.

La risposta attualmente accettata non funziona. Crea sottili bordi verticali sui lati sinistro e destro della vista a causa dell'antialiasing.

Questa versione funziona perfettamente. Consente inoltre di impostare le larghezze dei bordi in modo indipendente e, se lo si desidera, è anche possibile aggiungere bordi sui lati sinistro / destro. L'unico inconveniente è che NON supporta la trasparenza.

Crea un drawable xml denominato /res/drawable/top_bottom_borders.xmlcon il codice seguente e assegnalo come proprietà di sfondo di TextView.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#DDDD00" /> <!-- border color -->
        </shape>
    </item>

    <item
        android:bottom="1dp" 
        android:top="1dp">   <!-- adjust borders width here -->
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />  <!-- background color -->
        </shape>
    </item>
</layer-list>

Testato su Android KitKat tramite Marshmallow

Quindi volevo fare qualcosa di leggermente diverso: SOLO un bordo in basso, per simulare un divisore ListView. Ho modificato la risposta di Piet Delport e ho ottenuto questo:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   <item>
      <shape 
        android:shape="rectangle">
            <solid android:color="@color/background_trans_light" />    

        </shape>
   </item>

    <!-- this mess is what we have to do to get a bottom border only. -->
   <item android:top="-2dp"
         android:left="-2dp"
         android:right="-2dp"
         android:bottom="1px"> 
      <shape 
        android:shape="rectangle">    
            <stroke android:width="1dp" android:color="@color/background_trans_mid" />
            <solid android:color="@null" />
        </shape>
   </item>

</layer-list>

Nota usando px invece di dp per ottenere esattamente 1 pixel divisore (alcuni DPI del telefono faranno scomparire una linea da 1dp).

Proprio come ha detto @Nic Hubbard, c'è un modo molto semplice per aggiungere una linea di confine.

<View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="#000000" >
</View>

È possibile modificare l'altezza e il colore di sfondo in base alle proprie esigenze.

Le mie risposte si basano sulla versione @Emile ma uso il colore trasparente anziché il solido.
Questo esempio disegna un bordo inferiore di 2dp.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <stroke  android:width="2dp"
                     android:color="#50C0E9" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <item  android:bottom="2dp" >
        <shape android:shape="rectangle" >
            <stroke  android:width="2dp"
                     android:color="@color/bgcolor" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</layer-list>

@ color / bgcolor è il colore dello sfondo su cui si disegna la vista con il bordo.

Se vuoi cambiare la posizione del bordo cambia l'offset con uno di:

android:bottom="2dp"
android:top="2dp"
android:right="2dp"
android:left="2dp"

o combinali per avere 2 o più bordi:

android:bottom="2dp" android:top="2dp"

Puoi anche avvolgere la vista in un FrameLayout, quindi impostare il colore di sfondo e il riempimento della cornice come desideri; tuttavia, la visualizzazione di testo, per impostazione predefinita, ha uno sfondo "trasparente", quindi è necessario modificare anche il colore di sfondo della visualizzazione di testo.

Perché non creare semplicemente una vista alta 1dp con un colore di sfondo? Quindi può essere facilmente posizionato dove vuoi.

Solo per aggiungere la mia soluzione all'elenco ..

Volevo un bordo inferiore semitrasparente che si estende oltre la forma originale (quindi il bordo semitrasparente era al di fuori del rettangolo principale).

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item>
    <shape android:shape="rectangle" >      
      <solid android:color="#33000000" /> <!-- Border colour -->
    </shape>
  </item>
  <item  android:bottom="2dp" >
    <shape android:shape="rectangle" >     
      <solid android:color="#164586" />
    </shape>
  </item>
</layer-list>

Il che mi dà;

Per cambiare questo:

<TextView
    android:text="My text"
    android:background="@drawable/top_bottom_border"/>

Preferisco questo approccio in "drawable / top_bottom_border.xml":

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient
                android:angle="270"
                android:startColor="#000"
                android:centerColor="@android:color/transparent"
                android:centerX="0.01" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:angle="90"
                android:startColor="#000"
                android:centerColor="@android:color/transparent"
                android:centerX="0.01" />
        </shape>
    </item>
</layer-list>

Questo rende solo i bordi, non un rettangolo che apparirà se lo sfondo ha un colore.

Per prima cosa crea un file xml con i contenuti mostrati di seguito e chiamalo border.xml e posizionalo nella cartella layout all'interno della directory res

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1dp" android:color="#0000" />
    <padding android:left="0dp" android:top="1dp" android:right="0dp"
        android:bottom="1dp" />
</shape>

Dopo quello all'interno del codice usare

TextView tv = (TextView)findElementById(R.id.yourTextView);
tv.setBackgroundResource(R.layout.border);

Ciò renderà una linea nera nella parte superiore e inferiore di TextView.

Scrivi sotto il codice

<View
    android:layout_width="wrap_content"
    android:layout_height="2dip"
    android:layout_below="@+id/topics_text"
    android:layout_marginTop="7dp"
    android:layout_margin="10dp"
    android:background="#ffffff" />

Ecco un modo per raggiungerlo.

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape android:shape="rectangle">
                <stroke
                    android:width="1dp"
                    android:color="@color/grey_coaching_text" />
            </shape>
        </item>

        <item
            android:bottom="1dp"
            android:top="1dp">
            <shape android:shape="rectangle">
                <solid android:color="@color/white" />
            </shape>
        </item>
    </layer-list>

Primo elemento per tratto e secondo per sfondo solido. Nascondere i bordi sinistro e destro.

Il modo più semplice per aggiungere bordi per inserirli usando InsetDrawable, di seguito mostrerà solo il bordo superiore:

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

        <solid android:color="@color/light_gray" />
        <stroke
            android:width=".5dp"
            android:color="@color/dark_gray" />
    </shape>
</inset>

Aggiungi file a res / drawable

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:left="-2dp" android:right="-2dp">
            <shape android:shape="rectangle">
                <stroke
                    android:width="1dp"
                    android:color="#000000" />
            </shape>
        </item>
    </layer-list>

Aggiungi il collegamento su questo file alla proprietà in background

Prova a avvolgere l'immagine con uno schermo lineare e imposta lo sfondo sul colore del bordo desiderato attorno al testo. Quindi imposta l'imbottitura nella vista di testo in modo che sia lo spessore desiderato per il bordo.

Puoi anche usare un percorso a 9 per fare il tuo lavoro. Crealo in modo che il pixel colorato non si moltiplichi in altezza ma solo il pixel trasparente.

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

<solid android:color="@color/light_grey1" />
<stroke
    android:width="1dip"
    android:color="@color/light_grey1" />

<corners
    android:bottomLeftRadius="0dp"
    android:bottomRightRadius="0dp"
    android:topLeftRadius="5dp"
    android:topRightRadius="5dp" />

    </shape>

Aggiungi semplicemente Viste nella parte superiore e inferiore di View

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/your_color"
        app:layout_constraintBottom_toTopOf="@+id/textView"
        app:layout_constraintEnd_toEndOf="@+id/textView"
        app:layout_constraintStart_toStartOf="@+id/textView" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="32dp"
        android:gravity="center"
        android:text="Testing"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/your_color"
        app:layout_constraintEnd_toEndOf="@+id/textView"
        app:layout_constraintStart_toStartOf="@+id/textView"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

</android.support.constraint.ConstraintLayout>

// Just simply add border around the image view or view

<ImageView
                android:id="@+id/imageView2"
                android:layout_width="90dp"
                android:layout_height="70dp"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@+id/imageView1"
                android:background="@android:color/white"
                android:padding="5dip" />

// After that dynamically put color into your view or image view object

objView.setBackgroundColor(Color.GREEN);

//VinodJ/Abhishek

<TextView
    android:id="@+id/textView3"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="#72cdf4"
    android:text=" aa" />

Basta aggiungere questo TextView sotto il testo in cui si desidera aggiungere il bordo

Solo per imporre le risposte di @phreakhead e user1051892 , <item android:bottom|android:left|android:right|android:top>se negativo, deve essere maggiore di <stroke android:width>. In caso contrario, la pittura dell'oggetto verrà mescolata con la pittura del tratto e potresti pensare che questi valori non funzionino.