J'essaie de créer des bulles de contact dans le MultiAutoCompleteTextView
de la même manière que cela est implémenté dans l'application Google+. Voici une capture d'écran:
.
J'ai essayé d'étendre la classe DynamicDrawableSpan
afin d'obtenir un dessinable extensible en arrière-plan d'une étendue 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 dessinable oval.xml est défini comme suit:
<?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 ma classe d'activité qui a le MulitAutoCompleteTextView
, j'ai défini la durée de la bulle comme suit:
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 affichée derrière les 6 premiers caractères de la chaîne, les caractères ne sont pas visibles et il n'y a pas d'ovale à dessiner en arrière-plan.
Si je change la méthode getDrawable () de BubbleSpan pour utiliser un .png au lieu d'une forme dessinable:
public Drawable getDrawable() {
Resources res = c.getResources();
Drawable d = res.getDrawable(Android.R.drawable.bottom_bar);
d.setBounds(0, 0, 100, 20);
return d;
}
Ensuite, le .png apparaîtra mais les caractères de la chaîne qui font partie de la plage ne s'afficheront pas. Comment puis-je faire en sorte que les caractères de la plage soient affichés au premier plan, tandis qu'un dessin personnalisé à dessiner s'affiche en arrière-plan?
J'ai essayé d'utiliser également un ImageSpan
au lieu de sous-classer DynamicDrawableSpan
mais j'ai échoué.
Merci @chrish pour toute l'aide. Voici donc 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);
}
Voici 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 fichier de projet complet, si vous souhaitez utiliser Spannble
J'ai une bibliothèque qui fait ce que vous cherchez avec:
Voici un démarrage rapide:
Ajoutez ChipView à votre mise en page ou créez-la par programme:
<com.plumillonforge.Android.chipview.ChipView
Android:id="@+id/chipview"
Android:layout_width="match_parent"
Android:layout_height="wrap_content" />
Initiez-le avec une liste de données qui étendent la puce abstraite et un écouteur de clic (si vous le souhaitez):
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 !
}
});
ChipView par défaut est rendu comme ceci:
Mais vous pouvez personnaliser comme vous le souhaitez du niveau global au niveau puce:
Ce n'est pas un MultiAutocomplete mais vous pouvez réussir à l'imiter (je l'utilise en fait comme ça)