[移动开发]Android（十）：TextView 文本框

渐变按钮

<!-- 样式 Resources/drawable/txt_bg.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--边框-->
    <stroke
        android:width="1dp"
        android:color="#ff25c88a" />
    <!--圆角-->
    <corners android:radius="30dp" />
    <!--边距-->
    <padding
        android:bottom="15dp"
        android:top="15dp"
        android:left="120dp"
        android:right="120dp" />
    <!--渐变色-->
    <gradient
        android:type="linear"
        android:useLevel="true"
        android:startColor="#ff24c7af"
        android:endColor="#ff25c88a"
        android:angle="180" />
</shape>

<!-- 布局 -->
<TextView
        android:id="@+id/txt01"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_margin="10dp"
        android:background="@drawable/txt_bg"
        android:textColor="#ffffff"
        android:textSize="15sp"
        android:text="渐变按钮" />

带图片的Text

<TextView
        android:id="@+id/txt02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/txt01"
        android:layout_margin="10dp"
        android:drawableLeft="@drawable/mini_logo"
        android:drawablePadding="10dp"
        android:textSize="40sp"
        android:text="带图片的Text" />

• 修改图片大小

  // 修改图片尺寸
  {
     var txt02 = (TextView)FindViewById(Resource.Id.txt02);
     // 数组下表0~3,依次是:左上右下
     var drawables = txt02?.GetCompoundDrawables();
     if (drawables == null) return;
     // 调用setBounds设置左上右下坐标点,如这里设置了代表的是:
     // 长(left-right):从文字最左边开始0dp处到60dp处
     // 宽(top-bottom):从文字上方0dp处往上延伸60dp处
     drawables[0].SetBounds(0, 0, 60, 60);
     txt02.SetCompoundDrawables(drawables[0], drawables[1], drawables[2], drawables[3]);
  }
  

可进行跳转的Text

<TextView
        android:id="@+id/txt03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/txt02"
        android:layout_margin="10dp"
        android:textSize="15sp"
        android:text="www.baidu.com"
        android:autoLink="web" />

嵌入HTML

 <TextView
        android:id="@+id/txt04"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/txt03"
        android:layout_margin="10dp"
        android:textSize="15sp"
        android:text="嵌入HTML->" />

// 嵌入HTML
{
    var txt04 = (TextView)FindViewById(Resource.Id.txt04);
    var str = "<font color='blue'><b>百度一下，你就知道~：</font>";
    str += "<a href = 'http://www.baidu.com'>百度</a>";
    txt04?.SetText(Html.FromHtml(txt04.Text + str), TextView.BufferType.Normal);
    if (txt04 != null) txt04.MovementMethod = LinkMovementMethod.Instance; // 可点击
}

多样式文本

 <TextView
        android:id="@+id/txt05"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/txt04"
        android:layout_margin="10dp"
        android:textSize="15sp"
        android:text="这是一段文本" />

// 文本样式
{
    var txt05 = (TextView)FindViewById(Resource.Id.txt05);
    var span = new SpannableString("红色打电话斜体删除线绿色下划线图片:.");
    // 1.设置背景色,SetSpan时需要指定的flag,SpanTypes.ExclusiveExclusive(前后都不包括)
    span.SetSpan(new BackgroundColorSpan(Color.Red), 0, 2, SpanTypes.ExclusiveExclusive);
    // 2.用超链接标记文本
    span.SetSpan(new URLSpan("tel:4155551212"), 2, 5, SpanTypes.ExclusiveExclusive);
    // 3.用样式标记文本（斜体）
    span.SetSpan(new StyleSpan(TypefaceStyle.BoldItalic), 5, 7, SpanTypes.ExclusiveExclusive);
    // 4.用删除线标记文本
    span.SetSpan(new StrikethroughSpan(), 7, 10, SpanTypes.ExclusiveExclusive);
    // 5.用下划线标记文本
    span.SetSpan(new UnderlineSpan(), 10, 16, SpanTypes.ExclusiveExclusive);
    // 6.用颜色标记
    span.SetSpan(new ForegroundColorSpan(Color.Green), 10, 13, SpanTypes.ExclusiveExclusive);
    // 7.获取Drawable资源
    var d = Resources?.GetDrawable(Resource.Drawable.mini_logo);
    d?.SetBounds(0, 0, d.IntrinsicWidth, d.IntrinsicHeight);
    // 8.创建ImageSpan,然后用ImageSpan来替换文本
    var imgSpan = new ImageSpan(d, SpanAlign.Baseline);
    span.SetSpan(imgSpan, 18, 19, SpanTypes.ExclusiveExclusive);
    txt05?.SetText(span, TextView.BufferType.Normal);
    if (txt05 != null) txt05.MovementMethod = LinkMovementMethod.Instance; // 可点击
}

仿朋友圈点赞名单

<TextView
        android:id="@+id/txt06"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/txt05"
        android:layout_margin="10dp"
        android:textSize="15sp"
        android:text="这是一段文本" />

// 文本可点击
{
    var txt06 = (TextView)FindViewById(Resource.Id.txt06);
    var friends = new[]
    {
        new Friend("Lee", "123-Lee-123"),
        new Friend("Prosper", "1234567-Prosper-1234567"),
        new Friend("ProsperLee", "1234567890-PLee-1234567890"),
    };
    txt06?.SetText(PartClick(friends), TextView.BufferType.Normal);
    if (txt06 != null) txt06.MovementMethod = LinkMovementMethod.Instance; // 可点击
}

// 单个朋友类（存放朋友信息）
private class Friend
{
    public string _name;
    public string _id;

    public Friend(string name, string id)
    {
        _name = name;
        _id = id;
    }
}

// 文本拼接及局部点击事件
private static SpannableStringBuilder PartClick(Friend[] friends)
{
    var ssb = new SpannableStringBuilder();
    foreach (var friend in friends)
    {
        ssb.Append(friend._name + ',');
        var start = ssb.Length() - friend._name.Length - 1;
        var end = ssb.Length() - 1;
        ssb.SetSpan(new TextClick(friend), start, end, SpanTypes.ExclusiveExclusive);
    }

    ssb.Delete(ssb.Length() - 1, ssb.Length());
    return ssb.Append($"等{friends.Length}人觉得很赞!") as SpannableStringBuilder;
}

// 文本点击
private class TextClick : ClickableSpan
{
    private readonly Friend _friend;

    public TextClick(Friend friend)
    {
        _friend = friend;
    }

    public override void OnClick(View widget)
    {
        Toast.MakeText(Application.Context, _friend._id, ToastLength.Long)?.Show();
    }

    public override void UpdateDrawState(TextPaint ds)
    {
        base.UpdateDrawState(ds);
        ds.Color = Color.Blue;
        ds.UnderlineText = true;
    }
}

跑马灯

• 方案1:

  <TextView
          android:id="@+id/txt07"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_below="@id/txt06"
          android:layout_centerHorizontal="true"
          android:layout_margin="10dp"
          android:background="#EEEFFF"
          android:padding="5dp"
          android:text="你整天说着日了狗日了狗，但是你却没有来，呵呵呵呵呵呵呵呵呵呵~"
          
          android:ellipsize="marquee"
          android:singleLine="true"/>
  

  // 跑马灯
  {
      var txt07 = (TextView)FindViewById(Resource.Id.txt07);
      if (txt07 == null) return;
      txt07.Selected = true;
  }
  

• 方案2(需要点击一下文本):

  <TextView
          android:id="@+id/txt07"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_below="@id/txt06"
          android:layout_centerHorizontal="true"
          android:layout_margin="10dp"
          android:background="#EEEFFF"
          android:padding="5dp"
          android:text="你整天说着日了狗日了狗，但是你却没有来，呵呵呵呵呵呵呵呵呵呵~"
          
          android:textIsSelectable="true"
          android:ellipsize="marquee"
          android:singleLine="true"/>
  

行间距

<TextView
        android:id="@+id/txt08"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/txt07"
        android:layout_centerHorizontal="true"
        android:layout_margin="10dp"
        android:background="#EEEFFF"
        android:padding="5dp"
        android:lineSpacingExtra="10dp"
        android:lineSpacingMultiplier="2"
        android:text="你整天说着日了狗日了狗，但是你却没有来，呵呵呵呵呵呵呵呵呵呵~你整天说着日了狗日了狗，但是你却没有来，呵呵呵呵呵呵呵呵呵呵~你整天说着日了狗日了狗，但是你却没有来，呵呵呵呵呵呵呵呵呵呵~" />

属性总结

关注博主即可阅读全文