码迷，mamicode.com
首页 > 移动开发 > 详细

Android实战第一篇——时钟+闹钟+计时器+秒表

时间：2016-05-23 15:22:36      阅读：203      评论：0      收藏：0      [点我收藏+]

标签：

学习了快一学期的Android了，之前的知识点都是零散的学习的，只有当我们真正的去把他们用起来的时候才会发现难点，自己才会独立尝试去解决某个问题。接下来是我的一个简单的多功能时钟的小实战（视频资源http://pan.baidu.com/s/1i5AT4nN 密码：jq7g）

具体的效果可以参考手机上的时钟。


首先我们来看一看布局文件layout_main.xml


我们总的来看一下整个布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

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

                <com.example.clock.AlarmView
                    android:id="@+id/tabAlarm"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >
<span style="white-space:pre">		</span>……
                </com.example.clock.AlarmView>

                <com.example.clock.TimerView
                    android:id="@+id/tabTimer"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >
<span style="white-space:pre">		</span>……
                </com.example.clock.TimerView>

                <com.example.clock.StopWatchView
                    android:id="@+id/tabStopWatch"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >
<span style="white-space:pre">		</span>……
                </com.example.clock.StopWatchView>
            </FrameLayout>
        </LinearLayout>
    </TabHost>

</FrameLayout>

整个布局整的是一个FrameLayout，我们在里面放了一个TabHost，接下来我们就可以在里面直接添加自己想要的布局了，可能初学者初一看会有那么一个疑问，就是<com.example.clock.……></com.example.clock.……>这个是什么东西？？这是一个自定义的控件，我们创建的一个继承了LinearLayout的一个类（讲解可以参考这里http://blog.csdn.net/guozh/article/details/7662374），上面我们看到了四个这样的标签，表示我们有四个这样的Tab页面。关于布局的东西这里就不多讲了，之后会把我自己在学习过程中的一些不懂，以及相关的知识点上传到资源中，大家可以下载来看看。


这是完整的布局文件代码

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <com.example.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:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:gravity="center"
                        android:textAppearance="?android:attr/textAppearanceLarge" />
                </com.example.clock.TimeView>

                <com.example.clock.AlarmView
                    android:id="@+id/tabAlarm"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >

                    <ListView
                        android:id="@+id/lvListAlarm"
                        android:layout_width="fill_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1" >
                    </ListView>

                    <Button
                        android:id="@+id/btnAddAlarm"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/add_alarm" >
                    </Button>
                </com.example.clock.AlarmView>

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

                    <LinearLayout
                        android:layout_width="fill_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1"
                        android:orientation="horizontal" >

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

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

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

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

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

                    <LinearLayout
                        android:id="@+id/btnGroup"
                        android:layout_width="fill_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>
                </com.example.clock.TimerView>

                <com.example.clock.StopWatchView
                    android:id="@+id/tabStopWatch"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >

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

                        <TextView
                            android:id="@+id/timeHour"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:textAppearance="?android:attr/textAppearanceLarge" />

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

                        <TextView
                            android:id="@+id/timeMin"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:textAppearance="?android:attr/textAppearanceLarge" />

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

                        <TextView
                            android:id="@+id/timeSec"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:textAppearance="?android:attr/textAppearanceLarge" />

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

                        <TextView
                            android:id="@+id/timeMsec"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:textAppearance="?android:attr/textAppearanceLarge" />
                    </LinearLayout>

                    <ListView
                        android:id="@+id/lvWatchTime"
                        android:layout_width="fill_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1" >
                    </ListView>

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

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

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

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

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

                        <Button
                            android:id="@+id/btnSWReset"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:text="@string/reset" />
                    </LinearLayout>
                </com.example.clock.StopWatchView>
            </FrameLayout>
        </LinearLayout>
    </TabHost>

</FrameLayout>


讲完了布局，我们来讲讲MainActivity

	private TabHost tabHost;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		tabHost = (TabHost) findViewById(android.R.id.tabhost);
		tabHost.setup();

		// 为TabHost添加标签
		// 新建一个newTabSpec(newTabSpec)用来指定该标签的id（就是用来区分标签）的
		// 设置其标签和图表(setIndicator)
		// 设置内容(setContent)
		/*
		 * 设置选项卡 : -- 设置按钮名称 : setIndicator(时钟); -- 设置选项卡内容 : setContent(),
		 * 可以设置视图组件, 可以设置Activity, 也可以设置Fragement;
		 */
		tabHost.addTab(tabHost.newTabSpec("tabTime").setIndicator("时钟")
				.setContent(R.id.tabTime));
		tabHost.addTab(tabHost.newTabSpec("tabAlarm").setIndicator("闹钟")
				.setContent(R.id.tabAlarm));
		tabHost.addTab(tabHost.newTabSpec("tabTimer").setIndicator("计时器")
				.setContent(R.id.tabTimer));
		tabHost.addTab(tabHost.newTabSpec("tabStopWatch").setIndicator("秒表")
				.setContent(R.id.tabStopWatch));
	}


在MainActivity中主要的操作就是设置TabHost，上面的代码中已经贴上了解释，这里就不讲了，接着我们就重点来讲讲时钟、闹钟、计时器和秒表这四部分。

一、时钟

在布局文件中我们看到，界面上只有一个TextView，这个TextView的作用就是显示一个系统的当前时间，同时这个时间还是一秒一秒跳的，要实现一秒一秒的跳就需要我们每隔一秒就要刷新一下，同时我们这里还考虑了切换到另一个Tab的时候，这个时间就不跳动了，这样就会减少这个对系统的占用，考虑到了这点我们在这里用到了Handler，通过handler发送的msg.what 来判断是否要刷新时间。

public class TimeView extends LinearLayout {

	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 defStyle) {
		super(context, attrs, defStyle);
	}

	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		tvTime = (TextView) findViewById(R.id.tvTime);
		//tvTime.setText("hello");
		
		timeHandler.sendEmptyMessage(0);
	}
	
	@Override
	protected void onVisibilityChanged(View changedView, int visibility) {
		super.onVisibilityChanged(changedView, visibility);
		//当再次切换到这个Tab时我们就再发送一次这个消息，否者就把所有的消息移除掉
		if (visibility == View.VISIBLE) {
			timeHandler.sendEmptyMessage(0);			
		}else{
			timeHandler.removeMessages(0);
		}
	}
	
	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)));
	}
	private Handler timeHandler = new Handler(){
		public void handleMessage(android.os.Message msg) {
			refreshTime();
			
			//处于当前Tab的时候给自己发送信息，可以刷新
			if (getVisibility() == View.VISIBLE) {				
				//1秒钟后再次执行以下sendEmptyMessage，what参数用于区分不同的message
				timeHandler.sendEmptyMessageDelayed(0, 1000);
			}
		};
	};
}

其实这里的Handler可以用Timer来完成亦可以达到同样的效果。

在这里要提一下的是onFinishInflate()，这在我们自定义布局的时候一定要用到的，解释以及例子在之后上传的知识点中同样有，看看那个就可以了。

二、闹钟

从第二个布局中我们可以看到，我们在这里用到了一个ListView，这是用来存储我们添加的闹钟的，既然这里用到了ListView，那么我们接着就会想到要给这个ListView一个适配器adapter，因此我们会在这里创建这么一个适配器，

private ArrayAdapter<AlarmData> adapter;
看到这里可能又会有疑问了，AlarmData这是个什么东西？有这么一个数据类型吗？？其实这里我们自定义了一个数据类型，用来专门存储一下创建的闹钟时间。我们来看一下自定义的数据类型代码吧！

// 自定义数据类型
	private static class AlarmData {
		private long time = 0;
		private Calendar date;
		private String timeLabel = "";

		public AlarmData(long time) {
			this.time = time;
			date = Calendar.getInstance();
			date.setTimeInMillis(time);
			timeLabel = String.format("%d月%d日   %d:%d",
					date.get(Calendar.MONTH) + 1,
					date.get(Calendar.DAY_OF_MONTH),
					date.get(Calendar.HOUR_OF_DAY), date.get(Calendar.MINUTE));
		}

		public long getTime() {
			return time;
		}

		public String getTimeLabel() {
			return timeLabel;
		}

		public int getId() {
			return (int) (getTime() / 1000 / 60);
		}

		@Override
		public String toString() {
			return getTimeLabel();
		}

	}

这个数据类型的代码其实还是很容易明白的，不多讲了。

当我们到这里的时候，我们其实还没有真正的完成，假如我们的代码已经写好了，并且可以运行了我们运行一次后，并且添加了N个闹钟，当我们退出程序，再次打开就会发现，我们之前创建的闹钟都没了，原因是我们虽然把数据临时的保存在了ListView中，但是我们并没有长时间的保存，因此我们接着就来讲讲长久的保存这些闹钟数据。

private void saveAlarmList() {
		Editor editor = getContext().getSharedPreferences(
				AlarmView.class.getName(), Context.MODE_PRIVATE).edit();

		StringBuffer sb = new StringBuffer();

		for (int i = 0; i < adapter.getCount(); i++) {
			sb.append(adapter.getItem(i).getTime()).append(",");
		}
		if (sb.length() > 1) {
			String content = sb.toString().substring(0, sb.length() - 1);
			editor.putString(KEY_ALARM_LIST, content);

			System.out.println(content);
		} else {
			editor.putString(KEY_ALARM_LIST, null);
		}
		editor.commit();
	}
有了保存，我们当然的会想到读取

private void readSaveAlarmList() {
		SharedPreferences sp = getContext().getSharedPreferences(
				AlarmView.class.getName(), Context.MODE_PRIVATE);
		String content = sp.getString(KEY_ALARM_LIST, null);

		if (content != null) {
			String[] timeStrings = content.split(",");
			for (String string : timeStrings) {
				adapter.add(new AlarmData(Long.parseLong(string)));
			}
		}
	}
上面的一些陌生的类型在之后的知识点中可以查看。

接着我们来看看最关键的就是添加闹钟

private void addAlarm() {

		Calendar c = Calendar.getInstance();

		new TPDiolog(getContext(), new TimePickerDialog.OnTimeSetListener() {

			@Override
			public void onTimeSet(TimePicker view, int hourOfDay, int minute) {

				Calendar calendar = Calendar.getInstance();
				calendar.set(Calendar.HOUR_OF_DAY, hourOfDay);
				calendar.set(Calendar.MINUTE, minute);
				calendar.set(Calendar.SECOND, 0);
				calendar.set(Calendar.MILLISECOND, 0);

				Calendar currentTime = Calendar.getInstance();
				if (currentTime.getTimeInMillis() >= calendar.getTimeInMillis()) {
					calendar.setTimeInMillis(calendar.getTimeInMillis() + 24
							* 60 * 60 * 1000);
				}
				AlarmData ad = new AlarmData(calendar.getTimeInMillis());
				adapter.add(ad);
				alarmManager.setRepeating(AlarmManager.RTC_WAKEUP,
						ad.getTime(), 5 * 60 * 1000, PendingIntent
								.getBroadcast(getContext(), ad.getId(),
										new Intent(getContext(),
												AlarmReceiver.class), 0));
				saveAlarmList();
			}
		}, c.get(Calendar.HOUR_OF_DAY), c.get(Calendar.MINUTE), true).show();
	}
这里我们可以看到TPDiolog这个，当你自己尝试过后可能也会遇到同样的问题，那就是当你通过TimePickerDialog这个系统的时间选择控件的时候，点击确定后，会创建两条记录，这是因为我们点击确定后会调用该事件监听器的时间，在关闭这个Dialog的时候也会调用一次，所以我们在这里自己重写了一下该类的方法


TPDiolog.class

public class TPDiolog extends TimePickerDialog {

	public TPDiolog(Context context, OnTimeSetListener callBack, int hourOfDay,
			int minute, boolean is24HourView) {
		super(context, callBack, hourOfDay, minute, is24HourView);
	}

	//重写该方法是为了避免调用两次onTimeSet
	//可以参考 该网址http://www.68idc.cn/help/buildlang/ask/20150206210559.html
	@Override
	protected void onStop() {
		//super.onStop();
	}
}

在之前的代码中我们还看到了一个alarmManager这一对象，这是我们为了调用系统的闹钟服务创建的实例，我们也因此而创建了一个AlarmReceiver.class


public class AlarmReceiver extends BroadcastReceiver {

	@Override
	public void onReceive(Context context, Intent arg1) {
		System.out.println("闹钟执行了！");
		
		AlarmManager am=(AlarmManager) context.getSystemService(Context.ALARM_SERVICE);
		am.cancel(PendingIntent.getBroadcast(context, getResultCode(), new Intent(context, AlarmReceiver.class), 0));
		
		Intent i =new Intent(context,PlayAlarmAty.class);
		//设置intent的启动模式
		i.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
		context.startActivity(i);
	}

}

一些小的地方讲好了，最后把AlarmView.class的完整代码贴上。

package com.example.clock;

import java.util.Calendar;
import java.util.Date;
import java.util.Iterator;

import android.app.AlarmManager;
import android.app.AlertDialog;
import android.app.PendingIntent;
import android.app.TimePickerDialog;
import android.app.TimePickerDialog.OnTimeSetListener;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.util.AttributeSet;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemLongClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.Switch;
import android.widget.TimePicker;

public class AlarmView extends LinearLayout {

	private Button btnAddAlarm;
	private ListView lvListAlarm;
	private ArrayAdapter<AlarmData> adapter;
	private AlarmManager alarmManager;

	public AlarmView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init();
	}

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

	public AlarmView(Context context) {
		super(context);
		init();
	}

	private void init() {
		alarmManager = (AlarmManager) getContext().getSystemService(
				Context.ALARM_SERVICE);
	}

	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		btnAddAlarm = (Button) findViewById(R.id.btnAddAlarm);
		lvListAlarm = (ListView) findViewById(R.id.lvListAlarm);

		adapter = new ArrayAdapter<AlarmData>(getContext(),
				android.R.layout.simple_list_item_1);
		lvListAlarm.setAdapter(adapter);

		readSaveAlarmList();
		// adapter.add(new AlarmData(System.currentTimeMillis()));

		btnAddAlarm.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				addAlarm();
			}
		});
		// 长按某项删除
		lvListAlarm.setOnItemLongClickListener(new OnItemLongClickListener() {

			@Override
			public boolean onItemLongClick(AdapterView<?> arg0, View arg1,
					final int position, long arg3) {

				new AlertDialog.Builder(getContext())
						.setTitle("操作选项")
						.setItems(new CharSequence[] { "删除", "删除1" },
								new DialogInterface.OnClickListener() {

									@Override
									public void onClick(DialogInterface dialog,
											int which) {
										switch (which) {
										case 0:
											deleteAlarm(position);
											break;

										default:
											break;
										}
									}
								}).setNegativeButton("取消", null).show();
				return true;
			}
		});
	}

	private void deleteAlarm(int position) {
		AlarmData ad = adapter.getItem(position);
		adapter.remove(ad);
		saveAlarmList();

		alarmManager.cancel(PendingIntent.getBroadcast(getContext(),
				ad.getId(), new Intent(getContext(), AlarmReceiver.class), 0));
	}

	private void addAlarm() {

		Calendar c = Calendar.getInstance();

		new TPDiolog(getContext(), new TimePickerDialog.OnTimeSetListener() {

			@Override
			public void onTimeSet(TimePicker view, int hourOfDay, int minute) {

				Calendar calendar = Calendar.getInstance();
				calendar.set(Calendar.HOUR_OF_DAY, hourOfDay);
				calendar.set(Calendar.MINUTE, minute);
				calendar.set(Calendar.SECOND, 0);
				calendar.set(Calendar.MILLISECOND, 0);

				Calendar currentTime = Calendar.getInstance();
				if (currentTime.getTimeInMillis() >= calendar.getTimeInMillis()) {
					calendar.setTimeInMillis(calendar.getTimeInMillis() + 24
							* 60 * 60 * 1000);
				}
				AlarmData ad = new AlarmData(calendar.getTimeInMillis());
				adapter.add(ad);
				alarmManager.setRepeating(AlarmManager.RTC_WAKEUP,
						ad.getTime(), 5 * 60 * 1000, PendingIntent
								.getBroadcast(getContext(), ad.getId(),
										new Intent(getContext(),
												AlarmReceiver.class), 0));
				saveAlarmList();
			}
		}, c.get(Calendar.HOUR_OF_DAY), c.get(Calendar.MINUTE), true).show();
	}

	private static final String KEY_ALARM_LIST = "alarmlist";

	private void saveAlarmList() {
		Editor editor = getContext().getSharedPreferences(
				AlarmView.class.getName(), Context.MODE_PRIVATE).edit();

		StringBuffer sb = new StringBuffer();

		for (int i = 0; i < adapter.getCount(); i++) {
			sb.append(adapter.getItem(i).getTime()).append(",");
		}
		if (sb.length() > 1) {
			String content = sb.toString().substring(0, sb.length() - 1);
			editor.putString(KEY_ALARM_LIST, content);

			System.out.println(content);
		} else {
			editor.putString(KEY_ALARM_LIST, null);
		}
		editor.commit();
	}

	private void readSaveAlarmList() {
		SharedPreferences sp = getContext().getSharedPreferences(
				AlarmView.class.getName(), Context.MODE_PRIVATE);
		String content = sp.getString(KEY_ALARM_LIST, null);

		if (content != null) {
			String[] timeStrings = content.split(",");
			for (String string : timeStrings) {
				adapter.add(new AlarmData(Long.parseLong(string)));
			}
		}
	}

	// 自定义数据类型
	private static class AlarmData {
		private long time = 0;
		private Calendar date;
		private String timeLabel = "";

		public AlarmData(long time) {
			this.time = time;
			date = Calendar.getInstance();
			date.setTimeInMillis(time);
			timeLabel = String.format("%d月%d日   %d:%d",
					date.get(Calendar.MONTH) + 1,
					date.get(Calendar.DAY_OF_MONTH),
					date.get(Calendar.HOUR_OF_DAY), date.get(Calendar.MINUTE));
		}

		public long getTime() {
			return time;
		}

		public String getTimeLabel() {
			return timeLabel;
		}

		public int getId() {
			return (int) (getTime() / 1000 / 60);
		}

		@Override
		public String toString() {
			return getTimeLabel();
		}

	}
}

三、计时器

计时器的主要功能就是你先设定一个时间，然后点击开始，时间就会一秒一秒的减少，在这里我么主要用到了Timer这个系统的计时器，这代码中没有上面难懂的地方，有些地方已经给上注释了，所以直接贴代码，可能有些人会不知道Timer怎么用，之后的知识点中都会有提到。

package com.example.clock;

import java.util.Timer;
import java.util.TimerTask;

import android.R.integer;
import android.app.AlertDialog;
import android.content.Context;
import android.os.Handler;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;

public class TimerView extends LinearLayout {

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

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

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

		btnStart = (Button) findViewById(R.id.btnStart);
		btnPause = (Button) findViewById(R.id.btnPause);
		btnResume = (Button) findViewById(R.id.btnResume);
		btnReset = (Button) findViewById(R.id.btnReset);

		btnStart.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				startTimer();
				btnStart.setVisibility(View.GONE);
				btnPause.setVisibility(View.VISIBLE);
				btnReset.setVisibility(View.VISIBLE);
			}
		});
		
		btnPause.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				stopTimer();
				btnPause.setVisibility(View.GONE);
				btnResume.setVisibility(View.VISIBLE);
			}
		});
		
		btnResume.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				startTimer();
				btnPause.setVisibility(View.VISIBLE);
				btnResume.setVisibility(View.GONE);
			}
		});
		btnReset.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				stopTimer();
				etHour.setText("00");
				etMin.setText("00");
				etSec.setText("00");
				
				btnReset.setVisibility(View.GONE);
				btnResume.setVisibility(View.GONE);
				btnPause.setVisibility(View.GONE); 
				btnStart.setVisibility(View.VISIBLE); 
			}
		});

		etHour = (EditText) findViewById(R.id.etHour);
		etMin = (EditText) findViewById(R.id.etMin);
		etSec = (EditText) findViewById(R.id.etSec);

		etHour.setText("00");
		etHour.addTextChangedListener(new TextWatcher() {

			@Override
			public void onTextChanged(CharSequence s, int start, int before,
					int count) {
				/*
				 * 这个方法是在Text改变过程中触发调用的， 它的意思就是说在原有的文本s中，
				 * 从start开始的count个字符替换长度为before的旧文本，
				 * 注意这里没有将要之类的字眼，也就是说一句执行了替换动作。
				 */
				if (!TextUtils.isEmpty(s)) {

					int value = Integer.parseInt(s.toString());

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

			@Override
			public void beforeTextChanged(CharSequence s, int start, int count,
					int after) {
			}

			@Override
			public void afterTextChanged(Editable s) {
			}
		});
		etMin.setText("00");
		etMin.addTextChangedListener(new TextWatcher() {

			@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) {
						etMin.setText("59");
					} else if (value < 0) {
						etMin.setText("00");
					}
				}
				checkToEnableBtnStart();
			}

			@Override
			public void beforeTextChanged(CharSequence s, int start, int count,
					int after) {
			}

			@Override
			public void afterTextChanged(Editable s) {
			}
		});
		etSec.setText("00");
		etSec.addTextChangedListener(new TextWatcher() {

			@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) {
						etSec.setText("59");
					} else if (value < 0) {
						etSec.setText("00");
					}
				}
				checkToEnableBtnStart();
			}

			@Override
			public void beforeTextChanged(CharSequence s, int start, int count,
					int after) {
			}

			@Override
			public void afterTextChanged(Editable s) {
			}
		});

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

	private void checkToEnableBtnStart() {
		btnStart.setEnabled((!TextUtils.isEmpty(etHour.getText()) && Integer
				.parseInt(etHour.getText().toString()) > 0)
				|| (!TextUtils.isEmpty(etMin.getText()) && Integer
						.parseInt(etMin.getText().toString()) > 0)
				|| (!TextUtils.isEmpty(etSec.getText()) && Integer
						.parseInt(etSec.getText().toString()) > 0));
	}

	private void startTimer() {
		if (timerTask == null) {
			allTimeCount = Integer.parseInt(etHour.getText().toString()) * 60
					* 60 + Integer.parseInt(etMin.getText().toString()) * 60
					+ Integer.parseInt(etSec.getText().toString());
			timerTask = new TimerTask() {

				@Override
				public void run() {
					allTimeCount--;
					handle.sendEmptyMessage(MSG_WHAT_TIME_TICK);
					if (allTimeCount <= 0) {
						handle.sendEmptyMessage(MSG_WHAT_TIME_IS_UP);
						stopTimer();
					}
				}
			};
			timer.schedule(timerTask, 1000, 1000);
		}
	}
	private void stopTimer(){
		if (timerTask!=null) {
			timerTask.cancel();
			timerTask=null;
		}
	}

	private Handler handle = new Handler(){
		
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case MSG_WHAT_TIME_TICK:
				int hour = allTimeCount/60/60;
				int min = (allTimeCount/60)%60;
				int sec = allTimeCount%60;
				
				etHour.setText(hour+"");
				etMin.setText(min+"");
				etSec.setText(sec+"");
				break;
				
			case MSG_WHAT_TIME_IS_UP:	
				new AlertDialog.Builder(getContext())
				.setTitle("Time is up!")
				.setMessage("Time is up!")
				.setNegativeButton("Cancle", null).show();
				
				btnReset.setVisibility(View.GONE);
				btnResume.setVisibility(View.GONE);
				btnPause.setVisibility(View.GONE); 
				btnStart.setVisibility(View.VISIBLE); 
				break;

			default:
				break;
			}
		};
	};
	private static final int MSG_WHAT_TIME_IS_UP = 1;
	private static final int MSG_WHAT_TIME_TICK = 2;
	
	private int allTimeCount = 0;
	private Timer timer = new Timer();
	private TimerTask timerTask = null;
	private Button btnStart, btnPause, btnResume, btnReset;
	private EditText etHour, etMin, etSec;

}

四、秒表

最后的秒表相信大家都不陌生，用到的知识正好之前的三个都有讲到，只要明白前三个后，这个就不难理解了。

package com.example.clock;

import java.util.ArrayList;
import java.util.Timer;
import java.util.TimerTask;

import android.content.Context;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

public class StopWatchView extends LinearLayout {

	private TextView tvHour,tvMin,tvSec,tvMsec;
	private Button btnStart,btnPause,btnResume,btnReset,btnLap;
	private ListView lvTimeList;
	private ArrayAdapter<String> adapter;
	public StopWatchView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		
		tvHour = (TextView) findViewById(R.id.timeHour);
		tvHour.setText("0");
		tvMin = (TextView) findViewById(R.id.timeMin);
		tvMin.setText("0");
		tvSec = (TextView) findViewById(R.id.timeSec);
		tvSec.setText("0");
		tvMsec = (TextView) findViewById(R.id.timeMsec);
		tvMsec.setText("0");
		
		btnStart = (Button) findViewById(R.id.btnSWStart);
		btnPause = (Button) findViewById(R.id.btnSWPause);
		btnResume = (Button) findViewById(R.id.btnSWResume);
		btnLap = (Button) findViewById(R.id.btnSWLap);
		btnReset = (Button) findViewById(R.id.btnSWReset);
		
		btnStart.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				startTimer();
				btnStart.setVisibility(View.GONE);
				btnPause.setVisibility(View.VISIBLE);
				btnLap.setVisibility(View.VISIBLE);
			}
		});
		btnPause.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				stopTimer();
				btnPause.setVisibility(View.GONE);
				btnResume.setVisibility(View.VISIBLE);
				btnLap.setVisibility(View.GONE);
				btnReset.setVisibility(View.VISIBLE);
			}
		});
		btnResume.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				startTimer();
				btnResume.setVisibility(View.GONE);
				btnPause.setVisibility(View.VISIBLE);
				btnLap.setVisibility(View.VISIBLE);
				btnReset.setVisibility(View.GONE);
			}
		});
		btnReset.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				stopTimer();
				tenMSecs = 0;
				adapter.clear();
				btnReset.setVisibility(View.GONE);
				btnLap.setVisibility(View.GONE);
				btnPause.setVisibility(View.GONE);
				btnResume.setVisibility(View.GONE);
				btnStart.setVisibility(View.VISIBLE);
			}
		});
		btnLap.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				adapter.insert(String.format("%d:%d:%d.%d", tenMSecs/100/60/60,tenMSecs/100/60%60,tenMSecs/100%60,tenMSecs%100), 0);
			}
		});
		btnLap.setVisibility(View.GONE);
		btnPause.setVisibility(View.GONE);
		btnResume.setVisibility(View.GONE);
		btnReset.setVisibility(View.GONE);
		
		lvTimeList = (ListView) findViewById(R.id.lvWatchTime);
		adapter = new ArrayAdapter<String>(getContext(), android.R.layout.simple_list_item_1);
		lvTimeList.setAdapter(adapter);
		
		showTimerTask = new TimerTask() {
			
			@Override
			public void run() {
				handle.sendEmptyMessage(MSG_WHAT_SHOW_TIME);
			}
		};
		timer.schedule(showTimerTask, 200, 200);
	}
	
	private void startTimer(){
		if (timerTask == null) {
			timerTask = new TimerTask() {
				
				@Override
				public void run() {
					tenMSecs++;
				}
			};
			timer.schedule(timerTask, 10, 10);
		}
	}
	private void stopTimer(){
		if (timerTask != null) {
			timerTask.cancel();
			timerTask = null;
		}
	}
	
	private int tenMSecs = 0;
	private Timer timer =new Timer();
	private TimerTask timerTask = null;
	private TimerTask showTimerTask = null;
	private static final int MSG_WHAT_SHOW_TIME = 1;
	
	private Handler handle = new Handler(){
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case MSG_WHAT_SHOW_TIME:
				tvHour.setText(tenMSecs/100/60/60+"");
				tvMin.setText(tenMSecs/100/60%60+"");
				tvSec.setText(tenMSecs/100%60+"");
				tvMsec.setText(tenMSecs%100+"");
				break;

			default:
				break;
			}
		};
	};
	public void onDestroy() {
		timer.cancel();
	}
	
}


到此为止，自己的第一个实战算是完成了，但是就是界面很low，这个只是把基本的功能实现了，但是在界面上没有做很大的完善，在之后的实战中会慢慢改进的。


实战完整代码


实战知识点







Android实战第一篇——时钟+闹钟+计时器+秒表

标签：

原文地址：http://blog.csdn.net/f_felix/article/details/51475611
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！