2013-12-05 3 views
9

В настоящее время я хочу добавить изображение между текстами и выровнять его в верхней части TextView.Выравнивание ImageSpan в верхней части TextView

Что-то вроде этого:

enter image description here

Только вертикальные выравнивания можно найти в базовый (который, кажется, чтобы положить его прямо по центру текста) и выровнять дно.

Что произойдет, если я использую ALIGN_BASELINE является:

enter image description here

Есть ли способ, чтобы выровнять его к вершине вместо этого?

Мой текущий код:

txtView.setText(this.addImageAsterisk(
     "The string to have asterisk at the end*"), BufferType.SPANNABLE); 

затем

private CharSequence addImageAsterisk(String string) { 
    Drawable d = context.getResources().getDrawable(R.drawable.img_asterisk); 

    ImageSpan imageSpan = new ImageSpan(d, ImageSpan.ALIGN_BASELINE); 
    final SpannableString spannableString = new SpannableString(string); 
    spannableString.setSpan(imageSpan, string.length()-1, string.length(), 0); 
    return spannableString; 
} 

удаления ImageSpan.ALIGN_BASELINE устанавливает его, чтобы выровнять на дно, которое тоже не мой ожидаемый результат.

--- Спасибо пользователю Lalit Poptani, я пробовал применить ваш ответ ---- после применения этого, что происходит, что у всего текста есть дополнительный край поля.

перед наклеиванием пролета:

This is the text* 

после нанесения SuperscriptSpanAdjuster

(some extra space) 
This is the text* 

Моего код:

String string = "This is the text*"; 
Drawable d = this.context.getResources().getDrawable(R.drawable.img_asterisk); 

d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); 

ImageSpan imageSpan = new ImageSpan(d, ImageSpan.ALIGN_BASELINE); 
SuperscriptSpanAdjuster s = new SuperscriptSpanAdjuster(1.5); 
final SpannableString spannableString = new SpannableString(string); 
spannableString.setSpan(s, string.length() - 1, string.length(), 0); 
spannableString.setSpan(imageSpan, string.length(), string.length() + 1, 0); 
textView.setText(spannableString); 
+0

Делитесь своим кодом. И уточните, что вы действительно хотите, добавив образец изображения. –

ответ

8

Что вы можете сделать, это использовать пользовательские MetricAffectingSpan для поддержания его отношений как ,

public class SuperscriptSpanAdjuster extends MetricAffectingSpan { 
    double ratio = 0.5; 

    public SuperscriptSpanAdjuster(double ratio) { 
     this.ratio = ratio; 
    } 

    @Override 
    public void updateDrawState(TextPaint paint) { 
     paint.baselineShift += (int) (paint.ascent() * ratio); 
    } 

    @Override 
    public void updateMeasureState(TextPaint paint) { 
     paint.baselineShift += (int) (paint.ascent() * ratio); 
    } 
} 

И вы можете использовать SpannableString применять звездочку в строку, как,

SpannableString mString = new SpannableString("This is what I wanted*"); 
mString.setSpan(new SuperscriptSpanAdjuster(0.5), mString.length() - 1, 
        mString.length(), SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE); 
mTextView.append("\n"); 
mTextView.append(mString); 

Это добавляет звездочку к тексту, как вам требуется. И ваш выход будет таким, как:

enter image description here

+0

после применения этого, что происходит, так это то, что у моего текста есть дополнительный край поля. – kiirohana

+0

вы можете увеличить или уменьшить значение поля, указав параметр конструктора 'SuperscriptSpanAdjuster (0.5)' –

+0

а вы правы :), но SuperscriptSpanAdjuster, похоже, работает правильно только для текста, но когда я использую его на части с ImageSpan, ImageSpan все еще остается в том же положении – kiirohana

Смежные вопросы