一个实时显示系统时钟的android应用

来源:互联网 发布:淘宝店家一直不发货 编辑:程序博客网 时间:2024/05/20 19:49

这是一个实时显示时钟的应用。
主要点:①如何用方法将数字的每一位拆开;②思考哪些部分是需要循环执行的;③使用了计时器Timer类和Handler类。
实时时钟主要是思路是。获取系统的时间,然后将这个时间拆开来,分别获取每个数字的每一位,例如15时,就将他拆开得到数字1和数字5,然后将这两个数字传递给setImageResource这个方法,来显示图片。在这个过程中我们不断地显示获取系统的时间,然后拆开数字,再传递给setImageResource这个方法。这是个循环的动作,并且需要不停的进行,并且不能停止。这个可以通过计时器来做。拆开数字的方法:取十位数采用整除的方法,例如15/10 = 1。取个位数字采用取余的方法15%10=5。这样就得到了每个数字的每一位。

首先我们需要0-9的数字图片用来显示。
在xml文件下里创建八个ImageView,用来显示时钟,冒号,分钟,冒号,秒钟即HH: MM: SS的格式。
在创建这些ImageView时建议一个一个的创建,每创建一个并改掉ID名称,否则在后期重新调节界面布局时需要重新命名ID,显示图片变乱。
创建每个ImageView类的对象,然后找到这个ImageView对象的所对应的界面上的某一个ImageView,即用findViewById方法。
然后用setImageResource方法设置IImageView显示所要显示的图片。

以下为java代码部分

package com.example.timehhmmss;import java.util.Calendar;import java.util.Timer;import java.util.TimerTask;import android.app.Activity;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.widget.ImageView;public class MainActivity extends Activity {       ImageView imageView_hour_left;    ImageView imageView_hour_right;    ImageView imageView_minute_left;    ImageView imageView_minute_right;    ImageView imageView_second_left;    ImageView imageView_second_right;    Timer timer = new Timer();    Handler handle = new Handler()    {        @Override        public void handleMessage(Message msg)        {              androidOsTime = Calendar.getInstance();              int hour = androidOsTime.get(Calendar.HOUR_OF_DAY);              int minute =  androidOsTime.get(Calendar.MINUTE);              int second =  androidOsTime.get(Calendar.SECOND);              int hour_left = hour/10;              int hour_right = hour%10;              int minute_left = minute/10;              int minute_right = minute%10;              int second_left = second/10;              int second_right = second%10;               //拆开小时左边的数字和右边的数字,即个位数字和十位数字。其他的依次是分钟,秒钟            imageView_hour_left.setImageResource(images[hour_left]);            imageView_hour_right.setImageResource(images[hour_right]);            imageView_minute_left.setImageResource(images[minute_left]);            imageView_minute_right.setImageResource(images[minute_right]);            imageView_second_left.setImageResource(images[second_left]);            imageView_second_right.setImageResource(images[second_right]);        }       };    Calendar androidOsTime;    int[] images ={ R.drawable.number_0,  R.drawable.number_1,                      R.drawable.number_2, R.drawable.number_3, R.drawable.number_4,                       R.drawable.number_5, R.drawable.number_6,R.drawable.number_7, R.drawable.number_8, R.drawable.number_9,                   };/*  这些代码放在这个地方时错误的,因为这个时间是不断改变的, *   我们不断地从系统中获取时间, *这段代码需要不断循环,因此这段时间需要放在循环里面。这里是不断地获取系统时间         *并且拆开系统时间数字 *///    int hour = androidOsTime.get(Calendar.HOUR_OF_DAY);//      int minute =  androidOsTime.get(Calendar.MINUTE);//      int second =  androidOsTime.get(Calendar.SECOND);       //      int hour_left = hour/10;//      int hour_right = hour%10;   //      int minute_left = minute/10;                                //      int minute_right = minute%10;                               //      int second_left = second/10;                                //      int second_right = second%10;    @Override    protected void onCreate(Bundle savedInstanceState)     {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        imageView_hour_left = (ImageView)findViewById(R.id.imageView_hour_left);        imageView_hour_right = (ImageView)findViewById(R.id.imageView_hour_right);        imageView_minute_left = (ImageView)findViewById(R.id.imageView_minute_left);        imageView_minute_right = (ImageView)findViewById(R.id.imageView_minute_right);        imageView_second_left= (ImageView)findViewById(R.id.imageView_second_left);        imageView_second_right= (ImageView)findViewById(R.id.imageView_second_right);/*  这些代码放在这个地方时错误的,因为这个时间是不断改变的, *   我们不断地从系统中获取时间, *这段代码需要不断循环,因此这段时间需要放在循环里面。这里是不断地切换图片的 *///        androidOsTime.setToNow(); //        imageView_hour_left.setImageResource(images[hour_left]);//        imageView_hour_right.setImageResource(images[hour_right]);//        imageView_minute_left.setImageResource(images[minute_left]);//        imageView_minute_right.setImageResource(images[minute_right]);//        imageView_second_left.setImageResource(images[second_left]);//        imageView_second_right.setImageResource(images[second_right]);/*这里就是一个循环,不断地执行获取时间,拆解数字,传递参数,显示图片的任                       *务,只不过这里是用计时器来做这个重复的动作,如果使用for语句不会永远持续下去,*因为中间的判断次数是有限的 */    timer.schedule(new TimerTask()    {        @Override        public void run()        {            handle.sendMessage(new Message());        }    }, 0,1000);    }}

以下时xml文件,即布局文件部分

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="wrap_content"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.timehhmmss.MainActivity"     android:gravity="center_horizontal"    android:orientation="horizontal"    >    <ImageView        android:id="@+id/imageView_hour_left"        android:layout_width="40dp"        android:layout_height="60dp"        android:layout_alignParentLeft="true"        android:layout_centerVertical="true"        android:src="@drawable/ic_launcher" />    <ImageView        android:id="@+id/imageView_hour_right"        android:layout_width="40dp"        android:layout_height="60dp"        android:layout_centerVertical="true"        android:layout_marginLeft="16dp"        android:layout_toRightOf="@+id/imageView_hour_left"        android:src="@drawable/ic_launcher" />    <ImageView        android:id="@+id/imageView_minute_left"        android:layout_width="40dp"        android:layout_height="60dp"        android:layout_centerVertical="true"        android:layout_marginLeft="34dp"        android:layout_toRightOf="@+id/imageView_colon1"        android:src="@drawable/ic_launcher" />    <ImageView        android:id="@+id/imageView_minute_right"        android:layout_width="40dp"        android:layout_height="60dp"        android:layout_centerVertical="true"        android:layout_marginLeft="10dp"        android:layout_toRightOf="@+id/imageView_minute_left"        android:src="@drawable/ic_launcher" />    <ImageView        android:id="@+id/imageView_second_left"        android:layout_width="40dp"        android:layout_height="60dp"        android:layout_centerVertical="true"        android:layout_toLeftOf="@+id/imageView_second_right"        android:src="@drawable/ic_launcher" />    <ImageView        android:id="@+id/imageView_second_right"        android:layout_width="40dp"        android:layout_height="60dp"        android:layout_alignParentRight="true"        android:layout_centerVertical="true"        android:src="@drawable/ic_launcher" />    <ImageView        android:id="@+id/imageView_colon1"        android:layout_width="40dp"        android:layout_height="40dp"        android:layout_centerVertical="true"        android:layout_marginLeft="39dp"        android:layout_toRightOf="@+id/imageView_hour_right"        android:src="@drawable/time_colon" />    <ImageView        android:id="@+id/imageView_colon2"        android:layout_width="40dp"        android:layout_height="40dp"        android:layout_centerVertical="true"        android:layout_marginRight="73dp"        android:layout_toLeftOf="@+id/imageView_second_left"        android:src="@drawable/time_colon" /></RelativeLayout>

这里是最终效果图。
这里写图片描述

0 0
原创粉丝点击