Comment ajouter une liste à puces à l'application android?

1. browep expliqué nice le chemin au cours de HTML. La solution fournie avec l'entité html peut être utile. Mais il ne comprend que la balle. Si votre texte passe à la ligne, le retrait ne sera pas correct.

2. J'ai trouvé d'autres solutions d'incorporer un affichage web. C'est peut-être approprié pour certains, mais je pense que c'est une sorte de overkill... (même avec l'aide d'une vue de liste.)

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

4. Mon exemple d'une liste non ordonnée avec des balles à l'aide de 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:

• Balles avec un bon de retrait après le texte de l'enveloppe.
• Vous pouvez combiner d'autres mises en forme ou pas de texte mis en forme dans une seule instance de TextView
• Vous pouvez définir dans les BulletSpan constructeur comment big le tiret.

Négatif:

• Vous devez enregistrer chaque élément de la liste dans une autre ressource de chaîne. Si u ne peut pas définir votre liste à l'aise la façon dont vous pourriez en HTML.

Inspiré par les différentes réponses ici, j'ai créé un classe Utilitaire pour rendre cet facile, doublure. Cela va créer une liste à puces avec indentation de texte enveloppé.
Il a des méthodes pour combiner les chaînes, chaîne de ressources et de tableau de chaîne de ressources.

Il va créer un CharSequence que vous pouvez transmettre à un TextView. Par exemple:

CharSequence bulletedList = BulletListUtil.makeBulletList("First line", "Second line", "Really long third line that will wrap and indent properly.");
textView.setText(bulletedList);

Espère que c'est utile. Profitez de.

Remarque: Ceci permet d'utiliser le système standard de balle, un petit cercle de la même couleur que le texte. Si vous voulez un de puces personnalisée, examiner de sous-classement BulletSpan et surchargeant ses drawLeadingMargin() pour tirer la balle que vous voulez. Jetez un oeil à la BulletSpan source pour une idée de comment cela fonctionne.

public class BulletTextUtil {
/**
* Returns a CharSequence containing a bulleted and properly indented list.
*
* @param leadingMargin In pixels, the space between the left edge of the bullet and the left edge of the text.
* @param context
* @param stringArrayResId A resource id pointing to a string array. Each string will be a separate line/bullet-point.
* @return
*/
public static CharSequence makeBulletListFromStringArrayResource(int leadingMargin, Context context, int stringArrayResId) {
return makeBulletList(leadingMargin, context.getResources().getStringArray(stringArrayResId));
}
/**
* Returns a CharSequence containing a bulleted and properly indented list.
*
* @param leadingMargin In pixels, the space between the left edge of the bullet and the left edge of the text.
* @param context
* @param linesResIds An array of string resource ids. Each string will be a separate line/bullet-point.
* @return
*/
public static CharSequence makeBulletListFromStringResources(int leadingMargin, Context context, int... linesResIds) {
int len = linesResIds.length;
CharSequence[] cslines = new CharSequence[len];
for (int i = 0; i < len; i++) {
cslines[i] = context.getString(linesResIds[i]);
}
return makeBulletList(leadingMargin, cslines);
}
/**
* Returns a CharSequence containing a bulleted and properly indented list.
*
* @param leadingMargin In pixels, the space between the left edge of the bullet and the left edge of the text.
* @param lines An array of CharSequences. Each CharSequences will be a separate line/bullet-point.
* @return
*/
public static CharSequence makeBulletList(int leadingMargin, CharSequence... lines) {
SpannableStringBuilder sb = new SpannableStringBuilder();
for (int i = 0; i < lines.length; i++) {
CharSequence line = lines[i] + (i < lines.length-1 ? "\n" : "");
Spannable spannable = new SpannableString(line);
spannable.setSpan(new BulletSpan(leadingMargin), 0, spannable.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
sb.append(spannable);
}
return sb;
}
}

Une option que j'ai utilisé était de mettre la balle dessinés à 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" />

Voici une autre solution, pas exactement ajout d'une liste à un textview, mais je suppose que le but est le même. C'est à l'aide de TableLayout, qui a besoin de XML et il est vraiment simple pour les petites commandés ou les listes non ordonnées. Ci-dessous, des exemples de code que j'ai utilisé pour cela, pas une ligne de code en Java.

Positif:

• vous pouvez mettre ce que vous voulez dans les lignes de la table, n'a pas à être un textview
• vous pouvez l'utiliser pour créer des listes à puces et numérotées ou quoi que
• vous pouvez définir tiret à l'aide de rembourrage ou layout_weight

Négatif:

• fastidieux pour les très longues listes (sauf si vous utilisez certains petits malins éditeur de texte avec des regex)

• chaque élément de la liste est de stocker en tant que ressource de chaîne séparée

      <TableRow
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  >
  <TextView
  style="@style/helpPagePointsStyle"
  android:layout_weight="0.2"
  android:text="1." />
  <TextView
  style="@style/helpPagePointsStyle"
  android:layout_weight="3"
  android:text="@string/help_points1" />
  </TableRow>
  <TableRow
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  >
  <TextView
  style="@style/helpPagePointsStyle"
  android:layout_weight="0.2"
  android:text="2." />
  <TextView
  style="@style/helpPagePointsStyle"
  android:layout_weight="3"
  android:text="@string/help_points2" />
  </TableRow>
  <TableRow
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  >
  <TextView
  style="@style/helpPagePointsStyle"
  android:layout_weight="0.2"
  android:text="3." />
  <TextView
  style="@style/helpPagePointsStyle"
  android:layout_weight="3"
  android:text="@string/help_points3" />
  </TableRow>
  </TableLayout>

et le style:

<style name="helpPagePointsStyle">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:gravity">left</item>
</style>

Est allé complètement exagéré, et fait un texte personnalisé vue.

L'utiliser comme ceci:

<com.blundell.BulletTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="--bullet 1 --bullet two --bullet three --bullet four" />

et le code:

package com.blundell;
import android.content.Context;
import android.text.Html;
import android.util.AttributeSet;
import android.widget.TextView;
public class BulletTextView extends TextView {
private static final String SPLITTER_CHAR = "--";
private static final String NEWLINE_CHAR = "<br/>";
private static final String HTML_BULLETPOINT = "&#8226;";
public BulletTextView(Context context, AttributeSet attrs) {
this(context, attrs, android.R.attr.textViewStyle);
}
public BulletTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
checkForBulletPointSplitter();
}
private void checkForBulletPointSplitter() {
String text = (String) getText();
if (text.contains(SPLITTER_CHAR)) {
injectBulletPoints(text);
}
}
private void injectBulletPoints(String text) {
String newLinedText = addNewLinesBetweenBullets(text);
String htmlBulletText = addBulletPoints(newLinedText);
setText(Html.fromHtml(htmlBulletText));
}
private String addNewLinesBetweenBullets(String text) {
String newLinedText = text.replace(SPLITTER_CHAR, NEWLINE_CHAR + SPLITTER_CHAR);
newLinedText = newLinedText.replaceFirst(NEWLINE_CHAR, "");
return newLinedText;
}
private String addBulletPoints(String newLinedText) {
return newLinedText.replace(SPLITTER_CHAR, HTML_BULLETPOINT);
}
}

Les deux options que vous avez pour faire une liste à puces sont

• créer la liste à l'aide de html (ul,ol) et de charger le code html dans une WebView
• Charger les données dans une ListView et l'ensemble de la gauche drawable de votre texte à afficher dans la liste de l'élément de mise en page, d'une image de la balle.

L'Option 1 est la plus simple.

une autre façon de soutenir le manque de balises HTML, est en les remplaçant bien, comme le montre ici