TextView常用属性

1.TextView常用属性初步了解

• id：为TextView设置一个组件id
• layout_width：设置组件的宽度
• layout_height：设置组件的高度
• text：设置显示的文本内容
• textColor：设置显示的文本的字体颜色
• textColor：设置显示的字体的风格。其中，有三种风格：normal(无效果)，bold(加粗)，italic(斜体)。
• textSize：设置字体的大小，一般情况下都是用sp。
• background：设置空间的背景颜色，我们也同样可以理解为填充整个控件的颜色，而且，我们可以选择用图片来进行填充。
• gravity：设置控件中内容的对齐方向。

2.常用属性效果预览

2.1. 最初代码如下：

<TextView
    android:id="@+id/yu"
    android:layout_width="200sp"
    android:layout_height="200sp"
    android:text="请输入文本内容"
    android:textColor="@color/red"
    android:textSize="20dp"/>

效果如下：

2.2.改动textColor，textSize，textStyle

而如果改动textColor，textSize，textStyle的话，则会产生不同的效果。

<TextView
    android:id="@+id/yu"
    android:layout_width="200sp"
    android:layout_height="200sp"
    android:text="请输入文本内容"
    android:textColor="@color/black"
    android:textSize="30dp"
    android:textStyle="italic"/>

效果如下：

在这次改动中，可以明显的看到不一样的地方，其中“容”字被分到了第二行，是因为组件的大小限制了这行字的长度。并且字体变成了黑色，字体大小由20dp变成了30dp，字体风格变成了斜体。

2.3. 改动gravity

<TextView
    android:id="@+id/yu"
    android:layout_width="200sp"
    android:layout_height="200sp"
    android:text="请输入文本内容"
    android:textColor="@color/black"
    android:textSize="30dp"
    android:textStyle="italic"
    android:gravity="center"/>

在这里我们将gravity的属性改成了center，效果如下：

2.4. 改动background

<TextView
    android:id="@+id/yu"
    android:layout_width="200sp"
    android:layout_height="200sp"
    android:text="请输入文本内容"
    android:textColor="@color/black"
    android:textSize="30dp"
    android:textStyle="italic"
    android:gravity="center"
    android:background="@color/red"/>

效果如下：

整个组件的背景颜色由白色变成了红色。

3.TextView附上带阴影的效果

3.1 带阴影属性

• android:shadowColor：设置阴影颜色，需要与shadowRadius一起使用。
• android:shadowRadius：设置阴影的模糊程度，设为0.1就变成字体颜色了。
• android:shadowDx：设置阴影在水平方向的偏移，就是水平方向阴影开始的横坐标位置。
• android:shadowDy：设置阴影在竖直方向的偏移，就是竖直方向阴影开始的纵坐标位置。

3.2 演示效果

<TextView
    android:id="@+id/yu"
    android:layout_width="300sp"
    android:layout_height="300sp"
    android:text="请输入文本内容"
    android:textColor="@color/black"
    android:textSize="30dp"
    android:textStyle="italic"
    android:shadowRadius="3.0"
    android:shadowColor="@color/red"
    android:shadowDy="8.0"
    android:shadowDx="8.0"
    android:gravity="center"/>

效果如下：

在这里我们将shadowRadius的值改成3.0，使得效果更好看。