前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >显示时间(TextClock和AnalogClock)

显示时间(TextClock和AnalogClock)

作者头像
李小白是一只喵
发布2020-04-24 08:44:18
2.6K0
发布2020-04-24 08:44:18
举报
文章被收录于专栏:算法微时光

image.png

目录

android下显示时间

显示时间主要使用两个控件TextClockAnalogClock

TextClocks是以数字时钟的形式显示. AnalogClock是模拟时钟.

TextClock

TextClocks是数字时钟,就是通过文本来显示时钟.只需要添加上控件即可,基本不用编写代码.

xml文件中添加:

代码语言:javascript
复制
    <TextClock
        android:id="@+id/textclock"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#f0f"
        android:textSize="10pt"
        android:format12Hour="yyyy年MM月dd日HH:mm:ss EEEE" />

其中: android:textColor是指定显示的文字颜色. android:textSize是指定显示的文字的大小. android:format12Hour是指定时钟显示的文字格式.当然这个是以12小时来显示,还有以24小时来显示的android:format24Hour.

注意: 设置显示的文字格式示例:

格式

显示内容

"MM/dd/yy h:mmaa"

"04/06/70 3:23am"

"MMM dd, yyyy h:mmaa"

"Apr 6, 1970 3:23am"

"MMMM dd, yyyy h:mmaa"

"April 6, 1970 3:23am"

"E, MMMM dd, yyyy h:mmaa"

"Mon, April 6, 1970 3:23am&

"EEEE, MMMM dd, yyyy h:mmaa"

"Monday, April 6, 1970 3:23am"

"'Noteworthy day: 'M/d/yy"

"Noteworthy day: 4/6/70"

其他: android:timeZone是指定要使用的时区

运行效果

image.png

AnalogClock

AnalogClock是模拟时钟,继承了view类,重写了OnDraw函数实现显示时钟.

使用时,在xml文件中添加:

代码语言:javascript
复制
    <AnalogClock
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

运行后效果:

image.png

下面来修改三个属性来设定模拟时钟的效果.

AnalogClock的属性

属性

描述

android:dial

模拟时钟的表背景。

android:hand_hour

模拟时钟的表时针。

android:hand_minute

模拟时钟的表分针。

根据需求设定这两个属性:

代码语言:javascript
复制
    <AnalogClock
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:dial="@drawable/timg"
        android:hand_minute="@drawable/handle" />
运行效果

image.png

全部的xml文件

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextClock
        android:id="@+id/textclock"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#f0f"
        android:textSize="10pt"
        android:format12Hour="yyyy年MM月dd日HH:mm:ss EEEE" />

    <TextClock
        android:id="@+id/textclock"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#f0f"
        android:textSize="10pt"
        android:format12Hour="yyyy年MM月dd日HH:mm:ss EEEE" />
    <AnalogClock
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:dial="@drawable/timg"
        android:hand_minute="@drawable/handle" />

</android.support.constraint.ConstraintLayout>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 目录
  • android下显示时间
  • TextClock
  • AnalogClock
  • 全部的xml文件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档