此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

您现在的位置: 智可网 - 程序开发 - Android开发 - android高级开发 - 正文
Android高手进阶教程(八)之----Android Widget开发案例(世界杯倒计时!)
教程录入:admin    责任编辑:quan 作者:佚名 文章来源:weizhulin.blog.51cto
今天我们要写一下android Widget的开发,由于快点凌晨,我就不说的太具体了,同志们就模仿吧!首先看一下效果图:
 
下面是Demo的详细步骤:
一、新建一个android工程命名为:WidgetDemo.
 
二、准备素材,一个是Widget的图标,一个是Widget的背景。存放目录如下图:
 
三、修改string.XML文件如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <resources>     
  4.     <string name="hello">Hello World, WidetDemo!</string>     
  5.     <string name="app_name">DaysToWorldCup</string>     
  6. </resources>    
  7. <?XML version="1.0" encoding="utf-8"?> 
  8. <resources> 
  9.     <string name="hello">Hello World, WidetDemo!</string> 
  10.     <string name="app_name">DaysToWorldCup</string> 
  11. </resources> 
 
四、建立Widget内容提供者文件,我们在res下建立xml文件夹,并且新建一个widget_provider.XML代码入下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <appwidget-provider XMLns:android="http://schemas.android.com/apk/res/android"    
  4.     android:minWidth="50dip"    
  5.     android:minHeight="50dip"    
  6.     android:updatePeriodMillis="10000"    
  7.     android:initialLayout="@layout/main"    
  8. />     
  9. <?XML version="1.0" encoding="utf-8"?> 
  10. <appwidget-provider XMLns:android="http://schemas.android.com/apk/res/android" 
  11.  android:minWidth="50dip" 
  12.  android:minHeight="50dip" 
  13.  android:updatePeriodMillis="10000" 
  14.  android:initialLayout="@layout/main" 
  15. />    
五、修改main.XML布局,代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <LinearLayout XMLns:android="http://schemas.android.com/apk/res/android"    
  4.     android:orIEntation="vertical"    
  5.     android:layout_width="fill_parent"    
  6.     android:layout_height="fill_parent"    
  7.     android:background="@drawable/Wordcup"    
  8.     >     
  9. <TextVIEw       
  10.     android:id="@+id/Wordcup"    
  11.     android:layout_width="fill_parent"      
  12.     android:layout_height="wrap_content"      
  13.     android:text="@string/hello"    
  14.     android:textSize="12px"    
  15.     android:textColor="#ff0000"    
  16.     />     
  17. </LinearLayout>    
  18. <?XML version="1.0" encoding="utf-8"?>  
  19. <LinearLayout XMLns:android="http://schemas.android.com/apk/res/android" 
  20.     android:orIEntation="vertical" 
  21.     android:layout_width="fill_parent" 
  22.     android:layout_height="fill_parent" 
  23.     android:background="@drawable/Wordcup" 
  24.     >  
  25. <TextVIEw    
  26.  android:id="@+id/Wordcup" 
  27.     android:layout_width="fill_parent"   
  28.     android:layout_height="wrap_content"   
  29.     android:text="@string/hello" 
  30.   android:textSize="12px" 
  31.     android:textColor="#ff0000" 
  32.     />  
  33. </LinearLayout>  
  34.    
  35. 六、修改WidgetDemo.Java代码如下:  
  36. vIEw plaincopy to clipboardprint?  
  37. package com.android.tutor;     
  38. import Java.util.Calendar;     
  39. import Java.util.Date;     
  40. import Java.util.GregorianCalendar;     
  41. import Java.util.Timer;     
  42. import Java.util.TimerTask;     
  43. import android.appwidget.AppWidgetManager;     
  44. import android.appwidget.AppWidgetProvider;     
  45. import android.content.ComponentName;     
  46. import android.content.Context;     
  47. import android.widget.RemoteVIEws;     
  48. public class WidetDemo extends AppWidgetProvider {     
  49.     /** Called when the activity is first created. */    
  50.        
  51.     @Override    
  52.     public void onUpdate(Context context, AppWidgetManager appWidgetManager,     
  53.             int[] appWidgetIds) {     
  54.              
  55.         Timer timer = new Timer();     
  56.         timer.scheduleAtFixedRate(new MyTime(context,appWidgetManager), 160000);     
  57.         super.onUpdate(context, appWidgetManager, appWidgetIds);     
  58.     }     
  59.          
  60.          
  61.     private class MyTime extends TimerTask{     
  62.         RemoteViews remoteVIEws;     
  63.         AppWidgetManager appWidgetManager;     
  64.         ComponentName thisWidget;     
  65.              
  66.         public MyTime(Context context,AppWidgetManager appWidgetManager){     
  67.             this.appWidgetManager = appWidgetManager;     
  68.             remoteVIEws = new RemoteVIEws(context.getPackageName(),R.layout.main);     
  69.                  
  70.             thisWidget = new ComponentName(context,WidetDemo.class);     
  71.         }     
  72.         public void run() {     
  73.                  
  74.             Date date = new Date();     
  75.             Calendar calendar = new GregorianCalendar(2010,06,11);     
  76.             long days = (((calendar.getTimeInMillis()-date.getTime())/1000))/86400;     
  77.             remoteViews.setTextVIEwText(R.id.Wordcup, "距离南非世界杯还有" + days+"天");     
  78.             appWidgetManager.updateAppWidget(thisWidget, remoteVIEws);     
  79.                  
  80.         }     
  81.              
  82.     }     
  83.        
  84. }    
  85. package com.android.tutor;  
  86. import Java.util.Calendar;  
  87. import Java.util.Date;  
  88. import Java.util.GregorianCalendar;  
  89. import Java.util.Timer;  
  90. import Java.util.TimerTask;  
  91. import android.appwidget.AppWidgetManager;  
  92. import android.appwidget.AppWidgetProvider;  
  93. import android.content.ComponentName;  
  94. import android.content.Context;  
  95. import android.widget.RemoteVIEws;  
  96. public class WidetDemo extends AppWidgetProvider {  
  97.     /** Called when the activity is first created. */ 
  98.     
  99.  @Override 
  100.  public void onUpdate(Context context, AppWidgetManager appWidgetManager,  
  101.    int[] appWidgetIds) {  
  102.     
  103.   Timer timer = new Timer();  
  104.   timer.scheduleAtFixedRate(new MyTime(context,appWidgetManager), 160000);  
  105.   super.onUpdate(context, appWidgetManager, appWidgetIds);  
  106.  }  
  107.    
  108.    
  109.  private class MyTime extends TimerTask{  
  110.   RemoteViews remoteVIEws;  
  111.   AppWidgetManager appWidgetManager;  
  112.   ComponentName thisWidget;  
  113.     
  114.   public MyTime(Context context,AppWidgetManager appWidgetManager){  
  115.    this.appWidgetManager = appWidgetManager;  
  116.    remoteVIEws = new RemoteVIEws(context.getPackageName(),R.layout.main);  
  117.      
  118.    thisWidget = new ComponentName(context,WidetDemo.class);  
  119.   }  
  120.   public void run() {  
  121.      
  122.    Date date = new Date();  
  123.    Calendar calendar = new GregorianCalendar(2010,06,11);  
  124.    long days = (((calendar.getTimeInMillis()-date.getTime())/1000))/86400;  
  125.    remoteViews.setTextVIEwText(R.id.Wordcup, "距离南非世界杯还有" + days+"天");  
  126.    appWidgetManager.updateAppWidget(thisWidget, remoteVIEws);  
  127.      
  128.   }  
  129.     
  130.  }  
  131.     
  132. }   
七、修改配置文件androidManifest.XML,代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <manifest XMLns:android="http://schemas.android.com/apk/res/android"    
  4.       package="com.android.tutor"    
  5.       android:versionCode="1"    
  6.       android:versionName="1.0">     
  7.     <application android:icon="@drawable/icon" android:label="@string/app_name">     
  8.         <receiver android:name=".WidetDemo"    
  9.                   android:label="@string/app_name">     
  10.             <intent-filter>     
  11.                 <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />     
  12.             </intent-filter>     
  13.             <meta-data android:name="android.appwidget.provider"    
  14.                        android:resource="@XML/widget_provider"    
  15.             />     
  16.         </receiver>     
  17.     </application>     
  18.     <uses-sdk android:minSdkVersion="7" />     
  19. </manifest>     
  20. <?XML version="1.0" encoding="utf-8"?> 
  21. <manifest XMLns:android="http://schemas.android.com/apk/res/android" 
  22.       package="com.android.tutor" 
  23.       android:versionCode="1" 
  24.       android:versionName="1.0"> 
  25.     <application android:icon="@drawable/icon" android:label="@string/app_name"> 
  26.         <receiver android:name=".WidetDemo" 
  27.                   android:label="@string/app_name"> 
  28.             <intent-filter> 
  29.                 <action android:name="android.appwidget.action.APPWIDGET_UPDATE" /> 
  30.             </intent-filter> 
  31.             <meta-data android:name="android.appwidget.provider" 
  32.                  android:resource="@XML/widget_provider" 
  33.             /> 
  34.         </receiver> 
  35.     </application> 
  36.     <uses-sdk android:minSdkVersion="7" /> 
  37. </manifest>    
八、点击运行(Ctrl+F11),之,运行成功后,我们长时间点击桌面,会出现如下俩个,依次点击,就可以看到最上面的效果图:
 
今天就到这里了,我困了呵呵,我发现时间好像不对劲,lol~我也不去多想了,大家知道的告诉我下!对日历这些东西不是太了解,谢谢!!
分享
打赏我
打开支付宝"扫一扫" 打开微信"扫一扫"
客户端
"扫一扫"下载智可网App
意见反馈
Android高手进阶教程(八)之----Android Widget开发案例(世界杯倒计时!)
作者:佚名 来源:weizhulin.blog.51cto
今天我们要写一下android Widget的开发,由于快点凌晨,我就不说的太具体了,同志们就模仿吧!首先看一下效果图:
 
下面是Demo的详细步骤:
一、新建一个android工程命名为:WidgetDemo.
 
二、准备素材,一个是Widget的图标,一个是Widget的背景。存放目录如下图:
 
三、修改string.XML文件如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <resources>     
  4.     <string name="hello">Hello World, WidetDemo!</string>     
  5.     <string name="app_name">DaysToWorldCup</string>     
  6. </resources>    
  7. <?XML version="1.0" encoding="utf-8"?> 
  8. <resources> 
  9.     <string name="hello">Hello World, WidetDemo!</string> 
  10.     <string name="app_name">DaysToWorldCup</string> 
  11. </resources> 
 
四、建立Widget内容提供者文件,我们在res下建立xml文件夹,并且新建一个widget_provider.XML代码入下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <appwidget-provider XMLns:android="http://schemas.android.com/apk/res/android"    
  4.     android:minWidth="50dip"    
  5.     android:minHeight="50dip"    
  6.     android:updatePeriodMillis="10000"    
  7.     android:initialLayout="@layout/main"    
  8. />     
  9. <?XML version="1.0" encoding="utf-8"?> 
  10. <appwidget-provider XMLns:android="http://schemas.android.com/apk/res/android" 
  11.  android:minWidth="50dip" 
  12.  android:minHeight="50dip" 
  13.  android:updatePeriodMillis="10000" 
  14.  android:initialLayout="@layout/main" 
  15. />    
五、修改main.XML布局,代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <LinearLayout XMLns:android="http://schemas.android.com/apk/res/android"    
  4.     android:orIEntation="vertical"    
  5.     android:layout_width="fill_parent"    
  6.     android:layout_height="fill_parent"    
  7.     android:background="@drawable/Wordcup"    
  8.     >     
  9. <TextVIEw       
  10.     android:id="@+id/Wordcup"    
  11.     android:layout_width="fill_parent"      
  12.     android:layout_height="wrap_content"      
  13.     android:text="@string/hello"    
  14.     android:textSize="12px"    
  15.     android:textColor="#ff0000"    
  16.     />     
  17. </LinearLayout>    
  18. <?XML version="1.0" encoding="utf-8"?>  
  19. <LinearLayout XMLns:android="http://schemas.android.com/apk/res/android" 
  20.     android:orIEntation="vertical" 
  21.     android:layout_width="fill_parent" 
  22.     android:layout_height="fill_parent" 
  23.     android:background="@drawable/Wordcup" 
  24.     >  
  25. <TextVIEw    
  26.  android:id="@+id/Wordcup" 
  27.     android:layout_width="fill_parent"   
  28.     android:layout_height="wrap_content"   
  29.     android:text="@string/hello" 
  30.   android:textSize="12px" 
  31.     android:textColor="#ff0000" 
  32.     />  
  33. </LinearLayout>  
  34.    
  35. 六、修改WidgetDemo.Java代码如下:  
  36. vIEw plaincopy to clipboardprint?  
  37. package com.android.tutor;     
  38. import Java.util.Calendar;     
  39. import Java.util.Date;     
  40. import Java.util.GregorianCalendar;     
  41. import Java.util.Timer;     
  42. import Java.util.TimerTask;     
  43. import android.appwidget.AppWidgetManager;     
  44. import android.appwidget.AppWidgetProvider;     
  45. import android.content.ComponentName;     
  46. import android.content.Context;     
  47. import android.widget.RemoteVIEws;     
  48. public class WidetDemo extends AppWidgetProvider {     
  49.     /** Called when the activity is first created. */    
  50.        
  51.     @Override    
  52.     public void onUpdate(Context context, AppWidgetManager appWidgetManager,     
  53.             int[] appWidgetIds) {     
  54.              
  55.         Timer timer = new Timer();     
  56.         timer.scheduleAtFixedRate(new MyTime(context,appWidgetManager), 160000);     
  57.         super.onUpdate(context, appWidgetManager, appWidgetIds);     
  58.     }     
  59.          
  60.          
  61.     private class MyTime extends TimerTask{     
  62.         RemoteViews remoteVIEws;     
  63.         AppWidgetManager appWidgetManager;     
  64.         ComponentName thisWidget;     
  65.              
  66.         public MyTime(Context context,AppWidgetManager appWidgetManager){     
  67.             this.appWidgetManager = appWidgetManager;     
  68.             remoteVIEws = new RemoteVIEws(context.getPackageName(),R.layout.main);     
  69.                  
  70.             thisWidget = new ComponentName(context,WidetDemo.class);     
  71.         }     
  72.         public void run() {     
  73.                  
  74.             Date date = new Date();     
  75.             Calendar calendar = new GregorianCalendar(2010,06,11);     
  76.             long days = (((calendar.getTimeInMillis()-date.getTime())/1000))/86400;     
  77.             remoteViews.setTextVIEwText(R.id.Wordcup, "距离南非世界杯还有" + days+"天");     
  78.             appWidgetManager.updateAppWidget(thisWidget, remoteVIEws);     
  79.                  
  80.         }     
  81.              
  82.     }     
  83.        
  84. }    
  85. package com.android.tutor;  
  86. import Java.util.Calendar;  
  87. import Java.util.Date;  
  88. import Java.util.GregorianCalendar;  
  89. import Java.util.Timer;  
  90. import Java.util.TimerTask;  
  91. import android.appwidget.AppWidgetManager;  
  92. import android.appwidget.AppWidgetProvider;  
  93. import android.content.ComponentName;  
  94. import android.content.Context;  
  95. import android.widget.RemoteVIEws;  
  96. public class WidetDemo extends AppWidgetProvider {  
  97.     /** Called when the activity is first created. */ 
  98.     
  99.  @Override 
  100.  public void onUpdate(Context context, AppWidgetManager appWidgetManager,  
  101.    int[] appWidgetIds) {  
  102.     
  103.   Timer timer = new Timer();  
  104.   timer.scheduleAtFixedRate(new MyTime(context,appWidgetManager), 160000);  
  105.   super.onUpdate(context, appWidgetManager, appWidgetIds);  
  106.  }  
  107.    
  108.    
  109.  private class MyTime extends TimerTask{  
  110.   RemoteViews remoteVIEws;  
  111.   AppWidgetManager appWidgetManager;  
  112.   ComponentName thisWidget;  
  113.     
  114.   public MyTime(Context context,AppWidgetManager appWidgetManager){  
  115.    this.appWidgetManager = appWidgetManager;  
  116.    remoteVIEws = new RemoteVIEws(context.getPackageName(),R.layout.main);  
  117.      
  118.    thisWidget = new ComponentName(context,WidetDemo.class);  
  119.   }  
  120.   public void run() {  
  121.      
  122.    Date date = new Date();  
  123.    Calendar calendar = new GregorianCalendar(2010,06,11);  
  124.    long days = (((calendar.getTimeInMillis()-date.getTime())/1000))/86400;  
  125.    remoteViews.setTextVIEwText(R.id.Wordcup, "距离南非世界杯还有" + days+"天");  
  126.    appWidgetManager.updateAppWidget(thisWidget, remoteVIEws);  
  127.      
  128.   }  
  129.     
  130.  }  
  131.     
  132. }   
七、修改配置文件androidManifest.XML,代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0" encoding="utf-8"?>     
  3. <manifest XMLns:android="http://schemas.android.com/apk/res/android"    
  4.       package="com.android.tutor"    
  5.       android:versionCode="1"    
  6.       android:versionName="1.0">     
  7.     <application android:icon="@drawable/icon" android:label="@string/app_name">     
  8.         <receiver android:name=".WidetDemo"    
  9.                   android:label="@string/app_name">     
  10.             <intent-filter>     
  11.                 <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />     
  12.             </intent-filter>     
  13.             <meta-data android:name="android.appwidget.provider"    
  14.                        android:resource="@XML/widget_provider"    
  15.             />     
  16.         </receiver>     
  17.     </application>     
  18.     <uses-sdk android:minSdkVersion="7" />     
  19. </manifest>     
  20. <?XML version="1.0" encoding="utf-8"?> 
  21. <manifest XMLns:android="http://schemas.android.com/apk/res/android" 
  22.       package="com.android.tutor" 
  23.       android:versionCode="1" 
  24.       android:versionName="1.0"> 
  25.     <application android:icon="@drawable/icon" android:label="@string/app_name"> 
  26.         <receiver android:name=".WidetDemo" 
  27.                   android:label="@string/app_name"> 
  28.             <intent-filter> 
  29.                 <action android:name="android.appwidget.action.APPWIDGET_UPDATE" /> 
  30.             </intent-filter> 
  31.             <meta-data android:name="android.appwidget.provider" 
  32.                  android:resource="@XML/widget_provider" 
  33.             /> 
  34.         </receiver> 
  35.     </application> 
  36.     <uses-sdk android:minSdkVersion="7" /> 
  37. </manifest>    
八、点击运行(Ctrl+F11),之,运行成功后,我们长时间点击桌面,会出现如下俩个,依次点击,就可以看到最上面的效果图:
 
今天就到这里了,我困了呵呵,我发现时间好像不对劲,lol~我也不去多想了,大家知道的告诉我下!对日历这些东西不是太了解,谢谢!!