Android初学 二之 TextView

TextView在Android中一般用来显示文本，今天学习一下，如何利用TextView来实现我们制作我们想要的文本效果（下划线、中划线、跑马灯式文字平移…）
1、常见属性
有一些和上一节学过的属性相同的属性我就不再列举：Android 初学一 之 LinearLayOut 与 RelativeLayOut

        android:text="@string/TextViewText_0"   <!--设置文本的内容-->
        android:textColor="#000000"             <!--设置文本的颜色,取色方式看《Android 初学一》-->
        android:textSize="24sp"                 <!--设置文本的大小，单位要选SP不是dp-->
        android:textStyle="bold"                <!--设置文本的样式(有粗体bold,正常normal，斜体italic三种样式)-->
        android:textAlignment="viewEnd"         <!--设置文本的对齐方式，有很多，此处不一一列举-->
        android:textIsSelectable="true"         <!--设置文本是否能被选择，默认为false-->

在这里常见属性主要一说的就是设置文本内容，暂时通过前台代码来看的就是两种方式：
方式一、就是通过直接复制来实现TextView中的内容，例如android:text=“Gh”。
方式二、就是引用res->values->strings.xml中的内容来显示Textview中的内容，如图：

在strings.xml中写好以后，就可以直接引用， 例如：android:text="@string/TextViewText_0"。以上代码就是采用这种方式。
2、阴影

 <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        <!------------------------阴影代码------------------------------->
        android:shadowColor="#F9F900" <!--设置阴影的颜色-->
        android:shadowDx="10.0"       <!--设置阴影的y轴方向的偏移程度-->
        android:shadowDy="10.0"       <!--设置阴影的y轴方向的偏移程度-->
        android:shadowRadius="3.0"    <!--设置阴影的模糊程度-->
        <!-------------------------------------------------------------->
        android:text="gh is need to learn"
        android:textColor="#4A4AFF"
        android:textSize="30sp" /> 

3、引入图片、在TextView中，如果我们想在文字旁边放置一张图片，如果不用drawable的话，是非常麻烦的，因为你需要添加一张图片可能需要再添加一个控件，如果只要一张还好，如果很多的话是非常麻烦的。这里我介绍一下如何使用drawable引入图片。我以这张图片为例：

先将这张图片引入到Android Studio 中，（直接复制到res->mipmap文件夹下(我把图片的名字设置成position)）。如图：
然后直接上代码。

    <TextView
        android:id="@+id/Textview_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/TextViewText_0"
        android:textColor="#000000"
        android:textSize="24sp"
        <!------------------------引用图片------------------------------->
        android:drawableRight="@mipmap/position"  <!--这里直接引用那张图片-->
        android:drawablePadding="10dp"    <!--设置图片和文字的距离-->
         <!-------------------------------------------------------------->
        android:maxLines="1"
        android:ellipsize="end">

效果如图所示：

4、文字跑马灯
往往在界面设计的时候我们需要用到动态显示文字，这个时候先直接上代码。

    <TextView
        android:id="@+id/Textview_6"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/TextViewText_0"
        android:textColor="#000000"
        android:textSize="24sp"
        <!------------------------文字跑马灯---------------------------->
        android:ellipsize="marquee" <!--设置为循环模式-->
        android:singleLine="true"   <!--设置单行-->
        android:marqueeRepeatLimit="marquee_forever" <!--设置永远循环-->
        android:focusable="true"
        android:focusableInTouchMode="true">
       <!-------------------------------------------------------------->
    </TextView>

显示效果如图：（因为第一次生成GIF，导致图片效果比正常速度快了好几倍）
生成的方式在此记录一下：首先用屏幕录取软件录取一段视频，然后再使用在线转化工具生成Gif。
在线生成Gif工具

5、文字下划线
文字下划线产生的方式有两种：
方式一：
前台代码：

    <TextView
        android:id="@+id/Textview_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/TextViewText_0"
        android:textColor="#000000"
        android:textSize="24sp"
        android:maxLines="1"
        android:ellipsize="end">
    </TextView>

后台代码：

   	    private TextView myTextView4;
   	    //主要依靠这部分后台代码实现
        myTextView4 = findViewById(R.id.Textview_4);
        myTextView4.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);

方式二：

    <TextView
        android:id="@+id/Textview_5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/TextViewText_0"
        android:textColor="#000000"
        android:textSize="24sp"
        android:maxLines="1"
        android:ellipsize="end">
    </TextView>

后台代码：

   	    private TextView myTextView5;
   	    //主要依靠这部分后台代码实现
        myTextView5 = findViewById(R.id.Textview_5);
        myTextView5.setText(Html.fromHtml("<u>gh is need to learn</u>"));

两种方式的显示效果如图所示：

6、文字中划线

    <TextView
        android:id="@+id/Textview_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/TextViewText_0"
        android:textColor="#000000"
        android:textSize="24sp"
        android:maxLines="1"
        android:ellipsize="end">
    </TextView>

后台代码：

   	    private TextView myTextView3;
        myTextView3 = findViewById(R.id.Textview_3);
        //主要依靠这部分后台代码实现
        myTextView3.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);
        myTextView3.getPaint().setAntiAlias(true);//去除锯齿

显示效果如图所示：

7、AutoLink
AutoLink 相当于在Android系统中的一个超链接，下面我们将TextView中的内容链接到，电话试试。
下面给出前端代码：

    <TextView
        android:id="@+id/Textview_7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:shadowColor="#F9F900"
        android:shadowDx="10.0"
        android:shadowDy="10.0"
        android:shadowRadius="3.0"
        android:text="12367823456"
        android:autoLink="phone"
        android:textColor="#4A4AFF"
        android:textSize="30sp" />

后台代码：

 		private TextView myTextView7;
        myTextView7=findViewById(R.id.Textview_7);
        myTextView7. setMovementMethod(LinkMovementMethod.getInstance());

运行Android虚拟机之后效果如图所示：

总结：TextView可以用在登录页面中的账户框和密码框中，也可以用来存放接收到的信息。