Comment ajouter une liste à puces à une application Android ?

Question

Comment ajouter une liste à puces à mon aperçu de texte ?

Answer 1

Difficile à faire car les ul/li/ol ne sont pas supportés. Heureusement, vous pouvez l'utiliser comme sucre syntaxique :

&#8226; foo<br/>
&#8226; bar<br/>
&#8226; baz<br/>

• est l'entité html pour une puce de liste d'autres choix sont ici http://www.elizabethcastro.com/html/extras/entities.html

Plus d'informations sur les balises prises en charge fournies par Mark Murphy (@CommonsWare) http://commonsware.com/blog/Android/2010/05/26/html-tags-supported-by-textview.html Chargez-la avec Html.fromHtml.

((TextView)findViewById(R.id.my_text_view)).setText(Html.fromHtml(myHtmlString));

Answer 2

1. browep a expliqué gentiment le chemin sur le HTML. La solution fournie avec l'entité html peut être utile. Mais elle ne comprend que la puce. Si votre texte est enveloppé, l'indentation ne sera pas correcte.

2. J'ai trouvé d'autres solutions intégrant une vue web. C'est peut-être approprié pour certains, mais je pense que c'est un peu exagéré... (De même que l'utilisation d'une vue en liste).

3. J'aime le l'approche créative de Nelson :D, mais il ne vous donne pas la possibilité d'ajouter une liste non ordonnée à une vue de texte.

4. Mon exemple de liste non ordonnée avec des puces en utilisant BulletSpan

   CharSequence t1 = getText(R.string.xxx1);
   SpannableString s1 = new SpannableString(t1);
   s1.setSpan(new BulletSpan(15), 0, t1.length(), 0);
   CharSequence t2 = getText(R.string.xxx2);
   SpannableString s2 = new SpannableString(t2);
   s2.setSpan(new BulletSpan(15), 0, t2.length(), 0);
   textView.setText(TextUtils.concat(s1, s2));

Positif :

• Les puces sont correctement mises en retrait après l'habillage du texte.
• Vous pouvez combiner d'autres textes formatés ou non formatés dans une instance de TextView
• Vous pouvez définir dans le constructeur de BulletSpan la taille du retrait.

Négatif :

• Vous devez enregistrer chaque élément de la liste dans une ressource chaîne distincte. Vous ne pouvez donc pas définir votre liste de manière aussi confortable que vous le feriez en HTML.

Answer 3

J'ai trouvé une alternative... il suffit de copier cette puce " - " (c'est un texte) et de la coller dans le texte de votre vue texte, vous pouvez changer la couleur de la puce en changeant la couleur du texte et aussi tous les autres attributs comme la taille, la hauteur, la largeur... :)

vous pouvez utiliser un raccourci pour obtenir cette balle pendant que vous tapez.

pour Windows

ALT + 7

pour mac

ALT + 8

Answer 4

Une option que j'ai utilisée consistait à définir le dessin de la balle à l'aide d'un style.

<style name="Text.Bullet">
    <item name="android:background">@drawable/bullet</item>
    <item name="android:paddingLeft">10dp</item>
</style>

Utilisation :

<TextView android:id="@+id/tx_hdr" 
android:text="Item 1" style="@style/Text.Bullet" />

Answer 5

[Mise à jour : 2021]

J'ai remarqué que ma réponse datait d'il y a 8 ans et j'ai décidé de la mettre à jour en fonction des éléments suivants la dernière documentation Android pour styliser du texte avec des balises HTML :

• Utilisez des balises HTML comme <ul> & <li> dans vos ressources de chaîne. Ces balises et bien d'autres sont prises en charge !
• Si vous n'appliquez pas de formatage, vous pouvez définir le texte du TextView directement en appelant setText()
• C'est mieux que de coller directement le • ou c'est un hexcode si vous voulez préserver l'indentation dans les chaînes de caractères à plusieurs lignes.

---

Ma vieille réponse de 2013 :

Les listes à puces peuvent être créées à l'aide de la fonction <ul> y <li> dans la ressource chaîne.

NE PAS UTILISER setText(Html.fromHtml(string)) pour définir la chaîne de caractères dans le code ! Il suffit de définir la chaîne normalement dans le xml ou en utilisant setText( chaîne de caractères ).

Par exemple

fichier strings.xml

<string name="str1">
    <ul>
        <li><i>first</i> item</li>
        <li>item 2</li>
    </ul>
</string>

_layout.xml file_ ``` ```
Il produira le résultat suivant :

• premièrement article
• point 2

Les balises suivantes sont prises en charge de cette manière (directement intégrées dans la ressource chaîne) :

• <a> (supporte les attributs "href")
• <annotation>
• <b>
• <big>
• <font> (supporte les attributs "height", "size", "fgcolor" et "bicolor", sous forme d'entiers)
• <i>
• <li>
• <marque>
• <small>
• <strike>
• <sup>
• <tt>
• <u>