De Contact De La Bulle EditText

Je suis en train de créer le contact des bulles dans le MultiAutoCompleteTextView similaire à la façon dont il est mis en œuvre dans l'application Google+. Ci-dessous est une capture d'écran:

De Contact De La Bulle EditText
.

J'ai essayé de prolonger la DynamicDrawableSpan classe afin d'obtenir un spannable drawable dans le contexte d'une durée de texte

public class BubbleSpan extends DynamicDrawableSpan {
  private Context c;

  public BubbleSpan(Context context) {
    super();
    c = context;
  }

  @Override
  public Drawable getDrawable() {
    Resources res = c.getResources();
    Drawable d = res.getDrawable(R.drawable.oval);
    d.setBounds(0, 0, 100, 20);
    return d;
  }
}

Où mon oval.xml drawable est définie de la manière suivante:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <solid android:color="#352765"/>
  <padding android:left="7dp" android:top="7dp"
    android:right="7dp" android:bottom="7dp" />
  <corners android:radius="6dp" />
</shape>

Dans mon Activité de classe qui a le MulitAutoCompleteTextView, j'ai mis la bulle de la durée de la sorte:

final Editable e = tv.getEditableText();
final SpannableStringBuilder sb = new SpannableStringBuilder();
sb.append("some sample text");
sb.setSpan(new BubbleSpan(getApplicationContext()), 0, 6, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
e.append(sb);

Cependant, au lieu de la forme ovale de l'affichage de derrière les 6 premiers caractères de la chaîne, les caractères ne sont pas visibles et il n'y a pas de forme ovale dessiné en arrière-plan.

Si je change le BubbleSpan de getDrawable() la méthode à utiliser .png au lieu d'une forme drawable:

public Drawable getDrawable() {
  Resources res = c.getResources();
  Drawable d = res.getDrawable(android.R.drawable.bottom_bar);
  d.setBounds(0, 0, 100, 20);
  return d;
}

Alors la .png apparaîtra, mais les caractères dans la chaîne qui sont une partie de la plage ne sera pas affiché. Comment puis-je faire en sorte que les personnages dans la durée sont affichés dans l'avant-plan, en attendant une forme personnalisée drawable est affiché dans le fond?

J'ai tenté d'utiliser un ImageSpan au lieu de sous-classement DynamicDrawableSpan, mais en vain.

double possible de Android Étiquettes ou des Bulles dans l'EditText
Comment vous obtenez sélectionné les numéros de contact
Tout s'est très bien, maintenant comment gérer la croix-cliquez sur l'image, je veux enlever l'affichage lorsque l'utilisateur cliquera sur l'icône en forme de croix, s'il vous plaît aider.
github.com/splitwise/TokenAutoComplete pourrait être utile à certains

InformationsquelleAutor toobsco42 | 2012-05-30

54

Merci @chrish pour toute l'aide. Donc, voici comment je l'ai fait:
```
final SpannableStringBuilder sb = new SpannableStringBuilder();
TextView tv = createContactTextView(contactName);
BitmapDrawable bd = (BitmapDrawable) convertViewToDrawable(tv);
bd.setBounds(0, 0, bd.getIntrinsicWidth(),bd.getIntrinsicHeight());
sb.append(contactName + ",");
sb.setSpan(new ImageSpan(bd), sb.length()-(contactName.length()+1), sb.length()-1,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
to_input.setText(sb);
public TextView createContactTextView(String text){
//creating textview dynamically
TextView tv = new TextView(this);
tv.setText(text);
tv.setTextSize(20);
tv.setBackgroundResource(R.drawable.oval);
tv.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.ic_clear_search_api_holo_light, 0);
return tv;
}
public static Object convertViewToDrawable(View view) {
int spec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
view.measure(spec, spec);
view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
Bitmap b = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(),
Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(b);
c.translate(-view.getScrollX(), -view.getScrollY());
view.draw(c);
view.setDrawingCacheEnabled(true);
Bitmap cacheBmp = view.getDrawingCache();
Bitmap viewBmp = cacheBmp.copy(Bitmap.Config.ARGB_8888, true);
view.destroyDrawingCache();
return new BitmapDrawable(viewBmp);
}
```
- J'ai constaté que cela ne fonctionnait pas dans tous les appareils en raison de problèmes d'évolutivité. Une meilleure façon de le faire est de retourner l'image à partir du convertView, puis utilisez l'image dimensions lors de la configuration de la drawable bords. E. g. BitmapDrawable bd = new BitmapDrawable(bitmap); bd.setBounds(0,0,bitmap.getWidth(), bitmap.getHeight()); Qui fonctionne sur tous les appareils.
- Salut, j'ai peut-être besoin de l'afficher dans une nouvelle question, mais je voulais savoir si vous rencontré des problèmes avec le multi ligne TextViews. Je suis l'exécution de ce sous Android 3.2 et "parfois", il semble que la largeur de la bulle n'est pas bien calculées. Comme dans le texte ne va pas continuer à la ligne suivante, mais au lieu de continuer à l'extérieur de la TextView. Si vous avez vu cela, quelques conseils?
- Si le texte avec la bulle est plus large que la saisie semi-automatique de la bulle est créée par deux fois en deux lignes. Vous shold définir ce textView: textView.setMaxWidth(ce.getWidth() - SOME_PADDING); " Et je suis aussi à l'aide de ce (si le texte est trop grand est en deux lignes dans la bulle et ... à la fin): textView.setEllipsize(TruncateAt.FIN); textView.setSingleLine(false); textView.setMaxLines(2);
- cela fonctionne bien wn u sélectionner dans la liste déroulante. Dans le cas où, si tu veux définir des valeurs prédéfinies pour edittext, alors , comment pouvez envelopper ce texte avec bordure n bouton croix?
- comment vous ajoutez le clicklistener à l'élément différent dans le textview pour supprimer le texte.
- qu'est-ce que "to_input"?
InformationsquelleAutor toobsco42
21

Ici est une Solution complète pour vous
```
//creating textview dynamicalyy
TextView textView=new TextView(context);
textview.setText("Lauren amos");
textview.setbackgroundResource(r.color.urovalshape);
textView.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.icon_cross, 0);
BitmapDrawable dd = (BitmapDrawable) SmsUtil.getDrawableFromTExtView(textView);
edittext.settext(addSmily(dd));
//convert image to spannableString
public SpannableStringBuilder addSmily(Drawable dd) {
dd.setBounds(0, 0, dd.getIntrinsicWidth(),dd.getIntrinsicHeight());
SpannableStringBuilder builder = new SpannableStringBuilder();
builder.append(":-)");
builder.setSpan(new ImageSpan(dd), builder.length() - ":-)".length(),builder.length(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
return builder;
}
//convert view to drawable
public static Object getDrawableFromTExtView(View view) {
int spec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
view.measure(spec, spec);
view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
Bitmap b = Bitmap.createBitmap(view.getWidth(), view.getHeight(),
Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(b);
c.translate(-view.getScrollX(), -view.getScrollY());
view.draw(c);
view.setDrawingCacheEnabled(true);
Bitmap cacheBmp = view.getDrawingCache();
Bitmap viewBmp = cacheBmp.copy(Bitmap.Config.ARGB_8888, true);
view.destroyDrawingCache();
return new BitmapDrawable(viewBmp);
}
```
Voici le dossier de projet complet ,si vous voulez utiliser
Spannble
- merci... de votre solution fonctionne très bien, mais mes questions, c'est quand j'ai appuyé sur le bouton AJOUTER des bulles de texte, c'est d'ajouter dans l'édition de texte, mais quand j'ai Clairement édition de texte et d'essayer de re-enter(appuyez sur le bouton Ajouter) précédemment ajouté bulle restant et un nouveau est ajouté trop. et j'ai aussi enlever la bulle lorsque la touche droite de la croix signe.
- S'attaquer d'abord question.je suppose que vous avez stocké de texte dans la liste et vous n'avez pas clair tout en compensation de Modifier le texte. j'ai peut-nt être wright, c'est seulement une supposition que je ne sais comment vous code.
- Je sais que c'est un vieux post, mais j'ai besoin de réponse à ma question..je suis bâtiment même de l'application, comme indiqué ci-dessus..je m en utilisant MultiAutoCompleteTextView pour les suggestions et ensuite créer les bulles lorsque l'élément est cliqué..les bulles sont créées avec succès, mais mon problème est que je ne veux pas que le curseur apparaisse entre les deux bulles...je m en utilisant l'espace de tokenizer pour MultiAutoCompleteTextView..aucune idée de comment faire??
- Merci pour ce code, j'ai une question, tout de même. J'ai une situation où j'ai certaines valeurs déjà avec moi, et je vais les coller directement dans le texte à modifier comme spannable textes. cependant, maintenant, je me demande juste ce que c'est possible de combiner votre code de spannable projet avec ce type de fonctionnalité. Je veux avoir une capacité d'ajouter ou supprimer des noms au moment de l'exécution, en ajoutant peut arriver dans le groupe, cependant supprimer est comme d'habitude (un par un) .. merci
InformationsquelleAutor Krishna Shrestha
5

J'ai une bibliothèque qui correspond à ce que vous recherchez avec :
- Par défaut ou entièrement personnalisable (vous pouvez même utiliser votre propre mise en page)
- Soutien multiligne
- Écouteur de clics
Jetez un oeil ici

Ici un démarrage rapide :

Ajouter ChipView à votre mise en page ou de la créer par programmation :
```
<com.plumillonforge.android.chipview.ChipView
android:id="@+id/chipview"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
```
Init avec une liste de données qui s'étendent abstrait à Puce et un écouteur de clics (si vous voulez) :
```
List<Chip> chipList = new ArrayList<>();
chipList.add(new Tag("Lorem"));
chipList.add(new Tag("Ipsum dolor"));
chipList.add(new Tag("Sit amet"));
chipList.add(new Tag("Consectetur"));
chipList.add(new Tag("adipiscing elit"));
ChipView chipDefault = (ChipView) findViewById(R.id.chipview);
chipDefault.setChipList(chipList);
chipDefault.setOnChipClickListener(new OnChipClickListener() {
@Override
public void onChipClick(Chip chip) {
//Action here !
}
});
```
Par défaut ChipView est affiché comme ceci :

Mais vous pouvez les personnaliser comme vous le souhaitez partir de l'ensemble de niveau de Puce :

Ce n'est pas un MultiAutocomplete mais vous pouvez gérer à imiter (je suis en train de l'utiliser comme ça)
- vous êtes ma bouée de sauvetage. merci beaucoup
InformationsquelleAutor Plumillon Forge

Vous devez vous connecter pour publier un commentaire.