实践--桌面小组件之天气小组件

来源：互联网发布：linux安装xz软件编辑：程序博客网时间：2024/04/28 05:11

首先感谢这篇博客的博主，通过他的博客才学会的如何使用小组件。
效果图如下
关于小组件的原理已经在 UI控件–桌面小组件（1）介绍过了，又需要的自行去浏览。

1.在res/xml下创建配置文件appwidget_provider.xml

<?xml version="1.0" encoding="utf-8"?><appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"    android:minWidth="250dp"    android:minHeight="50dp"    android:updatePeriodMillis="86400000"    android:initialLayout="@layout/layout_widget"></appwidget-provider>

2.配置文件布局appwidget_provider.xml

布局就是简单的相对布局和线性布局的简单组合

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@drawable/widget_bg"    android:orientation="vertical"    android:padding="5dp">    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_centerInParent="true">        <TextView            android:id="@+id/textView_widget_time"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="10:25"            android:textColor="@color/colorWhite"            android:textSize="50dp" />        <ImageView            android:id="@+id/imageView_widget_location"            android:layout_width="15dp"            android:layout_height="15dp"            android:layout_below="@+id/textView_widget_time"            android:layout_marginLeft="10dp"            android:layout_marginTop="3dp"            android:src="@mipmap/widget_local" />        <TextView            android:id="@+id/textView_widget_location"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_below="@+id/textView_widget_time"            android:layout_toRightOf="@+id/imageView_widget_location"            android:text="位置"            android:textColor="@color/colorWhite"            android:textSize="15dp" />        <ImageView            android:id="@+id/imageView_widget_weather_ic1"            android:layout_width="50dp"            android:layout_height="50dp"            android:layout_centerHorizontal="true"            android:layout_marginTop="20dp"            android:src="@mipmap/wind_power_pic" />        <TextView            android:id="@+id/textView_widget_avgTemp"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_marginTop="5dp"            android:text="30℃ 阴"            android:textColor="@color/colorWhite"            android:textSize="20dp" />        <TextView            android:id="@+id/textView_widget_lowHighTemp"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_below="@+id/textView_widget_avgTemp"            android:text="18/30℃"            android:textColor="@color/colorWhite"            android:textSize="20dp" />        <TextView            android:id="@+id/textView_widget_date"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_below="@+id/textView_widget_lowHighTemp"            android:text="4-24 星期日"            android:textColor="@color/colorWhite"            android:textSize="20dp" />    </RelativeLayout></RelativeLayout>

通过扩展系统类AppWidgetProvider来实现，主要是重写里面的函数来完成你所需要的功能。

这一部分是重点
由于这个组件是我写的一个天气相关的小软件里的，所以里面会有一些从数据库获取的数据操作，不过大体给相对控件设置内容的操作都是一个原理。

public class MyWedget01 extends AppWidgetProvider {    //这些是我的数数据库的获取数据的实例    private CoolWeatherDB coolWeatherDB;    private List<CountyWeather> listWeather;    @Override    public void onEnabled(Context context) {        super.onEnabled(context);    }    //初始化我的数据库相关的实例    private void initDB(Context context) {        coolWeatherDB = CoolWeatherDB.newInstance(context);        listWeather = coolWeatherDB.loadCountyWeather();    }    @Override    public void onUpdate(final Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {        super.onUpdate(context, appWidgetManager, appWidgetIds);        updateMywidget(context, appWidgetManager);    }    //update是我用来更新小组件上内容提取的一个方法    private void updateMywidget(Context context, AppWidgetManager appWidgetManager) {        initDB(context);        //定义了一个RemoteViews 实例，加载的布局就是我们刚刚定义的小组件的布局        RemoteViews rv = new RemoteViews(context.getPackageName(), R.layout.layout_widget);        //这些代码是不是看着很眼熟，没错，这里和自定义notification很是相似        //就是更具刚才定义的RemoteViews 设置其当中的各种子控件的内容，这里不用数据库，直接设置内容也是可以的        rv.setTextViewText(R.id.textView_widget_time, new SimpleDateFormat("hh:mm").format(System.currentTimeMillis()));        rv.setTextViewText(R.id.textView_widget_location, listWeather.get(0).getCitynm());        rv.setTextViewText(R.id.textView_widget_avgTemp, ((Integer.parseInt(listWeather.get(0).getTemp_high()) + (Integer.parseInt(listWeather.get(0).getTemp_low()))) / 2) + "℃ " + listWeather.get(0).getWeather());        rv.setTextViewText(R.id.textView_widget_lowHighTemp, listWeather.get(0).getTemp_low() + "/" + listWeather.get(0).getTemp_high() + "℃");        String date = listWeather.get(0).getDays().substring(5, 10);        rv.setTextViewText(R.id.textView_widget_date, date + " " + listWeather.get(0).getWeek());        String weather;        //下面这就是我根据天气的不同，来加载不同的图片，显示在小控件上的操作        if (listWeather.get(0).getWeather().contains("转")) {            weather = listWeather.get(0).getWeather().substring(0, listWeather.get(0).getWeather().indexOf("转"));        } else {            weather = listWeather.get(0).getWeather();        }        if (weather.contains("晴")) {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_sunnay);        } else if (weather.contains("雨")) {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_yu);        } else if (weather.contains("雪")) {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_xue);        } else if (weather.contains("霾")) {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_mai);        } else if (weather.contains("多云")) {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_duoyun);        } else if (weather.contains("阴")) {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_yintian);        } else {            rv.setImageViewResource(R.id.imageView_widget_weather_ic1, R.mipmap.icon_duoyun);        }        //最后，调用调用组件管理器的修改所有小组件，让刚才的更改生效        ComponentName componentName = new ComponentName(context, MyWedget01.class);        appWidgetManager.updateAppWidget(componentName, rv);    }    @Override    public void onDeleted(Context context, int[] appWidgetIds) {        super.onDeleted(context, appWidgetIds);    }    //我们在一篇博客中说过，小组件是基于广播实现的，所以它可以接受广播并处理，我在这里的处理是我收到广播后，就更新小组件    public void onReceive(Context context, Intent intent) {        super.onReceive(context, intent);        AppWidgetManager appWidgetManager = AppWidgetManager.getInstance(context);        updateMywidget(context, appWidgetManager);    }}

小组件是基于广播的，所以必须在AndroidManifest文件中注册

android.appwidget.action.APPWIDGET_UPDATE
是系统定义的小组件的广播

        <receiver            android:name=".widget.MyWedget01"            android:label="电雨天气4*1">            <intent-filter>                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />                <category android:name="android.intent.category.DEFAULT" />            </intent-filter>            <meta-data                android:name="android.appwidget.provider"                android:resource="@xml/appwidget_provider01" />        </receiver>

大概代码就是这些
小组件的点击事件我没写实现，基本实现和notification是一样的
通过PendingIntent我们可以发送官博，开启活动等等。

          Intent intent = new Intent("update_appwidget_textview");          intent.putExtra("appWidgetId", appWidgetId);          PendingIntent pendingIntent = PendingIntent.getBroadcast(context, 0, intent,                           PendingIntent.FLAG_CANCEL_CURRENT);          点击按钮将触发广播，当前接收器将即时接收和处理广播消息          views.setOnClickPendingIntent(R.id.mybutton, pendingIntent);

小补充，要实现时间实时变化，我们需要接收系统的时间变化的广播

系统时间变化的Action
android.intent.action.TIME_TICK
需要注意的是，这个接收系统时间变化的广播，只能在代码动态注册，静态注册不会接收相应的广播动作，并且这个广播是分钟改变才会发送的，秒的变化不会发送广播的

0 0