[置顶] 我的Android进阶之旅------>Android(安卓)Widget 桌面数字时钟(DigtalClockWidget)实例

step1:新建项目DigtalClockWidget，并将显示时间的图片导入到drawable文件夹目录下：

Android Widget 桌面数字时钟(DigtalClockWidget)实例_第1张图片" width="254" height="424" style="border:1px solid black;"> Android Widget 桌面数字时钟(DigtalClockWidget)实例_第2张图片" width="257" height="299" style="border:1px solid black;">

各个图片如下：

step2:编写Widget的UI界面

a. /xml/appwidget_provider.xml

<?xml version="1.0" encoding="utf-8"?><!--     指定该桌面组件的基本配置信息：minWidth：桌面小控件的最小宽度。minWidth：桌面小控件的最小高度。updatePeriodMillis：更新频率initialLayout：初始时显示的布局--><!--指定该Widget的布局界面为@layout/main--><appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"    android:initialLayout="@layout/main"      android:minHeight="30px"    android:minWidth="300px"    android:updatePeriodMillis="500"   />

b./layout/main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/digit" android:layout_width="fill_parent"android:layout_height="fill_parent" android:orientation="horizontal"android:gravity="center"><!-- 定义19个ImageView来显示液晶数字 --><ImageView android:id="@+id/img01" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img02" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img03" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img04" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img05" android:layout_width="wrap_content"android:layout_height="wrap_content" android:src="@drawable/digity" /><ImageView android:id="@+id/img06" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img07" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img08" android:layout_width="wrap_content"android:layout_height="wrap_content" android:src="@drawable/digity" /><ImageView android:id="@+id/img09" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img10" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img11" android:layout_width="wrap_content"android:layout_height="wrap_content" android:src="@drawable/digite" /><ImageView android:id="@+id/img12" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img13" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img14" android:layout_width="wrap_content"android:layout_height="wrap_content" android:src="@drawable/digit" /><ImageView android:id="@+id/img15" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img16" android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageView android:id="@+id/img17" android:layout_width="wrap_content"android:layout_height="wrap_content" android:src="@drawable/digit" /><ImageView android:id="@+id/img18" android:layout_width="wrap_content"android:layout_height="wrap_content" android:src="@drawable/digit" /><ImageView android:id="@+id/img19" android:layout_width="wrap_content"android:layout_height="wrap_content" /></LinearLayout>

step3：AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"package="cn.roco.widget.clock" android:versionCode="1"android:versionName="1.0"><uses-sdk android:minSdkVersion="8" />        <uses-permission android:name="android.permission.CALL_PHONE"/><application android:icon="@drawable/icon" android:label="@string/app_name"><!-- 指定广播接受者 --><receiver android:name="TimeWidgetProvider"><intent-filter><action android:name="android.appwidget.action.APPWIDGET_UPDATE" /></intent-filter><meta-data android:name="android.appwidget.provider"android:resource="@xml/appwidget_provider" /><!-- 指定provider --></receiver><!-- 指定时钟服务 --><service android:name=".TimeService" /></application></manifest>

step4:TimeService.java

package cn.roco.widget.clock;import java.text.SimpleDateFormat;import java.util.Date;import java.util.Timer;import java.util.TimerTask;import android.app.PendingIntent;import android.app.Service;import android.appwidget.AppWidgetManager;import android.content.ComponentName;import android.content.Intent;import android.net.Uri;import android.os.IBinder;import android.widget.RemoteViews;public class TimeService extends Service {// 将0~9的液晶数字图片定义成数组private int[] digits = new int[] { R.drawable.digit00, R.drawable.digit01,R.drawable.digit02, R.drawable.digit03, R.drawable.digit04,R.drawable.digit05, R.drawable.digit06, R.drawable.digit07,R.drawable.digit08, R.drawable.digit09, };// 将显示年 月 日 小时、分钟、秒钟的ImageView定义成数组private int[] digitViews = new int[] { R.id.img01, R.id.img02, R.id.img03,R.id.img04, R.id.img06, R.id.img07, R.id.img09, R.id.img10,R.id.img12, R.id.img13, R.id.img15, R.id.img16, R.id.img18,R.id.img19 };private Timer timer;private TimerTask timerTask = new TimerTask() {@Overridepublic void run() {/** 获取并格式化当前时间 */SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");String time = sdf.format(new Date());/** 获得显示时间的View */RemoteViews views = new RemoteViews(getPackageName(), R.layout.main);for (int i = 0; i < time.length(); i++) {// 将第i个数字字符转换为对应的数字int num = time.charAt(i) - 48;// 将第i张图片设为对应的液晶数字图片views.setImageViewResource(digitViews[i], digits[num]);}/** 调用拨号程序 */Intent intent = new Intent(Intent.ACTION_VIEW,Uri.parse("tel:10086"));PendingIntent pendingIntent = PendingIntent.getActivity(getApplicationContext(), 0, intent, 0);views.setOnClickPendingIntent(R.id.digit, pendingIntent);/** 更新时间的显示 */AppWidgetManager appWidgetManager = AppWidgetManager.getInstance(getApplicationContext());// 将AppWidgetProvider子类实例包装成ComponentName对象ComponentName componentName = new ComponentName(getApplicationContext(), TimeWidgetProvider.class);// 调用AppWidgetManager将remoteViews添加到ComponentName中appWidgetManager.updateAppWidget(componentName, views);}};@Overridepublic void onCreate() {super.onCreate();// 定义计时器timer = new Timer();// 启动周期性调度timer.schedule(timerTask, 0, 1000);}@Overridepublic IBinder onBind(Intent intent) {return null;}@Overridepublic void onDestroy() {super.onDestroy();timer.cancel();timer = null;}}

step5:TimeWidgetProvider.java

package cn.roco.widget.clock;import android.appwidget.AppWidgetManager;import android.appwidget.AppWidgetProvider;import android.content.Context;import android.content.Intent;public class TimeWidgetProvider extends AppWidgetProvider {@Overridepublic void onUpdate(Context context, AppWidgetManager appWidgetManager,int[] appWidgetIds) {}/** 当用户从桌面上删除widgets的时候被调用 */@Overridepublic void onDeleted(Context context, int[] appWidgetIds) {}/** * 第一次往桌面添加Widgets的时候才会被调用， * 往后往桌面添加同类型的widgets时候不会被调用 */@Overridepublic void onEnabled(Context context) {//启动服务context.startService(new Intent(context, TimeService.class));}/** 最后一个同类型widgets实例被删除的时候调用 */@Overridepublic void onDisabled(Context context) {//停止服务context.stopService(new Intent(context, TimeService.class));}}

step6:部署应用到模拟器上，部署完成后打开该Widget

Android Widget 桌面数字时钟(DigtalClockWidget)实例_第3张图片" width="374" height="536" style="border:1px solid black;"> Android Widget 桌面数字时钟(DigtalClockWidget)实例_第4张图片" width="377" height="537" style="border:1px solid black;">

应用的效果图如下：

Android Widget 桌面数字时钟(DigtalClockWidget)实例_第5张图片" width="375" height="532" style="border:1px solid black;">

==================================下面看一个gif动画===========================================

Android Widget 桌面数字时钟(DigtalClockWidget)实例_第6张图片" width="376" height="532" style="border:1px solid black;">

该项目的源码在:http://pan.baidu.com/share/link?shareid=403033&uk=805959799

==================================================================================================

作者：欧阳鹏欢迎转载，与人分享是进步的源泉！

转载请保留原文地址：http://blog.csdn.net/ouyang_peng

==================================================================================================

更多相关文章

随机推荐