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" 是加入分针的图片;

扫描二维码关注公众号,回复: 14776305 查看本文章

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

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAQkgu55m-6KGM,size_20,color_FFFFFF,t_70,g_se,x_16

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

 

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAQkgu55m-6KGM,size_11,color_FFFFFF,t_70,g_se,x_16

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

0c470ddbd16941ab9147d8c4be38cf05.png

1.表盘

a399740679914f49960d8f14529c475b.png

2.分针 

002661e54bbf4430b0b535f69cec6db6.png

3.时针

三、总结

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

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

猜你喜欢

转载自blog.csdn.net/weixin_45694843/article/details/124227341
今日推荐