8.Android Widget开发案例(世界杯倒计时)

来源：互联网发布：物流app源码编辑：程序博客网时间：2024/06/05 20:07

今天我们学习Android Widget的开发，由于快凌晨了，我就不说的太具体了，同志们就模仿吧！首先看一下效果图：

世界杯倒计时应用

下面是Demo的详细步骤：

一、新建一个Android工程命名为:WidgetDemo

二、准备素材，一个是Widget的图标，一个是Widget的背景。存放目录如下图：

WidgeDemo

三、修改string.xml文件如下：

?
1
2
3
4
5
<?xmlversion="1.0"encoding="utf-8"?>
<resources>
    <stringname="hello">Hello World, WidetDemo!</string>
    <stringname="app_name">DaysToWorldCup</string>
</resources>

四、建立Widget内容提供者文件，我们在res下建立xml文件夹，并且新建一个widget_provider.xml代码入下：

?
1
2
3
4
5
6
<?xmlversion="1.0"encoding="utf-8"?>
<appwidget-providerxmlns:android="http://schemas.android.com/apk/res/android"
    android:minWidth="50dip"
    android:minHeight="50dip"
    android:updatePeriodMillis="10000"
    android:initialLayout="@layout/main"/>

五、修改main.xml布局，代码如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/wordcup">
    <TextView
        android:id="@+id/wordcup"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello"
        android:textSize="12px"
        android:textColor="#ff0000"/>
</LinearLayout>

六、修改WidgetDemo.java代码如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
package com.android.tutor;
 
import java.util.Calendar;
import java.util.Date;
import java.util.GregorianCalendar;
import java.util.Timer;
import java.util.TimerTask;
import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.ComponentName;
import android.content.Context;
import android.widget.RemoteViews;
 
public class WidetDemo extendsAppWidgetProvider {
    /** Called when the activity is first created. */
 
    @Override
    publicvoid onUpdate(Context context, AppWidgetManager appWidgetManager,
            int[] appWidgetIds) {
 
        Timer timer =new Timer();
        timer.scheduleAtFixedRate(newMyTime(context, appWidgetManager), 1,
                60000);
        super.onUpdate(context, appWidgetManager, appWidgetIds);
    }
 
    privateclass MyTime extendsTimerTask {
        RemoteViews remoteViews;
        AppWidgetManager appWidgetManager;
        ComponentName thisWidget;
 
        publicMyTime(Context context, AppWidgetManager appWidgetManager) {
            this.appWidgetManager = appWidgetManager;
            remoteViews =new RemoteViews(context.getPackageName(),
                    R.layout.main);
 
            thisWidget =new ComponentName(context, WidetDemo.class);
        }
 
        publicvoid run() {
 
            Date date =new Date();
            Calendar calendar =new GregorianCalendar(2010,06, 11);
            longdays = (((calendar.getTimeInMillis() - date.getTime()) /1000)) / 86400;
            remoteViews.setTextViewText(R.id.wordcup,"距离南非世界杯还有" + days +"天");
            appWidgetManager.updateAppWidget(thisWidget, remoteViews);
 
        }
 
    }
 
}

七、修改配置文件AndroidManifest.xml，代码如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xmlversion="1.0"encoding="utf-8"?>
<manifestxmlns:android="http://schemas.android.com/apk/res/android"
    package="com.android.tutor"
    android:versionCode="1"
    android:versionName="1.0">
    <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
        <receiverandroid:name=".WidetDemo"android:label="@string/app_name">
            <intent-filter>
                <actionandroid:name="android.appwidget.action.APPWIDGET_UPDATE"/>
            </intent-filter>
            <meta-dataandroid:name="android.appwidget.provider"
                android:resource="@xml/widget_provider"/>
        </receiver>
    </application>
    <uses-sdkandroid:minSdkVersion="7"/>
</manifest>

八、点击运行(Ctrl+F11)，运行成功后，我们长时间点击桌面，会出现如下俩个，依次点击，就可以看到最上面的效果图：

Widge效果

DaysToWorldCup