2.02TextView(文本框)_UI组件_Android

TextView文本框_UI组件_Android
属性
TextView设置边框
矩形边框的Drawable
圆角矩形边框的Drawable
带图片(drawableXxx)的TextViewTOC

TextView文本框_UI组件_Android

  • 文本的字体尺寸单位为 sp :
  • sp: scaled pixels(放大像素). 主要用于字体显示。

属性

属性名称 属性含义
id 为TextView设置一个组件id,根据id,我们可以在Java代码中通过findViewById()的方法获取到该对象,然后进行相关属性的设置
layout_width 组件的宽度
layout_height 组件的高度
gravity 设置控件中内容的对齐方向,TextView中是文字,ImageView中是图片等等
text 设置显示的文本内容,一般我们是把字符串写到string.xml文件中,然后通过@String/xxx取得对应的字符串内容的
textColor 设置字体颜色,同上,通过colors.xml资源来引用
textStyle 设置字体风格,三个可选值:normal(无效果),bold(加粗),italic(斜体)
textSize 字体大小,单位一般是用sp
background 控件的背景颜色,可以理解为填充整个控件的颜色,可以是图片
autoLink 识别链接类型 (web, email, phone ,map ,none, all)

写文本的那直接使用不会直接使用字符串,通常先会定义一个常量,然后引用
res/values/strings.xml中定义字符串

定义的字符串:<string name="app_name">android_learn1</string>
在xml中引用:
    <!--@string引入字符串
    @color引入颜色
    @mipmap引入图片-->
    <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:background="@mipmap/ic_launcher"
        android:gravity="right"
        android:text="@string/app_name"
        android:textColor="@color/colorAccent" />

    <EditText
        android:id="@+id/edit_username"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:hint="请输入用户名">

TextView设置边框

编写一个ShapeDrawable的资源文件,然后TextView将 background 设置为这个drawable 资源即可
2.03Shape(形状)_Android
例如:

<solid android:color = "xxx"> 这个是设置背景颜色的
<stroke android:width = "xdp" android:color="xxx"> 这个是设置边框的粗细,以及边框颜色的
<padding androidLbottom = "xdp"...> 这个是设置边距的
<corners android:topLeftRadius="10px"...> 这个是设置圆角的
<gradient> 这个是设置渐变色的,可选属性有: startColor:起始颜色 endColor:结束颜色 centerColor:中间颜色 angle:方向角度,等于0时,从左到右,然后逆时针方向转,当angle = 90度时从下往上 type:设置渐变的类型

矩形边框的Drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置一个黑色边框,宽度2px ,颜色黑色 -->
    <stroke android:width="2px" android:color="#000000"/>
    <!-- 渐变,角度,开始颜色,结束颜色 -->
    <gradient
        android:angle="270"
        android:endColor="#C0C0C0"
        android:startColor="#FCD209" />
    <!-- 设置一下边距,让空间大一点 -->
    <padding
        android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"/>

</shape>

2.02TextView(文本框)_UI组件_Android
在组件中引用

将TextView背景设置成编写的Drawable
<TextView
    android:layout_width="300dp"
    android:layout_height="100dp"
    android:text="带边框的TextView"
    android:layout_below="@+id/textview1"
    android:gravity="center"
    android:layout_centerHorizontal="true"
    android:textSize="30dp"
    android:background="@drawable/solidtextview"/>

2.02TextView(文本框)_UI组件_Android

圆角矩形边框的Drawable

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <!-- 设置透明背景色 -->
    <solid android:color="#87CEEB" />
    <!-- 设置一个黑色边框 -->
    <stroke
        android:width="2px"
        android:color="#000000" />
    <!-- 设置四个圆角的半径 -->
    <corners
        android:bottomLeftRadius="100px"
        android:bottomRightRadius="10px"
        android:topLeftRadius="10px"
        android:topRightRadius="10px" />
    <!-- 设置一下边距,让空间大一点 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

2.02TextView(文本框)_UI组件_Android2.02TextView(文本框)_UI组件_Android

带图片(drawableXxx)的TextView

属性名 作用
android:drawableLeft 文本左边设置图片
android:drawableRight 文本右边设置图片
android:drawableBottom 文本下边设置图片
android:drawableTop 文本上边设置图片

应用场景
2.02TextView(文本框)_UI组件_Android
属性使用

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.jay.example.test.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:drawableTop="@drawable/show1"
        android:drawableLeft="@drawable/show1"
        android:drawableRight="@drawable/show1"
        android:drawableBottom="@drawable/show1"
        android:drawablePadding="10dp"
        android:text="张全蛋" />
</RelativeLayout>

2.02TextView(文本框)_UI组件_Android

上一篇:Android TextView绘制之StaticLayout


下一篇:Android TextView