Mastering Android Widget Development - Part2

Fri, 04/02/2010 - 07:32 | by gabor

SDK Version:

In Mastering Android Widget Development - Part1 we have gone trough the basics of appwidgets. Now we start to develop the example application, which couts time left to a given date.

First implement the configuration activity. It will contain a DatePicker, an OK button and a Cancel button, defined in the configuration.xml layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="vertical">
        <DatePicker android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/DatePicker">
        </DatePicker>
        
        <LinearLayout
        android:id="@+id/LinearLayout01";
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        
                <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/okbutton"
                android:text="OK"></Button>
                <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Cancel"
                android:id="@+id/cancelbutton"></Button>
        </LinearLayout>
</LinearLayout>

We store the choosen date in SharedPreferences, if OK is pressed, and cancel widget creation on cancel button.
The code below shows the configuration activity with comments.

package com.helloandroid.countdownexample;
 
import java.util.Date;
 
import android.app.Activity;
import android.appwidget.AppWidgetManager;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.DatePicker;
 
public class CountdownConfiguration extends Activity {
        private Context self = this;
        private int appWidgetId;
 
        @Override
        protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                // get the appWidgetId of the appWidget being configured
                Intent launchIntent = getIntent();
                Bundle extras = launchIntent.getExtras();
                appWidgetId = extras.getInt(AppWidgetManager.EXTRA_APPWIDGET_ID,
                                AppWidgetManager.INVALID_APPWIDGET_ID);
 
                // set the result for cancel first
                // if the user cancels, then the appWidget
                // should not appear
                Intent cancelResultValue = new Intent();
                cancelResultValue.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                                appWidgetId);
                setResult(RESULT_CANCELED, cancelResultValue);
                // show the user interface of configuration
                setContentView(R.layout.configuration);
 
                // the OK button
                Button ok = (Button) findViewById(R.id.okbutton);
                ok.setOnClickListener(new OnClickListener() {
                        @Override
                        public void onClick(View arg0) {
                                // get the date from DatePicker
                                DatePicker dp = (DatePicker) findViewById(R.id.DatePicker);
                                GregorianCalendar date = new GregorianCalendar(dp.getYear(), dp
                                                .getMonth(), dp.getDayOfMonth());
 
                                // save the goal date in SharedPreferences
                                // we can only store simple types only like long
                                // if multiple widget instances are placed
                                // each can have own goal date
                                // so store it under a name that contains appWidgetId
                                SharedPreferences prefs = self.getSharedPreferences("prefs", 0);
                                SharedPreferences.Editor edit = prefs.edit();
                                edit.putLong("goal" + appWidgetId, date.getTime());
                                edit.commit();
 
                                // change the result to OK
                                Intent resultValue = new Intent();
                                resultValue.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                                                appWidgetId);
                                setResult(RESULT_OK, resultValue);
                                // finish closes activity
                                // and sends the OK result
                                // the widget will be be placed on the home screen
                                finish();
                        }
                });
 
                // cancel button
                Button cancel = (Button) findViewById(R.id.cancelbutton);
                cancel.setOnClickListener(new OnClickListener() {
                        @Override
                        public void onClick(View arg0) {
                                // finish sends the already configured cancel result
                                // and closes activity
                                finish();
                        }
                });
        }
}

We must also register the activity in the AndroidManifest.xml:

<activity
android:name="CountdownConfiguration&quot;
android:label="@string/app_name">
<intent-filter>
    <action
        android:name="android.appwidget.action.APPWIDGET_CONFIGURE" />
    </intent-filter>
</activity>

Now, lets place something on the appWidget itself to be wisible.
We crate a layout for this named countdownwidget.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" android:orientation="vertical">
 
<TextView android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello!"></TextView>
</LinearLayout>

And for last today we show this layout on the widget with the code below in the CountdownWidget class onUpdate method.
It loops trough all of the given appwidgetIds and sets up the layout for each.

for (int appWidgetId : appWidgetIds) {
                RemoteViews remoteView = new RemoteViews(context.getPackageName(),
                                R.layout.countdownwidget);
                appWidgetManager.updateAppWidget(appWidgetId, remoteView);
        }
super.onUpdate(context, appWidgetManager, appWidgetIds);

To be continued...

Tags:

Bookmark/Search this post with

Comments

دردشة سورية دردشة

ameer | Tue, 01/03/2012 - 09:53.

دردشة سورية
دردشة لبنانية
دردشة عراقية
شات سوري
شات لبناني
دردشة سوريا
دردشة لبنان
شات سوريا
شات لبنان
دردشة السويدي
منتديات السويدي
اغاني عراقية
صور فنانين
الرياضة العراقية
شعراء العراق
نغمات عراقية
اغاني عربية
اغاني كردية
دردشة عراقية
دردشة بنات العراق
دردشة صبايا بغداد
دردشة البصره
دردشة بغداد
دردشة بغدادية
دردشة صبايا بغداد
دردشة شباب العراق
دردشة بنات العراق
دردشة الكرادة
دردشة دمشق
دردشة بيروت
دردشة حلب
دردشة حلب
دردشة عراقية
دردشة العراق
شات عراقي
جات عراقي
دردشه عراقيه
دردشة صبايا لبنان
دردشة بنات لبنان

شات صوتي | دردشة صوتية | كلام

nn7575 | Mon, 12/12/2011 - 16:58.

شات صوتي

Good

wenger backpack | Fri, 08/05/2011 - 22:14.

Good post. Very impressive. Thanks for sharing.
android tablet
wenger backpack

Thank you very much. I

JohnsonMichael | Tue, 08/02/2011 - 04:23.

Thank you very much. I couldn't find the second part of your article. Good job!
Mick from mobile app development

thanks

blogger91 | Fri, 07/22/2011 - 02:47.

thanks for your article its really great and useful
sportbike specifications SKEMA RANGKAIAN Electronic Circuit scolarship wireless car specifications gadget and computer car first look Motorcycle Modification sexi-stars. newlaptop circuits-audio electronic projects auto girl weapons system science kids gadget bikes walpaper mobil-wallpaper MODIFIKASI MOBIL plane-wallpaper celebsexypict artist-scandal sport-cars bikespict motor-modify sexi-model laptopharga gambar-artist fast-superbike autoshowmodel harga-kamera notebook-price diamonds-collections phones-gallery camera-prices home-pic audio-gallery autocarpict living-cares homes life-style

Thank you - the site very

marya2011 | Mon, 07/18/2011 - 17:46.

Thank you - the site very very nice
شات الحب - شات مصري - شات بنات مصر - شات صوتي - دردشة مصرية - شات مصرية - شات حب - شات - دردشة - Chat - love chat - دردشة الحب

توبيكات نونو توبيكات توبيكات

nono6com | Fri, 07/01/2011 - 03:40.

توبيكات نونو
توبيكات
توبيكات سعودي

شات صوتي
دردشة صوتية
شات كتابي

شات كتابي خليجي

شات عسل الصوتي

دردشة كتابية

chat
سعودي كول
سعودي كول 6666

دردشة صوتية سعوديه
دردشة صوتية سعودية

دردشة كتابية
دردشة كتابية خليجية
شات
دردشة
خاص للبنات

الخيال
الخيال كام
شبكة الخيال
الخيال الصوتي
الخيال الصوتية
دردشة الخيال
الخيال الصوتية
دردشة صوتية الخيال

بنت كول
بنت كول الصوتي
شات بنت كول

دردشة بنت كول
شات بنت كول الصوتية

بنت كول الصوتيه
سعودي كول
صوتية سعودي كول
شات سعودي كول
دردشة سعودي كول
سعودي كول الصوتي
سعودي كول 6666
سعودي كول6666
سكر بنات
شات صوتي زين
شات صوتي ملوك
شات صوتي سعودي
شاتات صوتيه
مكتبة ماسنجر
شات صوتي حبي
شات صوتي كويت
YouTube - Broadcast Yourself.‏ , اليوتيوب نونو
صيف كام
شات صوتي كول
شات انحراف
وه بس
خريطة الموقع نونو
الرياض كول الصوتي
كامات 6666
شات المها
كامات6666
شات كامات 6666
كامات 666
كامات 66
سعودي انحراف
شاتكامات6666
سعودي احوه
شات سعودي احوه
سعودي احوه الصوتي
سعودي احوه كول
دردشة سعودي احوه
احوه سعودي
بنات احوه
دبي الصوتي
سعودي في اي بي الصوتي
شبكة الرياض الصوتي
روعة الليل
لايف كام
الخليج كام
شات كان زمان الصوتي
شات صوتي قصيمي
شات قلبي
ارجوان
شات صوتي قطري
بدور الخليج

منتديات روح
دردشة
شات سعودي
خليجي
شات صوتي
توبيك
موقع توبيكات
سعودي كول 6666
سعودي انحراف 2011

سعودي كول
سعودي انحراف

thank you for information حجز

makkah | Sat, 06/25/2011 - 04:25.

thank you for information

حجز فنادق مكة
فنادق مكة

This article gives the light

wakthing | Fri, 06/03/2011 - 02:24.

This article gives the light in which we can observe the reality. this is very nice one and gives in-depth information. thanks for this nice article... Mercedes-Benz Mobil Mewah Terbaik Indonesia | Mercedes-Benz Mobil Mewah Terbaik Indonesia | Meriahkan pesta ulang tahun bersama GarudaFood | Mari Berkomunitas Di Faceblog | Harga Jual Blackberry iPhone Laptop Murah | Video Music | Mp3 | Beauty and Health

Property Investment

anjarsulistiyo | Mon, 05/30/2011 - 22:05.

This features that help you to have innovative customisation for Android unlock store. To unlock the phone, there is simple slide bar to unlock the phone. Widget locker gives two options to unlock the screen and make it a useful tool. First thing is that on unlock screen any android widget can be placed. Baju Muslim | Property Investment

android

rafaelarocci | Mon, 04/18/2011 - 21:28.

Android is a software stack for mobile devices that includes an operating system, middleware and key applications. business plan writing

Hosting

alvindos | Wed, 05/18/2011 - 08:10.

I was very pleased to find this site.I wanted to thank you for this great read.
vps hosting | forex vps

This features that help you

GSMKampanyalari | Sun, 04/10/2011 - 14:01.

This features that help you to have innovative customisation for Android unlock store.

Widget

anupriya28 | Tue, 03/29/2011 - 09:20.

glad there is part 2

ValerieHTaylor | Mon, 03/28/2011 - 02:56.

this is really helpful since im in too widgets. tax liens

We can give them a good

jibkiller | Mon, 03/21/2011 - 12:55.

We can give them a good education that they can use in their life to get a better chance in this life. Im sure with a good education all of us will see the changing that all that kids can have. Madaline Oceguera

I have been searching for

jibkiller | Sat, 03/19/2011 - 12:35.

I have been searching for some information about it almost three hours. You helped me a lot indeed and reading this your article I have found many new and useful information about this subject. the diet solution

اي فون, ايفون 4, سعر اي فون

AhmedSaber | Thu, 03/17/2011 - 04:46.

اي فون, ايفون 4, سعر اي فون 4, برنامج ايفون, IPhone

اي فون

اي فون 4

ايفون 4

ايفون

سعر اي فون

برنامج ايفون

IPhone

اي فون, ايفون 4, سعر اي فون 4, برنامج ايفون, IPhone

اي فون

اي فون 4

ايفون 4

ايفون

سعر اي فون

برنامج ايفون

IPhone

اعلانات عرب اي فون

اي فون

اخبار اي فون

برنامج اي فون

العاب اي فون

ثيمات اي فون

خلفيات اي فون

نغمات اي فون

اكسسوارات اي فون

سعر اي فون

منتدى الاي فون العام

اي فون

اي فون 4

ايفون 4

ايفون

سعر اي فون

برنامج ايفون

IPhone

اي فون, ايفون 4, سعر اي فون 4, برنامج ايفون, IPhone

اي فون

اي فون 4

ايفون 4

ايفون

سعر اي فون

برنامج ايفون

IPhone

اعلانات عرب اي فون

اي فون

اخبار اي فون

برنامج اي فون

العاب اي فون

ثيمات اي فون

خلفيات اي فون

نغمات اي فون

اكسسوارات اي فون

سعر اي فون

منتدى الاي فون العام

اي فون

تسريحات منتديات مكياج ازياء

alasiri | Fri, 03/04/2011 - 15:13.

تسريحات منتديات مكياج ازياء رسائل وسائط مسجات توبيكات وظيفة وظائف ديكور بلايز رجيم رشاقة حلويات معجنات نكت ديكورات لاين سبورت رمزيات صور رمزيه توبيكات ملونه صور العاب

how well thought out

Denas | Wed, 03/02/2011 - 06:02.

Oh, how well thought out. It is necessary to take advantage. Needed to keep pace with the age of 21! Beauty salon

Thank you for

rock1 | Sun, 02/27/2011 - 09:35.

I thank the very Code, which provides management services Almmmezp each member who participates Bmodia deals and the progress of the new and more Thank you
شات
دردشة
شات مصرى
شات مصرية
دردشة مصرية
دردشة مصر
منتديات بحبك
شات بنات
شات مصر
شات بنات مصر
العاب
دليل
اختصار روابط

Well, I am so excited that I

jibkiller | Thu, 02/24/2011 - 09:11.

Well, I am so excited that I have found this your post because I have been searching for some information about it almost three hours. You helped me a lot indeed and reading this your article I have found many new and useful information about this subject. the diet solution

We can give them a good

jibkiller | Thu, 02/10/2011 - 18:05.

pour ajouter un widget

johnmirro | Fri, 01/28/2011 - 05:03.

Bonjour, pour ajouter un widget à l’écran d’accueil de ton tel, il suffit d’appuyer 3 secondes sur l’ecran, une liste va alors s’afficher. il suffit de naviguer dans Applications, puis choisir celle qui t’intéresse.
tu verras alors le widget s’afficher sur l’ecran d’accueil.
Generique viagra generique, acheter clomid femme acheter clomid.

Mastering Android Widget Development - Part2

Comments

Main menu

New tutorials from Helloandroid

Recent Apps

Android on Twitter

Poll

Useful resources

Android Development Projects