Android高手進階教程(八)之----Android Widget開發案例(世界盃倒計時!)

今天我們要寫一下Android Widget的開發,由於快點凌晨,我就不說的太具體了,同志們就模仿吧!首先看一下效果圖:

 

下面是Demo的詳細步驟:

一、新建一個Android工程命名爲:WidgetDemo.

二、準備素材,一個是Widget的圖標,一個是Widget的背景。存放目錄如下圖:

 

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

view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>  
<resources>  
    <string name="hello">Hello World, WidetDemo!</string>  
    <string name="app_name">DaysToWorldCup</string>  
</resources> 
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, WidetDemo!</string>
    <string name="app_name">DaysToWorldCup</string>
</resources>
 

四、建立Widget內容提供者文件,我們在res下建立xml文件夾,並且新建一個widget_provider.xml代碼入下:

view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>  
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android
    android:minWidth="50dip" 
    android:minHeight="50dip" 
    android:updatePeriodMillis="10000" 
    android:initialLayout="@layout/main" 
/>  
<?xml version="1.0" encoding="utf-8"?>
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
 android:minWidth="50dip"
 android:minHeight="50dip"
 android:updatePeriodMillis="10000"
 android:initialLayout="@layout/main"
/> 

五、修改main.xml佈局,代碼如下:

view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns: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> 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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代碼如下:

view plaincopy to clipboardprint?
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 extends AppWidgetProvider {  
    /** Called when the activity is first created. */ 
    
    @Override 
    public void onUpdate(Context context, AppWidgetManager appWidgetManager,  
            int[] appWidgetIds) {  
          
        Timer timer = new Timer();  
        timer.scheduleAtFixedRate(new MyTime(context,appWidgetManager), 1, 60000);  
        super.onUpdate(context, appWidgetManager, appWidgetIds);  
    }  
      
      
    private class MyTime extends TimerTask{  
        RemoteViews remoteViews;  
        AppWidgetManager appWidgetManager;  
        ComponentName thisWidget;  
          
        public MyTime(Context context,AppWidgetManager appWidgetManager){  
            this.appWidgetManager = appWidgetManager;  
            remoteViews = new RemoteViews(context.getPackageName(),R.layout.main);  
              
            thisWidget = new ComponentName(context,WidetDemo.class);  
        }  
        public void run() {  
              
            Date date = new Date();  
            Calendar calendar = new GregorianCalendar(2010,06,11);  
            long days = (((calendar.getTimeInMillis()-date.getTime())/1000))/86400;  
            remoteViews.setTextViewText(R.id.wordcup, "距離南非世界盃還有" + days+"天");  
            appWidgetManager.updateAppWidget(thisWidget, remoteViews);  
              
        }  
          
    }  
    

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 extends AppWidgetProvider {
    /** Called when the activity is first created. */
 
 @Override
 public void onUpdate(Context context, AppWidgetManager appWidgetManager,
   int[] appWidgetIds) {
  
  Timer timer = new Timer();
  timer.scheduleAtFixedRate(new MyTime(context,appWidgetManager), 1, 60000);
  super.onUpdate(context, appWidgetManager, appWidgetIds);
 }
 
 
 private class MyTime extends TimerTask{
  RemoteViews remoteViews;
  AppWidgetManager appWidgetManager;
  ComponentName thisWidget;
  
  public MyTime(Context context,AppWidgetManager appWidgetManager){
   this.appWidgetManager = appWidgetManager;
   remoteViews = new RemoteViews(context.getPackageName(),R.layout.main);
   
   thisWidget = new ComponentName(context,WidetDemo.class);
  }
  public void run() {
   
   Date date = new Date();
   Calendar calendar = new GregorianCalendar(2010,06,11);
   long days = (((calendar.getTimeInMillis()-date.getTime())/1000))/86400;
   remoteViews.setTextViewText(R.id.wordcup, "距離南非世界盃還有" + days+"天");
   appWidgetManager.updateAppWidget(thisWidget, remoteViews);
   
  }
  
 }
 
}

七、修改配置文件AndroidManifest.xml,代碼如下:

view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>  
<manifest xmlns:android="http://schemas.android.com/apk/res/android
      package="com.android.tutor" 
      android:versionCode="1" 
      android:versionName="1.0">  
    <application android:icon="@drawable/icon" android:label="@string/app_name">  
        <receiver android:name=".WidetDemo" 
                  android:label="@string/app_name">  
            <intent-filter>  
                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />  
            </intent-filter>  
            <meta-data android:name="android.appwidget.provider" 
                       android:resource="@xml/widget_provider" 
            />  
        </receiver>  
    </application>  
    <uses-sdk android:minSdkVersion="7" />  
</manifest>  
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.android.tutor"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <receiver android:name=".WidetDemo"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
            </intent-filter>
            <meta-data android:name="android.appwidget.provider"
                 android:resource="@xml/widget_provider"
            />
        </receiver>
    </application>
    <uses-sdk android:minSdkVersion="7" />
</manifest> 

八、點擊運行(Ctrl+F11),之,運行成功後,我們長時間點擊桌面,會出現如下倆個,依次點擊,就可以看到最上面的效果圖:

 

 

本文來自CSDN博客,轉載請標明出處:http://blog.csdn.net/Android_Tutor/archive/2010/04/29/5544471.aspx

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章