Alignment in Html.fromHtml()

Is alignment working in HTML.fromHtml() in a TextView?

I tried

<div align="center"><p>Test</p></div>
开发者_C百科

and some variaties of this, including putting the alignment tabs without parenthesis to the paragraph tag, but none worked. The text is always left.

Thanks for any help!

Yours.

---

Alignment is not supported in HTML text in TextView.

---

To set alignment in textview first set textview width to match_parent and then use text-align option in your HTML tag. something like this:

<div style="text-align: center">this text should be in center of view</div>

Update: This solution just work in android 7 and above :|

---

Although it is possible to use alignment using a webview instead of a TextView, and loading the html from a file placed in assets:

public class ViewWeb extends Activity {
    WebView webview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.webview);

       webview = (WebView) findViewById(R.id.webView1);
       webview.loadUrl("file:///android_asset/index.html");
    }
}

---

For API 24 and below, add a gravity attribute to the TextView layout element

      android:gravity="center_horizontal"

For API 24 and above, can use a style within the HTML.

  String centeredHtml = "<div style=\"text-align: center\">" + myFormattedHtml + "</div>";
  textView.setText(Html.fromHtml(centeredHtml));

But gravity is also supported up to at least API 26.

---

You cannot set alignment in HTML text but you can use a SpannableStringBuilder instead. It's verbose but it gets the job done.

E.g.

private Spanned getFormattedLabelText(String text, String subText) {
    String fullText = String.format("%s\n%s", text, subText);

    int fullTextLength = fullText.length();
    int titleEnd = text.length();

    SpannableStringBuilder s = new SpannableStringBuilder(fullText);

    // Center align the text
    AlignmentSpan alignmentSpan = new AlignmentSpan.Standard(Layout.Alignment.ALIGN_CENTER);
    s.setSpan(alignmentSpan, 0, fullTextLength, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

    // Make the title bold
    s.setSpan(new StyleSpan(Typeface.BOLD), 0, titleEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); //bold

    // Make the subtext small
    int smallTextSize = DisplayUtil.getPixels(TypedValue.COMPLEX_UNIT_SP, 10);
    s.setSpan(new AbsoluteSizeSpan(smallTextSize), titleEnd + 1, fullTextLength, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); //bold

    return s;
}

Then set the TextView text as usual:

myTextView.setText(getFormattedLabelText("Title", "Subtitle"));

---

If someone wants to align text in center with color red then one may use code below.

String centerNRed = "<div style='text-align:center' ><span style='color:red' >Hello World Its me.....</span></div>";
txt1.setText(Html.fromHtml(centerNRed));

---

I believe is more easy use the property Gravity in a TextView for center the text...