美文网首页从0到1__android开发
Android精讲--界面编程3(TextView及其子类)

Android精讲--界面编程3(TextView及其子类)

作者: ef43ffb32440 | 来源:发表于2017-05-18 21:05 被阅读67次

    TextVuew


    TextView其实就是一个文本编辑器,只是Android关闭了它的文字编辑功能。

    TextView直接继承了View,与其子类的类图关系:

    TextView及其子类的类图

    # TextView常用的xml属性及相关方法

    xml属性 相关方法 说明
    android:autoLink setAutoLinkMask(int) 是否将符合指定格式的文本转换为可单击的超链接形式
    android:autoText setKeyLinstener(KeyLinstener) 控制是否将的URL、email等地址自动转换为可单击的链接
    android:linksClickable setLinksClickable(boolean) 控制该文本框的URL、email等链接是否具可以点击
    android:capitalize setKeyLinstener(KeyLinstener) 控制是否将用户输入的文本转换为大写字母
    android:cursorVisible setCursorVisiblek(boolean) 设置该文本框的光标是否可见
    android:drawableBottom setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 在文本框底端处绘制图像
    android:drawableTop setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 在文本框顶端处绘制图像
    android:drawableEnd setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 在文本框结尾处绘制图像
    android:drawableLeft setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 在文本框左边处绘制图像
    android:drawableRight setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 在文本框右边处绘制图像
    android:drawablePadding setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 设置文本框内文本与图形的间距
    android:drawableStart setCompoundDrawablesWithIntrinsicBounds(Drawable,Drawable,Drawable,Drawable) 在文本框开始处绘制图像
    android:editable 设置文本框是否允许被编辑
    android:ellipsize setEllipsize(TextUitls,TruncateAt) 当显示文本超过了TextView的宽度时,如何处理文本
    android:ems setEms(int) 设置文本框的宽度
    android:height setHeight(int) 设置文本框的高度
    android:fontFamily setTypeface(Typeface) 设置文本框内文本的字体
    android:gravity setGravity(int) 设置文本框内文本的对齐方式
    android:hint setHint(int) 设置文本框内容为空时,文本框内默认显示的提示文字
    android:inputType setRawInputType(int) 设置文本框输入方式
    android:lines setLines(int) 设置文本框默认占几行
    android:maxEms setMaxEms(int) 设置文本框最大宽度
    android:maxHeight setMaxHeight(int) 设置文本框最大高度
    android:maxLenghth setMaxLenghth(int) 设置文本框最大字符长度
    android:maxWidth setMaxWidth(int) 设置文本框最大宽度
    android:maxLines setMaxLines(int) 设置文本框最多占几行
    android:maxEms setMaxEms(int) 设置文本框最小宽度
    android:minHeight setMinHeight(int) 设置文本框最小高度
    android:minLenghth setMinxLenghth(int) 设置文本框最小长度
    android:minWidth setMinWidth(int) 设置文本框最小宽度
    android:minLines setMinLines(int) 设置文本框最少占几行
    android:passwordd setTransformatinMethod(TransformatinMethod) 设置文本框是一个密码框
    android:phoneNumber setKeyListener(KeyListener) 设置文本框只接受电话号码
    android:scrollHorizontally setHorizontallyScrolling(boolean) 设置文本框不够显示全部内容时是否允许水平滚动
    android:selectAllOnFocus setSelectAllOnFocus(boolean) 如果文本框内的内容可选择,设置是否当它获得焦点时自动选择所有文本
    android:shawdowColor setshadowLayer(float,float,float,int) 设置文本框内文本的阴影的颜色
    android:shawdowDx setshadowLayer(float,float,float,int) 设置文本框内文本的阴影在水平方向的偏移
    android:shawdowDy setshadowLayer(float,float,float,int) 设置文本框内文本的阴影在垂直方向的偏移
    android:shawdowRadius setshadowLayer(float,float,float,int) 设置文本框内文本的阴影的模糊程度,值越大,阴影越模糊
    android:singleLine setTransformationMethod() 设置文本框是否为单行模式
    android:text setText(CharSequence) 设置是否将文本框文本的内容
    android:textAllCaps setAllCaps(boolean) 设置是否将文本框中所有字幕显示为大写字母
    android:textAppearance 设置文本框的颜色、字体、大小等样式
    android:textColor setTextColor(ColorStateList) 设置文本框中文本的颜色
    android:textColorHighlight setHighlightColor(int) 设置文本框被选中时的颜色
    android:textColorHint setHintTextColor(int) 设置文本框中提示文本的颜色
    android:textColorLink setLinkTextColor(int) 设置文本框中链接的颜色
    android:textIsSelectable setTextSelectedable() 设置该文本框不能编辑时,文本框内的文本是否可以被选中
    android:textSize setTextSize(float) 设置文本框的字体大小
    android:textStyle setTypeface(Typeface) 设置文本框内字体风格,如粗体、斜体等
    android:width setWidth(int) 设置该文本框的宽度

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

    <?xml version="1.0" encoding="utf-8"?>
    <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>
    

    EditText


    EditText与TextView的最大区别在于:EditText可以接受用户输入。
    EditText组件最重要的属性是inputType,用于EditText为指定类型的输入组件。

    EditText还派生了如下两个子类:

    • AutoCompleteTextView:带有自动完成功能的EditText,实际上该组件的命名不太恰当。应该叫AutoCompleteEditText更合适。该类通常需要与Adapter结合使用。
    • ExtractEditText:它并不是UI组件,而是EditText组件的底层服务类,负责提供全屏输入法支持。

    示例:用户友好的输入界面

    <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="1"
        >
    <TableRow>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="用户名:"
        android:textSize="16sp"
        />  
    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="请填写登录帐号"
        android:selectAllOnFocus="true"
        />
    </TableRow>
    <TableRow>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="密码:"
        android:textSize="16sp" 
        />
    <!-- android:inputType="numberPassword"表明只能接收数字密码 -->
    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="numberPassword"
        />
    </TableRow>
    <TableRow>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="年龄:"
        android:textSize="16sp" 
        />
    <!-- inputType="number"表明是数值输入框 -->
    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="number"
        />
    </TableRow>
    <TableRow>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="生日:"
        android:textSize="16sp" 
        />
    <!-- inputType="date"表明是日期输入框 -->
    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="date"
        />
    </TableRow>
    <TableRow>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="电话号码:"
        android:textSize="16sp" 
        />
    <!-- inputType="phone"表明是输入电话号码的输入框 -->
    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="请填写您的电话号码"
        android:selectAllOnFocus="true"
        android:inputType="phone"
        />
    </TableRow>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="注册"
        />
    </TableLayout>
    
    

    按钮(Button)


    Button继承了TextView , 它主要是在UI界面上生成一个按钮,该按钮可以供用户单击,当用户单击按钮时, 按钮会触发 一个onClick事件。关于onClick事件编程的简单示例,本书前面己经见到很多,后面还会详细介绍Android的事件编程。
    按钮使用起来比较容易,可以通过为按钮指定android:background属性为按钮增加背景颜色或背景图片,如果将背景图片设为不规则的背景图片,则可以开发出各种不规则形状的按钮。
    如果只是使用普通的背景颜色或背景图片,那么这些背景是固定的,不会随着用户的动作而改变。如果需要让按钮的背景 颜 色、背景图片随用户动作动态改变,则可以考虑使用自定义Drawable对象来实现。

    示例:按钮、圆形按钮、带文字的图片按钮

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
        <!-- 文字带阴影的按钮 -->   
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="文字带阴影的按钮"
            android:textSize="12pt"
            android:shadowColor="#aa5"
            android:shadowRadius="1"
            android:shadowDx="5"
            android:shadowDy="5"
        />  
        <!-- 普通文字按钮 --> 
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/red"
            android:text="普通按钮"
            android:textSize="10pt"
        />
        <!-- 带文字的图片按钮-->
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/button_selector"
            android:textSize="11px"
            android:text="带文字的图片按钮"
        />
    </LinearLayout>
    

    第三个按钮有点特殊,它指定了 android:background属性为@drawable/button_selector,该属性值引用一个Drawable资源,该资源对应的XML文件如:

    <?xml version="1.0" encoding="UTF-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- 指定按钮按钮下时的图片 -->
        <item android:state_pressed="true"
            android:drawable="@drawable/red"
        />
        <!-- 指定按钮松开时的图片 --> 
        <item android:state_pressed="false"
            android:drawable="@drawable/purple"
        />
    </selector>
    

    使用9Patch图片作为按钮背景


    9Patch图片是一种特殊的PNG图片,这种图片以 .9.png结尾,它在原始图片四周各添加一个宽度为1像素的线条,这4条线就决定了该图片的缩放规则、内容昆示规则。
    左侧和上侧的直线共同决定了图片的缩放区域:以左边直线为左边界绘制矩形,它覆盖的区域可以在纵向缩放; 以上面直 线为上边界绘制矩形,它覆盖的区域可以水平缩 放; 它们二者的交集可以在两个方向上缩放。
    右侧和下侧的直线共同决定图片的内容显示区域: 以右边直线为右边界绘制矩形,以下边直线为下边界绘制矩形,它们二者的交集就是图片的内容显示区域 。

    图片缩放区域和内容显示区域

    Android为制作9Patch图片提供了 draw9patch工具,该工具位于Android SDK安装路径的tools目录下,进入该目录双击draw9patch.bat文件,即可启动该工具。

    单选按钮(RadioButton)与复选框(CheckBox)


    RadioButton、CheckBox与普通按钮不同的是,它们多了一个可选中的功能,因此RadioButton、CheckBox都可额外指定一个android:checked属性,该属性用于指定RadioButton、CheckBox初始时是否被选中。
    RadioButton与CheckBox的不同之处在于,一组RadioButton只能选中其中一个,因此RadioButton通常要与RadioGroup—起使用,用于定义一组单选按钮。

    实例:利用单选按钮、爱选框获取用户信息

    <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TableRow>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="性别:"
            android:textSize="16px"/>
        <!-- 定义一组单选框 -->
        <RadioGroup android:id="@+id/rg"
            android:orientation="horizontal"
            android:layout_gravity="center_horizontal">
            <!-- 定义两个单选框 -->
            <RadioButton android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/male"
                android:text="男"
                android:checked="true"/>
            <RadioButton android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/female"
                android:text="女"/>
        </RadioGroup>
        </TableRow> 
        <TableRow>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="喜欢的颜色:"
            android:textSize="16px"
            />
        <!-- 定义一个垂直的线性布局 -->
        <LinearLayout 
            android:layout_gravity="center_horizontal"
            android:orientation="vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <!-- 定义三个复选框 -->
            <CheckBox android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="红色"
                android:checked="true"/>
            <CheckBox android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="蓝色"/>
            <CheckBox android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="绿色"/>
        </LinearLayout>
        </TableRow>
        <TextView 
            android:id="@+id/show"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </TableLayout>
    
    

    如果在XML布局文件中默认勾选了某个单选按钮,則必须为该组单选按钮的每个按钮指定android:id属性值,否則这组单选按钮不能正常工作.

    为了监听单选按钮、复选框的勾选状态的改变,可以为它们添加事件监听器。例如下面Activity为RadioGroup添加了事件监听器,该监听器可以监听这组单选按钮的勾选状态的改变。

    package org.crazyit.ui;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.RadioGroup;
    import android.widget.RadioGroup.OnCheckedChangeListener;
    import android.widget.TextView;
    
    /**
     * Description:
     * <br/>site: <a href="http://www.crazyit.org">crazyit.org</a>
     * <br/>Copyright (C), 2001-2014, Yeeku.H.Lee
     * <br/>This program is protected by copyright laws.
     * <br/>Program Name:
     * <br/>Date:
     * @author  Yeeku.H.Lee kongyeeku@163.com
     * @version  1.0
     */
    public class CheckButtonTest extends Activity
    {
        RadioGroup rg;
        TextView show;
        @Override
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            // 获取界面上rg、show两个组件
            rg = (RadioGroup) findViewById(R.id.rg);
            show = (TextView) findViewById(R.id.show);
            // 为RadioGroup组件的OnCheck事件绑定事件监听器
            rg.setOnCheckedChangeListener(new OnCheckedChangeListener()
            {
                @Override
                public void onCheckedChanged(RadioGroup group, int checkedId)
                {
                    // 根据用户勾选的单选按钮来动态改变tip字符串的值
                    String tip = checkedId == R.id.male ?
                            "您的性别是男人": "您的性别是女人";
                    // 修改show组件中的文本。
                    show.setText(tip);
                }
            });
        }
    }
    
    

    状态开关按钮(ToggleButton)与开关(Switch)


    状态开关按钮(ToggleButton)与开关(Switch)也是由Button派生出来的,因此它们的本质也是按钮,Button支持的各种属性、方法也适用于ToggleButton和Switch。从功能上来看,ToggleButton、Switch与CheckBox复选框非常相似,它们都可以提供两个状态。不过ToggleButton、Switch与CheckBox的区别主要体现在功能上,ToggleButton、Switch通常用于切换程序中的某种状态。

    # ToggleButton支持的XML属性及相关方法说明

    XML属性 相关方法 说明
    android:checked setChecked(boolean) 设置该按钮是否被选中
    android:textOff 设置当该按钮的状态关闭时显示的文本
    android:textOn 设置当该按钮的状态打开时显示的文本

    # Switch支持的XML属性及相关方法说明

    XML属性 相关方法 说明
    android:checked setChecked(boolean) 设置该开关是否被选中
    android:switchMinWidth setSwitchMinWidth(int) 设置该开关的最小宽度
    android"switchPadding setSwitchPadding(int) 设置开关与标题文本之间的空白
    android:switchTextAppearance setSwitchTextAppearance(Context,int) 设置该开关图标上的文本样式
    android:textOff setTextOff(CharSequence) 设置该开关的状态关闭时显示的文本
    android:textOn setTextIOn(CharSequence) 设置该开关的状态打开时显示的文本
    android:textStyle setSwitchTypeface(Typeface) 设置该开关的文本的风格
    android:thumb setThumbResource(int) 指定使用自定义Drawable绘制该开关的开关按钮
    android:track setThumbResource(int) 指定使用自定义Drawable绘制该开关的开关轨道
    android:typeface setSwitchTypeface(Typeface) 设置该开关的文本的字体风格

    实例:动态控制布局

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <!-- 定义一个ToggleButton按钮 -->
        <ToggleButton android:id="@+id/toggle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textOff="横向排列"
            android:textOn="纵向排列"
            android:checked="true"/>
        <Switch android:id="@+id/switcher"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textOff="横向排列"
            android:textOn="纵向排列"
            android:thumb="@drawable/check"
            android:checked="true"/>
        <!-- 定义一个可以动态改变方向的线性布局 -->
        <LinearLayout android:id="@+id/test"
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="测试按钮一"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="测试按钮二"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="测试按钮三"/>
        </LinearLayout>
    </LinearLayout>
    

    接下来我们为ToggleButton按钮、Switch按钮绑定监听器,当它的选中状态发生改变时,程序通过代码来改变LinearLayout的布局方向。

    package org.crazyit.ui;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.CompoundButton;
    import android.widget.CompoundButton.OnCheckedChangeListener;
    import android.widget.LinearLayout;
    import android.widget.Switch;
    import android.widget.ToggleButton;
    
    /**
     * Description:
     * <br/>site: <a href="http://www.crazyit.org">crazyit.org</a>
     * <br/>Copyright (C), 2001-2014, Yeeku.H.Lee
     * <br/>This program is protected by copyright laws.
     * <br/>Program Name:
     * <br/>Date:
     * @author  Yeeku.H.Lee kongyeeku@163.com
     * @version  1.0
     */
    public class ToggleButtonTest extends Activity
    {
        ToggleButton toggle;
        Switch switcher;
        @Override
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            toggle = (ToggleButton)findViewById(R.id.toggle);
            switcher = (Switch)findViewById(R.id.switcher);
            final LinearLayout test = (LinearLayout)findViewById(R.id.test);
            OnCheckedChangeListener listener = new OnCheckedChangeListener()
            {
                @Override
                public void onCheckedChanged(CompoundButton button
                        , boolean isChecked)
                {
                    if(isChecked)
                    {
                        //设置LinearLayout垂直布局
                        test.setOrientation(1);
                    }
                    else
                    {
                        //设置LinearLayout水平布局
                        test.setOrientation(0);
                    }
                }
            };
            toggle.setOnCheckedChangeListener(listener);
            switcher.setOnCheckedChangeListener(listener);
        }
    }
    

    时钟(AnalogClock)与DigitalClock


    时钟UI组件是两个非常简单的组件,DigitalClock本身就继承了TextView——也就是说它本身就是文本框,只是它里面显示的内容总是当前时间。与TextView不同的是,为DigitalClock设置android:text属性没什么作用。
    AnalogClock则继承了View组件,它重写了View的OnDraw方法,它会在View上绘制模拟时钟。

    # AnalogClock支持的XML属性的说明

    XML属性 说明
    android:dial 设置该模拟时钟的表盘使用的图片
    android:hand_hour 设置该模拟时钟的时针表盘使用的图片
    android:hand_minute 设置该模拟时钟的分针使用的图片

    DigitalClock和AnalogClock都会显示当前时间,不同的是,DigitalClock显示数字时钟,可以显示当前的秒数:AnalogClock显示模拟时钟,不会显示当前秒数。

    实例:手机里的“劳力士”

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center_horizontal">
        <!-- 定义模拟时钟 -->
        <AnalogClock  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"/>
        <!-- 定义数字时钟 -->
        <DigitalClock
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:textSize="14pt"
            android:textColor="#f0f"
            android:drawableRight="@drawable/ic_launcher"/>
        <!-- 定义模拟时钟,并使用自定义表盘、时针图片 -->
        <AnalogClock  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:dial="@drawable/watch"
            android:hand_minute="@drawable/hand"/>
    </LinearLayout>
    
    

    计时器(Chornometer)


    Android还提供了一个计时器组件:Chronometer,该组件与DigitalClock都继承自TextView,因此它们都会显示一段文本。但Chronometer并不显示当前时间,它显示的是从某个起始
    时间开始,一共过去了多长时间。
    Chronometer的用法也很简单,它只提供了一个android:format属性,用于指定计时器的计时格式。除此之外,Chronometer支持如卞常用方法。

    • setBase(longbase): 设置计时器的起始时间。
    • setFormat(Stringformat):设置M示时间的格式。
    • start():开始计时,
    • stop():停止计时。
    • setOnChronometerTickListener(Chronometer.OnChronometerTickListenerlistener):为计时器绑定事件监听器,当计时器改变时触发该监听器。

    实例:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center_horizontal">
        <Chronometer
            android:id="@+id/test"  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:textSize="12pt"
            android:textColor="#ffff0000"/>
        <Button
            android:id="@+id/start"  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="启动"/>      
    </LinearLayout>
    

    相关文章

      网友评论

        本文标题:Android精讲--界面编程3(TextView及其子类)

        本文链接:https://www.haomeiwen.com/subject/ytidxxtx.html