Android XML:L形文本视图

时间:2014-09-15 18:07:05

标签: android xml textview android-xml

我有2个TextViews:

txtView1:用户名。

txtView2:用户评论。

设计应如下图所示:

Desired Layout:

问题是我无法在不添加第三个TextView的情况下找到实现此设计的方法。

使用2个TextView,我得到了重叠的文本视图或并排的文本视图。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

您可以使用跨度来使用1 TextView

这是我得到的(我只有1个文本视图): enter image description here

以下是代码:

    String firstName = "Pavel";
    firstName = firstName.toUpperCase();
    String firstPart = firstName + ": ";
    String finalText = firstPart + "Text text text text text text text text text text text text text text text text text text text text text text text text text";

    //0 - first line margin, 50 - other lines margin. Should be taken from resources.
    LeadingMarginSpan paragraphSpan = new LeadingMarginSpan.Standard(0, 50);

    //Bold span for the first name
    StyleSpan boldSpan = new StyleSpan(Typeface.BOLD);

    //Color span for the notes text. Should be taken from resources
    ForegroundColorSpan colorSpan = new ForegroundColorSpan(0x77000000);

    Spannable spannableString = new SpannableString(finalText);
    spannableString.setSpan(paragraphSpan, 0, finalText.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(boldSpan, 0, firstPart.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(colorSpan, firstPart.length(), finalText.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);

建议您熟悉this article以更好地了解跨度