Android Studio利用时钟控件AnalogClock显示模拟时钟以及TextClock显示数字时钟

前言

        利用时钟控件AnalogClock快速制作一个模拟时钟。利用TextClock显示数字时钟。

一、AnalogClock是什么？

AnalogClock继承的是View,可重写OnDraw方法。TextClock是一个能显示日期，星期，时间的控件，使用也很简单，而且支持自定义格式。
AnalogClock显示的是模拟时钟，不显示秒
AnalogClock的属性：

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

TextClock是一个能显示日期，星期，时间的控件，使用也很简单，而且支持自定义格式。

设置属性值示例:

"yyyy年MM月dd日"      // 2022年04月25日

"yyyy年MM月dd日 EEEE"      // 2022年04月25日 星期一

"HH：mm"      // 13:25

"HH：mm:aa"      // 13:25:53

二、使用步骤

1.Layout布局文件activity_main.xml里面

只需在activity_main.xml文件里面加入下面代码就可以了，MainActivity文件内不需要加任何东西就可以运行了。

1.核心部分代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:id="@+id/mn_alarm">
    <!-- 模拟时钟控件 -->
    <AnalogClock
        android:id="@+id/analogClock1"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:layout_gravity="center"
        android:dial="@drawable/biao"
        android:hand_hour="@drawable/shi"
        android:hand_minute="@drawable/fen"
        />
    <!-- 数字时钟控件 -->
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format24Hour="HH:mm"
        android:layout_gravity="center"
        android:textStyle="bold"
        android:textSize="40sp"
        android:textColor="@color/new_alarm"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format24Hour="yyyy年MM月dd日 EEEE"
        android:layout_gravity="center"
        android:textSize="30sp"
        android:textColor="@color/new_alarm"/>
</LinearLayout>

        其中模拟时钟控件中 android:dial="@drawable/biao" 是加入表盘的图片 ； android:hand_hour="@drawable/shi" 是加入时针的图片； android:hand_minute="@drawable/fen" 是加入分针的图片；

2.模拟时钟和数字时钟效果图如下：

       如果没有上面三句加入图片的代码，也会有模拟时钟不过是如下图的默认样式：

 

       这里我放一下我从网上找的图片：

1.表盘

2.分针 

3.时针

三、总结

       以上就是今天要讲的内容，本文仅仅简单介绍了AnalogClock和Textclock控件的使用，它能使我们快速便捷地创建出一个简单的模拟时钟界面。当然如果你想让你的时钟更加漂亮可以尝试自己编写一个控件。

源码https://download.csdn.net/download/weixin_45694843/85265725