Android 开发第六弹:简易时钟(计时器)

接上篇Android 开发第五弹:简易时钟(闹钟) ,这次是一个时钟类应用,目前依旧是主要的功能,长得还是很挫。当然了,核心功能是有的……

时钟

先把简单的时钟给列出来吧,这里都写的很简单,即便要用世界各个城市的话,也只是相应的加上或减去几个小时。

新建TimeView类,并扩展自LinearLayout,然后布局文件和上一篇中那么写就好了。

<myapplication.nomasp.com.clock.TimeView
    android : id = "@+id/tabTime"
    android : layout_width = "match_parent"
    android : layout_height = "match_parent"
    android : orientation = "vertical">

    <TextView
        android : id = "@+id/tvTime"
        android : textAppearance = "?android:attr/textAppearanceLarge"
        android : layout_width = "match_parent"
        android : layout_height = "match_parent"
        android : gravity = "center" / >
</myapplication.nomasp.com.clock.TimeView>
    // 实例化TextView控件
    private TextView tvTime;

    public TimeView(Context context) {
        super(context);
    }

    public TimeView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TimeView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onFinishInflate(){
        super.onFinishInflate();

        tvTime = (TextView)findViewById(R.id.tvTime);
        tvTime.setText("H");

        timeHandler.sendEmptyMessage(0);
    }

    private Handler timeHandler = new Handler() {

        public void handleMessage(Message msg){
            // 刷新时间
            refreshTime();

            if(getVisibility() == View.VISIBLE){
                timeHandler.sendEmptyMessageDelayed(0, 1000);
            }
        }
    };

    // 刷新时间
    private void refreshTime(){
        Calendar c = Calendar.getInstance();

        // 试着显示的时间格式
        tvTime.setText(String.format("%d:%d:%d",
                c.get(Calendar.HOUR_OF_DAY),
                c.get(Calendar.MINUTE),
                c.get(Calendar.SECOND)));
    }

    @Override
    protected void onVisibilityChanged(View changedView, int visibility) {
        super.onVisibilityChanged(changedView, visibility);

        if(visibility == View.VISIBLE){
            timeHandler.sendEmptyMessage(0);
        }else{
            timeHandler.removeMessages(0);
        }
    }

就这些了,下面正式开始计时器的部分。

TimerView

TimerView类同样是扩展自LinearLayout,并且布局的写法也是如出一辙:

<myapplication.nomasp.com.clock.TimerView
    android : id = "@+id/tabTimer"
    android : layout_width = "match_parent"
    android : layout_height = "match_parent"
    android : orientation = "vertical">

    <LinearLayout
        android : orientation = "horizontal"
        android : layout_width = "match_parent"
        android : layout_height = "wrap_content">

    <EditText
        android : id = "@+id/etHour"
        android : inputType = "number"
        android : textAppearance = "?android:attr/textAppearanceLarge"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : singleLine = "true" / >
        android:singleLine = "true" / >

    <TextView
        android : textAppearance = "?android:attr/textAppearanceLarge"
        android : layout_width = "wrap_content"
        android : layout_height = "wrap_content"
        android : text = ":" / >

    <EditText
        android : id = "@+id/etMinute"
        android : inputType = "number"
        android : textAppearance = "?android:attr/textAppearanceLarge"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : singleLine = "true" / >

    <TextView
        android : textAppearance = "?android:attr/textAppearanceLarge"
        android : layout_width = "wrap_content"
        android : layout_height = "wrap_content"
        android : text = ":" / >

    <EditText
        android : id = "@+id/etSecond"
        android : inputType = "number"
        android : textAppearance = "?android:attr/textAppearanceLarge"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : singleLine = "true" / >
    < / LinearLayout>

    <LinearLayout
        android : id = "@+id/llBtnGroup"
        android : layout_width = "match_parent"
        android : layout_height = "wrap_content"
        android : orientation = "horizontal">

    <Button
        android : id = "@+id/btnStart"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : text = "@string/start" / >

    <Button
        android : id = "@+id/btnPause"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : text = "@string/pause" / >

    <Button
        android : id = "@+id/btnResume"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : text = "@string/resume" / >

    <Button
        android : id = "@+id/btnReset"
        android : layout_width = "0dp"
        android : layout_height = "wrap_content"
        android : layout_weight = "1"
        android : text = "@string/reset" / >
    < / LinearLayout>

</myapplication.nomasp.com.clock.TimerView>

先把该定义的都定义好了:

    private Button btnStart, btnPause, btnResume, btnReset;
    private EditText etHour, etMinute, etSecond;

    private static final int MSG_WHAT_TIME_IS_UP = 1;
    private static final int MSG_WHAT_TIME_TICK = 2;

    // 所有时间计数
    private int allTimerCount = 0;
    private Timer timer = new Timer();
    private TimerTask timerTask = null;

    public TimerView(Context context) {
        super(context);
    }

    public TimerView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TimerView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

核心部分,首先给各个按钮设置监听,其中的点击分别实现相应的功能,并且设置相应的可见度,还要为每个EditText设置一个动态的判断,使其值不大于59也不小于0。

@Override
    protected void onFinishInflate(){
        super.onFinishInflate();

        // 暂停
        btnPause = (Button)findViewById(R.id.btnPause);
        btnPause.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                stopTimer();

                btnPause.setVisibility(View.GONE);
                btnResume.setVisibility(View.VISIBLE);

            }
        });

        // 重置
        btnReset = (Button)findViewById(R.id.btnReset);
        btnReset.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                stopTimer();

                etHour.setText("0");
                etMinute.setText("0");
                etSecond.setText("0");

                btnReset.setVisibility(View.GONE);
                btnResume.setVisibility(View.GONE);
                btnPause.setVisibility(View.GONE);
                btnStart.setVisibility(View.VISIBLE);
            }
        });

        // 恢复
        btnResume = (Button)findViewById(R.id.btnResume);
        btnResume.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                startTime();

                btnResume.setVisibility(View.GONE);
                btnPause.setVisibility(View.VISIBLE);
            }
        });

        // 开始
        btnStart = (Button)findViewById(R.id.btnStart);
        btnStart.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                startTime();

                btnStart.setVisibility(View.GONE);
                btnPause.setVisibility(View.VISIBLE);
                btnReset.setVisibility(View.VISIBLE);
            }
        });

        etHour = (EditText)findViewById(R.id.etHour);
        etMinute = (EditText)findViewById(R.id.etMinute);
        etSecond = (EditText)findViewById(R.id.etSecond);

        // 对每一个EditText实例都作判断,值不可以大于59或小于0
        etHour.setText("00");
        etHour.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if (!TextUtils.isEmpty(s)) {
                    int value = Integer.parseInt(s.toString());

                    if (value > 59) {
                        etHour.setText("59");
                    } else if (value < 0) {
                        etHour.setText("0");
                    }
                }
                checkToEnableBtnStart();
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });

        etMinute.setText("00");
        etMinute.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if (!TextUtils.isEmpty(s)) {
                    int value = Integer.parseInt(s.toString());

                    if (value > 59) {
                        etMinute.setText("59");
                    } else if (value < 0) {
                        etMinute.setText("0");
                    }
                }
                checkToEnableBtnStart();
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });

        etSecond.setText("00");
        etSecond.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if(!TextUtils.isEmpty(s)){
                    int value = Integer.parseInt(s.toString());

                    if(value > 59){
                        etSecond.setText("59");
                    }else if(value < 0){
                        etSecond.setText("0");
                    }
                }
                checkToEnableBtnStart();
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });

        btnStart.setVisibility(View.VISIBLE);
        btnPause.setVisibility(View.GONE);
        btnResume.setVisibility(View.GONE);
        btnReset.setVisibility(View.GONE);
    }

判断是否可以开始计数,每个输入框都不能小于等于0更不能为空。

// 判断是否可以开始
    private void checkToEnableBtnStart(){
        btnStart.setEnabled((!TextUtils.isEmpty(etHour.getText())
                && Integer.parseInt(etHour.getText().toString()) > 0) ||
                (!TextUtils.isEmpty(etMinute.getText())
                        && Integer.parseInt(etMinute.getText().toString()) > 0) ||
                (!TextUtils.isEmpty(etSecond.getText())
                        && Integer.parseInt(etSecond.getText().toString()) > 0));
    }

接下来就可以开始计时了。

    // 开始
    private void startTime(){
        if(timerTask == null){
            // 从三个输入框中获取需要计数的总秒数
            allTimerCount = Integer.parseInt(etHour.getText().toString())*60*60
                    + Integer.parseInt(etMinute.getText().toString())*60
                    + Integer.parseInt(etSecond.getText().toString());
            timerTask = new TimerTask() {
                @Override
                // 执行计数,allTimerCount自减
                public void run() {
                    allTimerCount-- ;

                    handler.sendEmptyMessage(MSG_WHAT_TIME_TICK);

                    // 如果剩下的所有计数已经小于0,通知handler停止
                    if(allTimerCount <= 0){
                        handler.sendEmptyMessage(MSG_WHAT_TIME_IS_UP);
                        stopTimer();
                    }
                }
            };
            // 设置scedule,开始时间以及时间间隔,间隔此处为1秒
            timer.schedule(timerTask,1000,1000);
        }
    }

当然除了开始计时外,也需要能够停止计时。

    // 停止计时
    private void stopTimer(){
        if(timerTask != null){
            timerTask.cancel();
            timerTask = null;
        }
    }

接下来就是Handler了,也不算难,多写几遍就会了。

    private Handler handler = new Handler() {
        public void handleMessage(Message msg){
            switch (msg.what){
                case MSG_WHAT_TIME_TICK:

                    // 获取时间
                    int hour = allTimerCount/60/60;
                    int min = (allTimerCount/60)%60;
                    int sec = allTimerCount%60;

                    // 将时间写到对应的EditText上
                    etHour.setText(hour + "");
                    etMinute.setText(min + "");
                    etSecond.setText(sec + "");

                    break;
                case MSG_WHAT_TIME_IS_UP:

                    // 弹出对话框进行提示,包括标题、消息、返回按钮
                    new AlertDialog.Builder(getContext()).setTitle("Time is up")
                            .setMessage("Message: Time is up")
                            .setNegativeButton("Cancel",null)
                            .show();

                    // 设置相应的可见与否
                    btnReset.setVisibility(View.GONE);
                    btnResume.setVisibility(View.GONE);
                    btnPause.setVisibility(View.GONE);
                    btnStart.setVisibility(View.VISIBLE);

                    break;
                default:
                    break;
            }
        }
    };

结束

这是第二篇,还有一篇比较短的了,Android 开发第七弹:简易时钟(秒表)……

需要代码的话,直接评论留邮箱吧,我就不上传到CSDN资源了。代码会继续更新的,注释也会继续更新……

项目也上传到Github了,欢迎大家贡献代码啊——传送门

时间: 2024-08-18 04:20:11

Android 开发第六弹:简易时钟(计时器)的相关文章

Android 开发第七弹:简易时钟(秒表)

本文承接,Android 开发第五弹:简易时钟(闹钟) 和 Android 开发第六弹:简易时钟(计时器),这一部分是关于秒表的. 布局 同样是新建一个类(StopWatchView)并扩展自LinearLayout,并将其用作布局. <myapplication.nomasp.com.clock.StopWatchView android : id = "@+id/tabStopWatch" android : layout_width = "match_parent

Android 开发第五弹:简易时钟(闹钟)

这次是一个时钟类应用,目前依旧是主要的功能,长得还是很挫.当然了,核心功能是有的-- 闹钟之前的准备 布局的话,不管是采用FrameLayout或者LinearLayout都可以. 我这里采用了FrameLayout,然后加上一个TabHost,之前在论坛看到有同学提问在WF中这种多个栏目的用什么控件,我的答案是在WF.WPF.Windows App.ASP.NET以及安卓上都是Tab开头的控件. <FrameLayout xmlns:android="http://schemas.and

Android 开发第三弹:自定义左右菜单(滑动动画+蒙版效果)

下面的截图--哎,因为1080P在Windows 10上虽然适配了,但大部分软件并没有跟上,比如某个录制GIF的软件,所以这里有一定的偏移导致画面不完整,但效果大概就是这么一个效果了. MainUI.java 首先需要这么一个类,在这里一些UI的滑动呀之类的都会定义.首先吧,定义好这些变量,当然了,实际开发过程中肯定需要哪一个就添加上哪一个的. private Context context; // 上下文 private FrameLayout leftMenu; // 左边部分 privat

Android 开发第四弹:围住神经猫(简单Demo)

前言 如下图所示,这篇文章要完成的就是这个简单的示例,后续会继续添加上动画和声音.这里主要包含了游戏的一些简单元素和逻辑. 在我的多次尝试后发现想赢它还是挺难的--毕竟它的走法不是简简单单的Random而已. 代码已经上传至Github,建议大家直接Fork而不是Download,毕竟开源的意义在于彼此分享代码,而且这个太简单了,后续肯定还会继续更新的,所以-- 游戏背景元素的定义 由于代码还会继续更新,所以博客中只是简单的介绍一下,而且我都写好了注释. 如大家所见的,背景中有许多的点,这里就定

Android简明开发教程六:用户界面设计

Activity是Android应用用户界面的基本组成部件.但Activity本身并不提供用户界面(User Interface).从程序结构层次上 来说,一个Android应用是类android.app.Application的一个实例, Application中可以包含多个android.app.Activity实例. 每个Activity 带一个Window类,这个类在Android平台上没有提供太多功能,主要可以用来控制标题栏(屏幕顶端).比如设置 UI全屏显示可以使用如下代码: req

Xamarin.Android开发实践(六)

原文:Xamarin.Android开发实践(六) Xamarin.Android通知详解 一.发送通知的机制 在日常的app应用中经常需要使用通知,因为服务.广播后台活动如果有事件需要通知用户,则需要通过通知栏显示,而在Xamarin.Android下的通知需要获取NotificationManager服务,而该服务需要通过GetSystemService获取,同时还要传递一个标识符.获取了通知管理器后我们就可以实例化Notification,然后再由NotificationManager发送

Xamarin.Android开发实践(十六)

原文:Xamarin.Android开发实践(十六) Xamarin.Android之Fragment Walkthrough 利用Fragment设计能够兼容不同屏幕的应用 这里我们先围观下最后的成果图,给读者打打气:   普通手机上显示的结果:   在平板上显示的结果:   笔者要郑重声明下,虽然看似是两种不同的显示效果,但是同一个应用,而下面笔者将逐步教会大家如何利用Fragment制作出能够兼容不同屏幕的应用.   准备工作 创建一个项目是必不可少的,并且Android SDK的版本要在

Android开发仿QQ空间根据位置弹出PopupWindow显示更多操作效果_Android

我们打开QQ空间的时候有个箭头按钮点击之后弹出PopupWindow会根据位置的变化显示在箭头的上方还是下方,比普通的PopupWindow弹在屏幕中间显示好看的多. 先看QQ空间效果图: 这个要实现这个效果可以分几步进行 1.第一步自定义PopupWindow,实现如图的样式,这个继承PopupWindow自定义布局很容易实现 2.得到点击按钮的位置,根据位置是否在屏幕的中间的上方还是下方,将PopupWindow显示在控件的上方或者下方 3.适配问题,因为PopupWindow上面的操作列表

Android开发自学笔记(六):声明权限和Activity_Android

不好意思哦,上一篇Android自学开发第六篇代码控制界面挖了个坑,如果运行不起来的同学,请注意查看本篇文章. Android Project的灵魂大师AndroidManifest.xml终于要登场了,我们可以亲切的称呼它为AM文件,认识和学会配置AM文件则是是学习Android非常重要的基础知识. AM文件定义了该Android App的需要请求的权限,需要生命的组件以及按其他App交互的一些信息,我想我需要进一步详解AM文件,期待我更新吧! 好,回到这个坑中来,我们已经使用连续的一系列文章