¿Cómo agrego un símbolo de viñeta en TextView?


Respuestas:


359

Tienes que usar la codificación de caracteres correcta para lograr este efecto. Podrías intentar con•


Actualizar

Solo para aclarar: use setText("\u2022 Bullet");para agregar la viñeta mediante programación.0x2022 = 8226


1
Esto me ayudo.
Vikas

44
Esta es la respuesta correcta. Más correcto que pegar la bala.
Kyle Clegg

2
@Benny, esto no funciona si configuro el texto mediante programación. textView.setText ("& # 8226; hola");
Dwivedi Ji

27
Solo para aclarar: use setText("\u2022 Bullet");para agregar la viñeta mediante programación. 0x2022 = 8226
Diederik

106
Aquí hay un código de caracteres para estos diferentes estilos de viñetas: • = \u2022, ● = \u25CF, ○ = \u25CB, ▪ = \u25AA, ■ = \u25A0, □ = \u25A1, ► = \u25BA
Quent

59

Esto funcionó para mí:

<string name="text_with_bullet">Text with a \u2022</string>

27

Copiar pegar: •. Lo hice con otros personajes extraños, como ◄ y ►.

Editar: aquí hay un ejemplo. Los dos Buttons en la parte inferior tienen android:text="◄"y "►".


77
El problema es cuando la línea se ajusta. No
sangrará

44
simplemente use un diseño lineal con orientación horizontal, primera vista de texto con "Icono y espacio" segundo: =) el texto, => todo previsto
cV2

18

Prolly es una mejor solución en algún lugar, pero esto es lo que hice.

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
        <TableRow>    
            <TextView
                android:layout_column="1"
                android:text="•"></TextView>
            <TextView
                android:layout_column="2"
                android:layout_width="wrap_content"
                android:text="First line"></TextView>
        </TableRow>
        <TableRow>    
            <TextView
                android:layout_column="1"
                android:text="•"></TextView>
            <TextView
                android:layout_column="2"
                android:layout_width="wrap_content"
                android:text="Second line"></TextView>
        </TableRow>
  </TableLayout>

Funciona como quieres, pero realmente es una solución alternativa.


9

Puede probar BulletSpan como se describe en los documentos de Android.

SpannableString string = new SpannableString("Text with\nBullet point");
string.setSpan(new BulletSpan(40, color, 20), 10, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

Resultado


¿Qué pasa con el uso de la propiedad bulletRadius antes de API 28?
ibrahimyilmaz

6

Así es como terminé haciéndolo.

 <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <View
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:background="@drawable/circle"
                android:drawableStart="@drawable/ic_bullet_point" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="Your text"
                android:textColor="#000000"
                android:textSize="14sp" />
        </LinearLayout>

y el código para drawbale / circle.xml es

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:innerRadius="0dp"
  android:shape="ring"
  android:thickness="5dp"
  android:useLevel="false">

 <solid android:color="@color/black1" />

</shape>

4

Con Unicode podemos hacerlo fácilmente, pero si quiero cambiar el color de la viñeta, probé con una imagen de viñeta coloreada y la configuré como dibujable a la izquierda y funcionó

<TextView     
    android:text="Hello bullet"
    android:drawableLeft="@drawable/bulleticon" >
</TextView>

0

Como Android no admite <ol>, <ul> or <li>elementos html, tuve que hacerlo así

<string name="names"><![CDATA[<p><h2>List of Names:</h2></p><p>&#8226;name1<br />&#8226;name2<br /></p>]]></string>

si desea mantener un espacio personalizado, use </pre> tag

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.