• TextView及其子类


        Android基本界面组件。Android基本界面组件的类图如下:

     

    文本框(TextView)与编辑框(EditText)的功能和用法

         TextView直接继承了View,它还是EditText、Button两个UI组件类的父类。TextView的作用就是在界面上显示文字。

         从功能上来看,TextView其实就是一个文本编辑器,只是Android关闭了它的文字编辑功能。如果开发者想要定义一个可以编辑内容的文本框,则可以使用它的子类:EditText,EditText允许用户编辑文本框的内容。

         TextView还派生了一个CheckedTextView,CheckedTextViw增加了一个checked状态,开发者可通过setChecked(boolean)和isChecked()方法来改变、访问该组件的checked状态。除此之外,该组件还可通过setCheckMarkDrawable()方法来设置它的勾选图标。

         TextView和EditText具有很多相似之处,它们之间的最大区别在于TextView不允许用户编辑文本内容,而EditText则允许用户编辑文本内容。

          实例:不同颜色、字体、带链接的文本

           

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
        <!-- 设置字体为20pt,文本框结尾处绘制图片  -->
        <TextView
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="我爱Java"
        android:textSize="20pt"
        android:drawableEnd="@drawable/ic_launcher"
        />
        <!-- 设置中间省略, 所有字母大写 -->
        <TextView
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:singleLine="true" 
        android:text="我爱Java我爱Java我爱Java我爱Java我爱Java我aaaJava"
        android:ellipsize="middle"
        android:textAllCaps="true"
        />
        <!-- 对邮件、电话增加链接 -->
        <TextView
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:singleLine="true" 
        android:text="邮件是kongyeeku@163.com,电话是02088888888"
        android:autoLink="email|phone"
        />
        <!-- 设置文字颜色 、大小,并使用阴影 -->
        <TextView
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="测试文字"
        android:shadowColor="#0000ff"
        android:shadowDx="10.0"
        android:shadowDy="8.0"
        android:shadowRadius="3.0"
        android:textColor="#f00"
        android:textSize="18pt"
        />
        <!-- 测试密码框 -->
        <TextView android:id="@+id/passwd"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="@string/hello"
        android:password="true"
        />
        <!-- 测试CheckedTextView
        通过checkMark设置该文本框的勾选图标
         -->
        <CheckedTextView
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="可勾选的文本"
        android:checkMark="@drawable/ok"    
            />
    </LinearLayout>

    运行此Activity将运行出  图 2.17

     实例:圆角边框、渐变背景的TextView

           默认情况下,TextView是不带边框的,如果想为TextView添加边框,只能通过“曲线救国”的方式来实现——我们可以考虑为TextView设置一个背景Drawable,该Drawable是一个边框,这样就实现了带边框的TextView。

          由于可以为TextView设置背景Drawable对象,因此可以在定义Drawable时不仅指定边框,还可以指定渐变背景,这样即可为TextView添加渐变背景和边框。

          下面的界面布局文件中定义了两个TextView,界面布局文件的代码如下。

         

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
    <!-- 通过android:background指定背景 -->
    <TextView
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="带边框的文本"
        android:textSize="24pt"
        android:background="@drawable/bg_border"
        />
    <!-- 通过android:drawableLeft绘制一张图片 -->    
    <TextView  
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="圆角边框、渐变背景的文本"
        android:textSize="24pt"
        android:background="@drawable/bg_border2"
        />
    </LinearLayout>

    上面的界面布局文件中定义了两个TextView,其中第一个指定了背景,第二个定义文本框时指定了圆角边框、渐变背景。第一个文本框所指定的背景是由XML文件定义的,将该文件放在drawable_mdi文件夹内,该XML文件也可当成Drawable使用。下面该XML文件的代码。

    <?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- 设置背景色为透明色 -->
        <solid android:color="#0000"/>
        <!-- 设置红色边框 -->
        <stroke android:width="4px" android:color="#f00" />
    </shape>

    第二个文本框所指定的背景是由XML文件定义的,将该文件放在drawable_mdpi文件夹内,该XML文件也可当成Drawable使用。下面是该XML文件的代码。

    <?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <!-- 指定圆角矩形的4个圆角的半径 -->
           <corners android:topLeftRadius="20px"
        android:topRightRadius="5px"
        android:bottomRightRadius="20px"
        android:bottomLeftRadius="5px"/>
           <!-- 指定边框线条的宽度和颜色 -->
        <stroke android:width="4px" android:color="#f0f" />
        <!-- 指定使用渐变背景色,使用sweep类型的渐变
        颜色从红色→绿色→蓝色 -->
        <gradient android:startColor="#f00"
            android:centerColor="#0f0"
            android:endColor="#00f"
            android:type="sweep"/>
    </shape>

    使用Activity来显示上面定义的布局页面,可以看到如图2.18所示界面。

    图2.18 圆角边框、渐变背景的文本

      从图2.18不难看出,通过为TextView的android:background赋值,可以为文本框增加大量自定义的外观,这种控制方式非常灵活。

      需要指出的是,表面上这里只是在介绍TextView,但由于TextView是EditText、Button等类的父类,因此此处介绍的对TextVIew控制的属性,同样适用于EditText与Button。

  • 相关阅读:
    pc端布局方式
    idea中Git操作
    原型和原型链
    BFC块级格式上下文
    开发环境和生产环境
    webpack-dev-server报错
    es6类的继承
    js文件上传
    es6 字符串和数字常用方法
    es6 set容器和map容器
  • 原文地址:https://www.cnblogs.com/wolipengbo/p/3341491.html
Copyright © 2020-2023  润新知