Appliquer style particulier sur un item d'une liste

Version imprimable

Bonjour,

Je développe actuellement un widget qui comporte une liste d'items. Aujorud'hui, le chargement de cette liste est faite à l'aide de données qui sont pour le moment stockées dans un tableau multidimensionnel. Dans ce tableau se trouve un champ (repertoire[i][5]) qui est une chaine égale à true ou false.

Je souhaiterai effectuer un traitement sur cette chaine et affecter un un textview présent dans chaque item de ma liste dans mon widget, la couleur verte si la chaine est égale à true et rouge sinon. Je ne sais pas ou positionner mon code pour opérer mon traitement.

Aujourd'hui, je l'ai fait dans la méthode onCreate() et getViewAt() mais ce traitement est opéré que pour le premier item de la liste. Comment pouvoir l'appliquer à l'ensemble des éléments ?

Voici le code de ma classe monWidgetService.java :

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
 
import java.util.ArrayList;
import java.util.List;
import android.appwidget.AppWidgetManager;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.widget.RemoteViews;
import android.widget.RemoteViewsService;
 
public class StackWidgetService extends RemoteViewsService {
    @Override
    public RemoteViewsFactory onGetViewFactory(Intent intent) {
        return new StackRemoteViewsFactory(this.getApplicationContext(), intent);
    }
}
 
class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {
    private static int mCount;
    private List<WidgetItem> mWidgetItems = new ArrayList<WidgetItem>();
    private Context mContext;
    private int mAppWidgetId;
    public Boolean isFinished = false;
 
    public StackRemoteViewsFactory(Context context, Intent intent) {
        mContext = context;
        mAppWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                AppWidgetManager.INVALID_APPWIDGET_ID);
    }
 
    public void onCreate() {
        // In onCreate() you setup any connections / cursors to your data source. Heavy lifting,
        // for example downloading or creating content etc, should be deferred to onDataSetChanged()
        // or getViewAt(). Taking more than 20 seconds in this call will result in an ANR.
 
    	String[][] repertoire = new String[][]{
                {"HP Touchpad", "descriptionHP", "http://google.frfrfr", "99€", "80€", "true"},
                {"test1", "desc1", "http://monsite1.fr", "10€", "80€", "false"},
                {"test2", "desc2", "http://monsite2.fr", "20€", "80€", "true"},
                {"test3", "desc3", "http://monsite3.fr", "20€", "80€", "true"},
                {"test4", "desc4", "http://monsite4.fr", "20€", "80€", "false"},
                {"test5", "desc5", "http://monsite5.fr", "20€", "80€", "true"},
                {"test5", "desc6", "http://monsite6.fr", "20€", "80€", "false"}};
 
    	mCount = repertoire.length;
 
        for (int i = 0; i < repertoire.length; i++) {
            mWidgetItems.add(new WidgetItem(repertoire[i][0], repertoire[i][1], repertoire[i][2], repertoire[i][3], repertoire[i][4], repertoire[i][5]));
            if (repertoire[i][5] == "true"){
            	isFinished = true;
            }
            else {
            	isFinished = false;
            }
        }
 
        // We sleep for 3 seconds here to show how the empty view appears in the interim.
        // The empty view is set in the StackWidgetProvider and should be a sibling of the
        // collection view.
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
 
    public void onDestroy() {
        // In onDestroy() you should tear down anything that was setup for your data source,
        // eg. cursors, connections, etc.
        mWidgetItems.clear();
    }
 
    public int getCount() {
        return mCount;
    }
 
    public RemoteViews getViewAt(int position) {
        // position will always range from 0 to getCount() - 1.
 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
        RemoteViews rv = new RemoteViews(mContext.getPackageName(), R.layout.widget_item);
        rv.setTextViewText(R.id.titre, mWidgetItems.get(position).titre);
        rv.setTextViewText(R.id.description, mWidgetItems.get(position).description);
        rv.setTextViewText(R.id.url, mWidgetItems.get(position).site);
        rv.setTextViewText(R.id.ancienprix, mWidgetItems.get(position).ancienprix);
        rv.setTextViewText(R.id.nouveauprix, mWidgetItems.get(position).nouveauPrix);
 
        if (isFinished == false) {
        	rv.setInt(R.id.isFinished, "setBackgroundColor", android.graphics.Color.GREEN);
        } else {
        	rv.setInt(R.id.isFinished, "setBackgroundColor", android.graphics.Color.RED);
        }
 
        // Next, we set a fill-intent which will be used to fill-in the pending intent template
        // which is set on the collection view in StackWidgetProvider.
        Bundle extras = new Bundle();
        extras.putInt(StackWidgetProvider.EXTRA_ITEM, position);
        Intent fillInIntent = new Intent();
        fillInIntent.putExtras(extras);
        rv.setOnClickFillInIntent(R.id.titre, fillInIntent);
        rv.setOnClickFillInIntent(R.id.description, fillInIntent);
        rv.setOnClickFillInIntent(R.id.url, fillInIntent);
        rv.setOnClickFillInIntent(R.id.ancienprix, fillInIntent);
        rv.setOnClickFillInIntent(R.id.nouveauprix, fillInIntent);
 
        // You can do heaving lifting in here, synchronously. For example, if you need to
        // process an image, fetch something from the network, etc., it is ok to do it here,
        // synchronously. A loading view will show up in lieu of the actual contents in the
        // interim.
        try {
            System.out.println("Loading view " + position);
            Thread.sleep(500);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
 
        // Return the remote views object.
        return rv;
    }
 
    public RemoteViews getLoadingView() {
        // You can create a custom loading view (for instance when getViewAt() is slow.) If you
        // return null here, you will get the default loading view.
        return null;
    }
 
    public int getViewTypeCount() {
        return 1;
    }
 
    public long getItemId(int position) {
        return position;
    }
 
    public boolean hasStableIds() {
        return true;
    }
 
    public void onDataSetChanged() {
        // This is triggered when you call AppWidgetManager notifyAppWidgetViewDataChanged
        // on the collection view corresponding to this factory. You can do heaving lifting in
        // here, synchronously. For example, if you need to process an image, fetch something
        // from the network, etc., it is ok to do it here, synchronously. The widget will remain
        // in its current state while work is being done here, so you don't need to worry about
        // locking up the widget.
    }
}

19/09/2012, 17h55
Hephaistos007

J'aurais plutôt redéfini la méthode getView de l'Adapter pour y gérer cela.
19/09/2012, 19h38
gégé140488

Merci pour votre réponse.

Pouvez-vous me donner un exemple sur mon cas svp en utilisant le getview?

@Hephaistos
Mais y a pas d'adapter là... on est dans un stacked widget.... pas d'Adapter... mais un StackRemoteViewsFactory... (qui ressemble beaucoup à un adapter ceci dit).

A quoi sert le "public Boolean isFinished = false;"
(au passage, Eclipse devrait mettre un warning "auto-boxing").... la déclaration correcte étant:
"public Boolean isFinished = Boolean.FALSE;" (objet, nullable)
ou
"public boolean isFinished = false;" (base-type)

Quel est l'interêt du:
Code:

1 2 3 4 5 6 try { Thread.sleep(3000); } catch (InterruptedException e) { e.printStackTrace(); }
d'autant que la fonction getLoadingView() renvoit null ?

Il me semble que le code a un soucis... il y a un boolean isFinished pour tout le factory.... et qui est utilisé pour toutes les views (getViewAt)... donc tous les éléments seront de la même couleur....

En fait, tout le code du onCreate me semble étrange....On dirait que la signature du constructeur de WidgetItem soit:
Code:

1 2 public WidgetItem(String name, String desc, Stirng url, String newPrice, String oldPrice, String ended)
A mon avis il serait plus judicieux de bénéficier du typage fort de Java:
Code:

1 2 public WidgetItem(String name, String desc, URL url, BigDecimal amount1, BigDecimal amount2, Currency currency, boolean ended)
Ensuite le code du onCreate commence par parser une double array de String pour créer des WidgetItem...
Pourquoi ne pas simplement avoir:
Code:

1 2 3 4 5 6 mWidgetItems = new WidgetItem[] { new WidgetItem("HP Touchpad", "descriptionHP", new URL("http://google.frfrfr"), new BigDecimal(99), new BigDecimal(80), true), new WidgetItem("test1", "desc1", new URL("http://monsite1.fr"), new BigDecimal(10), new BigDecimal(80), false), ... };
Et dans le code de getViewAt():
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 public RemoteViews getViewAt(int position) { // position will always range from 0 to getCount() - 1. WidgetItem item = mWidgetItems[position]; NumberFormat formatter = NumberFormat.getCurrencyInstance(); formatter.setCurrency(item.currency); // We construct a remote views item based on our widget item xml file, and set the // text based on the position. RemoteViews rv = new RemoteViews(mContext.getPackageName(), R.layout.widget_item); rv.setTextViewText(R.id.titre, item.titre); rv.setTextViewText(R.id.description, item.description); rv.setTextViewText(R.id.url, item.url.toString()); rv.setTextViewText(R.id.ancienprix, formatter.format(mContext.ancienprix)); rv.setTextViewText(R.id.nouveauprix, formatter.format(nouveauPrix)); rv.setInt(R.id.isFinished, "setBackgroundColor", item.ended ? android.graphics.Color.RED : android.graphics.Color.GREEN); }

Bonjour et d'abord merci pour ta réponse complète.

J'ai suivi tes conseils, pour le typage, j'ai cependant gardé un String pour les prix 1 et 2 car je ne sais pas encore trop comment je vais les gérer.

Cependant, après avoir fait tes modifs, rien ne s'affiche dans la listeiew de mon widget. J'ai vu que tu avais utilisé un tableau pour mWidgetItems, pour ma part j'utilisais une liste :

Code:

private List<WidgetItem> mWidgetItems = new ArrayList<WidgetItem>();

J'ai donc adapté un peut le code que tu avais fait mais aucun item ne s'affiche.

Voici le code de la classe WidgetItem :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
import java.net.URL;
 
public class WidgetItem {
    public String titre, description ;
    URL site;
    String ancienprix, nouveauPrix;
    boolean ended;
 
 
    public WidgetItem(String titre, String description, URL site, String ancienprix, String nouveauPrix, boolean ended) {
        this.titre = titre;
        this.description = description;
        this.site = site;
        this.ancienprix = ancienprix;
        this.nouveauPrix = nouveauPrix;
        this.ended = ended;
    }
}

Et celui de StackWidgetService.java :

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
 
import java.util.ArrayList;
import java.util.List;
import android.appwidget.AppWidgetManager;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.widget.RemoteViews;
import android.widget.RemoteViewsService;
 
import java.net.MalformedURLException;
import java.net.URL;
 
public class StackWidgetService extends RemoteViewsService {
    @Override
    public RemoteViewsFactory onGetViewFactory(Intent intent) {
        return new StackRemoteViewsFactory(this.getApplicationContext(), intent);
    }
}
 
class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {
    private static int mCount;
    private List<WidgetItem> mWidgetItems = new ArrayList<WidgetItem>();
    private Context mContext;
    private int mAppWidgetId;
    public Boolean isFinished = false;
 
    public StackRemoteViewsFactory(Context context, Intent intent) {
        mContext = context;
        mAppWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                AppWidgetManager.INVALID_APPWIDGET_ID);
    }
 
    public void onCreate() {
        // In onCreate() you setup any connections / cursors to your data source. Heavy lifting,
        // for example downloading or creating content etc, should be deferred to onDataSetChanged()
        // or getViewAt(). Taking more than 20 seconds in this call will result in an ANR.
 
 
    	try {
			mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
		} catch (MalformedURLException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
 
        // We sleep for 3 seconds here to show how the empty view appears in the interim.
        // The empty view is set in the StackWidgetProvider and should be a sibling of the
        // collection view.
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
 
    public void onDestroy() {
        // In onDestroy() you should tear down anything that was setup for your data source,
        // eg. cursors, connections, etc.
        mWidgetItems.clear();
    }
 
    public int getCount() {
        return mCount;
    }
 
    public RemoteViews getViewAt(int position) {
        // position will always range from 0 to getCount() - 1.
 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
 
        WidgetItem item = mWidgetItems.get(position); 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
        RemoteViews rv = new RemoteViews(mContext.getPackageName(), R.layout.widget_item);
        rv.setTextViewText(R.id.titre, item.titre);
        rv.setTextViewText(R.id.description, item.description);
        rv.setTextViewText(R.id.url, item.site.toString()); 
        rv.setTextViewText(R.id.ancienprix, item.ancienprix);
        rv.setTextViewText(R.id.nouveauprix, item.nouveauPrix);
        rv.setInt(R.id.isFinished, "setBackgroundColor", item.ended ? android.graphics.Color.RED : android.graphics.Color.GREEN);
 
        // Next, we set a fill-intent which will be used to fill-in the pending intent template
        // which is set on the collection view in StackWidgetProvider.
        Bundle extras = new Bundle();
        extras.putInt(StackWidgetProvider.EXTRA_ITEM, position);
        Intent fillInIntent = new Intent();
        fillInIntent.putExtras(extras);
        rv.setOnClickFillInIntent(R.id.titre, fillInIntent);
        rv.setOnClickFillInIntent(R.id.description, fillInIntent);
        rv.setOnClickFillInIntent(R.id.url, fillInIntent);
        rv.setOnClickFillInIntent(R.id.ancienprix, fillInIntent);
        rv.setOnClickFillInIntent(R.id.nouveauprix, fillInIntent);
 
        // You can do heaving lifting in here, synchronously. For example, if you need to
        // process an image, fetch something from the network, etc., it is ok to do it here,
        // synchronously. A loading view will show up in lieu of the actual contents in the
        // interim.
        try {
            System.out.println("Loading view " + position);
            Thread.sleep(500);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
 
        // Return the remote views object.
        return rv;
    }
 
    public RemoteViews getLoadingView() {
        // You can create a custom loading view (for instance when getViewAt() is slow.) If you
        // return null here, you will get the default loading view.
        return null;
    }
 
    public int getViewTypeCount() {
        return 1;
    }
 
    public long getItemId(int position) {
        return position;
    }
 
    public boolean hasStableIds() {
        return true;
    }
 
    public void onDataSetChanged() {
        // This is triggered when you call AppWidgetManager notifyAppWidgetViewDataChanged
        // on the collection view corresponding to this factory. You can do heaving lifting in
        // here, synchronously. For example, if you need to process an image, fetch something
        // from the network, etc., it is ok to do it here, synchronously. The widget will remain
        // in its current state while work is being done here, so you don't need to worry about
        // locking up the widget.
    }
}

21/09/2012, 19h04
nicroman

Peut être parceque mCount est à 0....

Bon... array ou collection, dans le cas présent c'est la même chose vu que la collection est une ArrayList<> (donc ... une array), et que la construction est statique (ou presque puisque dans le onCreate).
La seule chose qui change c'est la manière d'y accéder:
array.length collection.size()
array[idx] collection.get(idx)

Pourquoi conserver mCount... utiliser directement la valeur du contenant est plus "dynamique" (et moins bug-prone)... donc array.length ou collection.size()

Ensuite juste une remarque sur l'intent à la fin... je ne sais pas si c'est pas des "PendingIntent" qu'il faut, et dans ce cas... enfin bref on verra plus tard.
En tous cas, tu fais un setIntent sur toutes les views du layout... pourquoi ne pas simplement fare un setOnClickIntent sur le layout lui-meme ? (ca permettra de pouvoir cliquer n'importe ou dans le layout plutot que précisément sur un objet potentiellement petit si le texte n'est pas grand)

Quand je dis sur le layout, je veux dire sur le ViewGroup à la racine du layout...
R.layout.widget_item doit forcément commencer par un ViewGroup (qui contient les autres views), c'est celui-ci qui pourrait être identifié (R.id.viewGroup par exemple), et recevoir l'info du onClick (éventuellement forcer les views dedans à être non clickable).

En suivant tes conseils, c'est tout de suite beaucoup mieux !

Bon, je fais le point :

- Affichage du widget : OK
- Chargement de chaque Item : OK => J'ai utilisé la valeur de la taille de la collection, tu avais raison c'est plus dynamique évidemment.
- Chargement de la couleur verte ou rouge : OK => La couleur est bien appliqué pour chaque item suivant que le boolean soit à true ou false.
- Changement de l'Intent pour le clic sur un Item : OK => J'ai effectivement changé et préféré le clic sur le layout père, ce qui permet à l'utilisateur de cliquer n'importe ou dans l'Item.

Voici le code actuel du StackWidgetService :

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
 
import java.util.ArrayList;
import java.util.List;
import android.appwidget.AppWidgetManager;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.widget.RemoteViews;
import android.widget.RemoteViewsService;
 
import java.net.MalformedURLException;
import java.net.URL;
 
public class StackWidgetService extends RemoteViewsService {
    @Override
    public RemoteViewsFactory onGetViewFactory(Intent intent) {
        return new StackRemoteViewsFactory(this.getApplicationContext(), intent);
    }
}
 
class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {
    private List<WidgetItem> mWidgetItems = new ArrayList<WidgetItem>();
    private Context mContext;
    private int mAppWidgetId;
    public Boolean isFinished = false;
 
    public StackRemoteViewsFactory(Context context, Intent intent) {
        mContext = context;
        mAppWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                AppWidgetManager.INVALID_APPWIDGET_ID);
    }
 
    public void onCreate() {
        // In onCreate() you setup any connections / cursors to your data source. Heavy lifting,
        // for example downloading or creating content etc, should be deferred to onDataSetChanged()
        // or getViewAt(). Taking more than 20 seconds in this call will result in an ANR.
 
 
    	try {
			mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
	    	mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
	    	mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
	    	mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
	    	mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
	    	mWidgetItems.add(new WidgetItem("Produit 1", "desc1", new URL("http://google1.frfrfr"), "10€", "20€", true));
	    	mWidgetItems.add(new WidgetItem("Produit 2", "desc2", new URL("http://google2.frfrfr"), "10€", "20€", false));
		} catch (MalformedURLException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
 
        // We sleep for 3 seconds here to show how the empty view appears in the interim.
        // The empty view is set in the StackWidgetProvider and should be a sibling of the
        // collection view.
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
 
    public void onDestroy() {
        // In onDestroy() you should tear down anything that was setup for your data source,
        // eg. cursors, connections, etc.
        mWidgetItems.clear();
    }
 
    public int getCount() {
        return mWidgetItems.size();
    }
 
    public RemoteViews getViewAt(int position) {
        // position will always range from 0 to getCount() - 1.
 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
 
        WidgetItem item = mWidgetItems.get(position); 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
        RemoteViews rv = new RemoteViews(mContext.getPackageName(), R.layout.widget_item);
        rv.setTextViewText(R.id.titre, item.titre);
        rv.setTextViewText(R.id.description, item.description);
        rv.setTextViewText(R.id.url, item.site.toString()); 
        rv.setTextViewText(R.id.ancienprix, item.ancienprix);
        rv.setTextViewText(R.id.nouveauprix, item.nouveauPrix);
        rv.setInt(R.id.isFinished, "setBackgroundColor", item.ended ? android.graphics.Color.rgb(204, 0, 0) : android.graphics.Color.rgb(102, 153, 0));
 
        // Next, we set a fill-intent which will be used to fill-in the pending intent template
        // which is set on the collection view in StackWidgetProvider.
        Bundle extras = new Bundle();
        extras.putInt(StackWidgetProvider.EXTRA_ITEM, position);
        Intent fillInIntent = new Intent();
        fillInIntent.putExtras(extras);
        rv.setOnClickFillInIntent(R.id.group_layout, fillInIntent);
 
 
        // You can do heaving lifting in here, synchronously. For example, if you need to
        // process an image, fetch something from the network, etc., it is ok to do it here,
        // synchronously. A loading view will show up in lieu of the actual contents in the
        // interim.
        try {
            System.out.println("Loading view " + position);
            Thread.sleep(500);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
 
        // Return the remote views object.
        return rv;
    }
 
    public RemoteViews getLoadingView() {
        // You can create a custom loading view (for instance when getViewAt() is slow.) If you
        // return null here, you will get the default loading view.
        return null;
    }
 
    public int getViewTypeCount() {
        return 1;
    }
 
    public long getItemId(int position) {
        return position;
    }
 
    public boolean hasStableIds() {
        return true;
    }
 
    public void onDataSetChanged() {
        // This is triggered when you call AppWidgetManager notifyAppWidgetViewDataChanged
        // on the collection view corresponding to this factory. You can do heaving lifting in
        // here, synchronously. For example, if you need to process an image, fetch something
        // from the network, etc., it is ok to do it here, synchronously. The widget will remain
        // in its current state while work is being done here, so you don't need to worry about
        // locking up the widget.
    }

Et celui du StackWidgetProvider : (dans lequel on affiche le Toast)

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
import android.app.PendingIntent;
import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.widget.RemoteViews;
import android.widget.Toast;
 
public class StackWidgetProvider extends AppWidgetProvider {
    public static final String TOAST_ACTION = "com.example.android.stackwidget.TOAST_ACTION";
    public static final String EXTRA_ITEM = "com.example.android.stackwidget.EXTRA_ITEM";
 
    @Override
    public void onDeleted(Context context, int[] appWidgetIds) {
        super.onDeleted(context, appWidgetIds);
    }
 
    @Override
    public void onDisabled(Context context) {
        super.onDisabled(context);
    }
 
    @Override
    public void onEnabled(Context context) {
        super.onEnabled(context);
    }
 
    @Override
    public void onReceive(Context context, Intent intent) {
        AppWidgetManager mgr = AppWidgetManager.getInstance(context);
        if (intent.getAction().equals(TOAST_ACTION)) {
            int appWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, AppWidgetManager.INVALID_APPWIDGET_ID);
            int viewIndex = intent.getIntExtra(EXTRA_ITEM, 0);
            Toast.makeText(context, "Touched view " + viewIndex, Toast.LENGTH_SHORT).show();
        }
        super.onReceive(context, intent);
    }
 
    @Override
    public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {
        // update each of the widgets with the remote adapter
        for (int i = 0; i < appWidgetIds.length; ++i) {
 
            // Here we setup the intent which points to the StackViewService which will
            // provide the views for this collection.
            Intent intent = new Intent(context, StackWidgetService.class);
            intent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetIds[i]);
            // When intents are compared, the extras are ignored, so we need to embed the extras
            // into the data so that the extras will not be ignored.
            intent.setData(Uri.parse(intent.toUri(Intent.URI_INTENT_SCHEME)));
            RemoteViews rv = new RemoteViews(context.getPackageName(), R.layout.widget_layout);
            rv.setRemoteAdapter(appWidgetIds[i], R.id.stack_view, intent);
 
            // The empty view is displayed when the collection has no items. It should be a sibling
            // of the collection view.
            rv.setEmptyView(R.id.stack_view, R.id.empty_view);
 
            // Here we setup the a pending intent template. Individuals items of a collection
            // cannot setup their own pending intents, instead, the collection as a whole can
            // setup a pending intent template, and the individual items can set a fillInIntent
            // to create unique before on an item to item basis.
            Intent toastIntent = new Intent(context, StackWidgetProvider.class);
            toastIntent.setAction(StackWidgetProvider.TOAST_ACTION);
            toastIntent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetIds[i]);
            intent.setData(Uri.parse(intent.toUri(Intent.URI_INTENT_SCHEME)));
            PendingIntent toastPendingIntent = PendingIntent.getBroadcast(context, 0, toastIntent,
                    PendingIntent.FLAG_UPDATE_CURRENT);
            rv.setPendingIntentTemplate(R.id.stack_view, toastPendingIntent);
 
            appWidgetManager.updateAppWidget(appWidgetIds[i], rv);
        }
        super.onUpdate(context, appWidgetManager, appWidgetIds);
    }
}

Mes nouvelles questions :)

1 - A l'heure actuelle, lorsque je clique sur un Item, un Toast s'affiche indiquant la position de l'item dans la liste. (Exemple : "Touched view 1").
Je voudrais maintenant passer à l'étape suivante, qui serait l'affichage d'une sorte de "popup" dans lequel j'afficherai plus en détail les valeur de l'item avec en dessous une webview qui affiche la page web qui est passé en paramètre de l'item. J'ai pensé utilisé des DialogFragment, mais je ne sais pas si cela est un bon choix? Du style :

Code:

1
2
3
 
DialogFragment newFragment = MyDialogError.newInstance();
newFragment.show(getFragmentManager(), "DescriptionItem");

Avec ce type de mécanisme, peut on passer en paramètre lors de l'affichage du DialogFragment les informations du widget courant tels que le titre, l'url de la page web, la description, etc etc?

2- De la même manière, dans mon widget, j'ai un ImageButton sur lequel j'aimerai lancé ce même type d'écran. Le choix des DIalogFragment est t'il un bon choix?

Merci pour tous ces conseils, c'est très agréable d'avoir des réponses claires aux questions qui peuvent parfois être floues lorsque l'on débute ;)

:oops:

24/09/2012, 13h28
nicroman

Un widget n'est pas une application... et n'a même pas accès à "l'interface" normalement... c'est tout le problème du widget...

Un widget fournit des "RemoteViews", soit: une liste de chose à faire pour que quelqu'un d'autre puisse construire l'interface (à savoir le widget holder, le home screen).

Il est impossible à un widget d'ouvrir une boite de dialogue.... Donc la question est "qui va afficher le DialogFragment" ???

Mais je pense que les programmeurs utilisent trop les "Dialog" en lieu et place d'une activité classique... Il n'y a d'ailleurs pas beaucoup de différence entre les deux, à part la gestion de la stack d'activité !

Typiquement, afficher les détails d'un item n'est pas un dialog ! (un dialog c'est une question posée à l'utilisateur).
Donc au même type qu'on utiliser un "Toast Intent", on peut utiliser n'importe quel Intent avec les même données, et ainsi ouvrir une vraie activité qui affichera les détails de l'objet cliqué.
Après, pour des questions cosmétiques, il est tout à fait possible de rendre cette activité title-less, transparente, et "wrap-content" pour retrouver un aspect "dialog"....

Ok, merci pour ces détails.

Je me suis donc mis à essayer de lancer une activity au clic sur un item de ma liste en essayant d'envoyer les données de l'item (la description, etc etc) à l'activity suivante.

Décidément je suis vraiment perdu avec ces remoteView et j'ai beaucoup de mal à trouver des exemples sur le net qui expliquent comment implémenter ce que je souhaite. Je me permet donc encore une fois de revenir vers vous.

Pour commencer, j'ai 2 classes aujourd'hui :

- StackWidgetProvider :

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
 
import android.app.PendingIntent;
import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.widget.RemoteViews;
import android.widget.Toast;
 
public class StackWidgetProvider extends AppWidgetProvider {
    public static final String TOAST_ACTION = "com.example.android.stackwidget.TOAST_ACTION";
    public static final String EXTRA_ITEM = "com.example.android.stackwidget.EXTRA_ITEM";
 
    @Override
    public void onDeleted(Context context, int[] appWidgetIds) {
        super.onDeleted(context, appWidgetIds);
    }
 
    @Override
    public void onDisabled(Context context) {
        super.onDisabled(context);
    }
 
    @Override
    public void onEnabled(Context context) {
        super.onEnabled(context);
    }
 
    @Override
    public void onReceive(Context context, Intent intent) {
        AppWidgetManager mgr = AppWidgetManager.getInstance(context);
        if (intent.getAction().equals(TOAST_ACTION)) {
            int appWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, AppWidgetManager.INVALID_APPWIDGET_ID);
            int viewIndex = intent.getIntExtra(EXTRA_ITEM, 0);
            Toast.makeText(context, "Touched view " + viewIndex, Toast.LENGTH_SHORT).show();
        }
        super.onReceive(context, intent);
    }
 
 
    @Override
    public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {
 
    	// update each of the widgets with the remote adapter
        for (int i = 0; i < appWidgetIds.length; ++i) {
 
            // Here we setup the intent which points to the StackViewService which will
            // provide the views for this collection.
            Intent intent = new Intent(context, StackWidgetService.class);
            intent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetIds[i]);
            // When intents are compared, the extras are ignored, so we need to embed the extras
            // into the data so that the extras will not be ignored.
            intent.setData(Uri.parse(intent.toUri(Intent.URI_INTENT_SCHEME)));
            RemoteViews rv = new RemoteViews(context.getPackageName(), R.layout.widget_layout_white_theme);
            rv.setRemoteAdapter(appWidgetIds[i], R.id.stack_view, intent);
 
            // The empty view is displayed when the collection has no items. It should be a sibling
            // of the collection view.
            rv.setEmptyView(R.id.stack_view, R.id.empty_view);
 
            // Here we setup the a pending intent template. Individuals items of a collection
            // cannot setup their own pending intents, instead, the collection as a whole can
            // setup a pending intent template, and the individual items can set a fillInIntent
            // to create unique before on an item to item basis.
            Intent toastIntent = new Intent(context, StackWidgetProvider.class);
            toastIntent.setAction(StackWidgetProvider.TOAST_ACTION);
            toastIntent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetIds[i]);
            intent.setData(Uri.parse(intent.toUri(Intent.URI_INTENT_SCHEME)));
            PendingIntent toastPendingIntent = PendingIntent.getBroadcast(context, 0, toastIntent,
                    PendingIntent.FLAG_UPDATE_CURRENT);
            rv.setPendingIntentTemplate(R.id.stack_view, toastPendingIntent);
 
            appWidgetManager.updateAppWidget(appWidgetIds[i], rv);
        }
        super.onUpdate(context, appWidgetManager, appWidgetIds);
    }
}

- StackWidgetService :

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
 
 
import java.util.ArrayList;
import java.util.List;
 
import android.app.PendingIntent;
import android.appwidget.AppWidgetManager;
import android.content.Context;
import android.content.Intent;
import android.graphics.Paint;
import android.net.Uri;
import android.os.Bundle;
import android.widget.ImageButton;
import android.widget.RemoteViews;
import android.widget.RemoteViewsService;
 
public class StackWidgetService extends RemoteViewsService {
    @Override
    public RemoteViewsFactory onGetViewFactory(Intent intent) {
        return new StackRemoteViewsFactory(this.getApplicationContext(), intent);
    }
}
 
class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {
    private List<WidgetItem> mWidgetItems = new ArrayList<WidgetItem>();
    private Context mContext;
    private int mAppWidgetId;
    public Boolean isFinished = false;
    ImageButton btnDisplaySettings;
 
    public StackRemoteViewsFactory(Context context, Intent intent) {
        mContext = context;
        mAppWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                AppWidgetManager.INVALID_APPWIDGET_ID);
    }
 
    public void onCreate() {
        // In onCreate() you setup any connections / cursors to your data source. Heavy lifting,
        // for example downloading or creating content etc, should be deferred to onDataSetChanged()
        // or getViewAt(). Taking more than 20 seconds in this call will result in an ANR.
 
 
    	mWidgetItems.add(new WidgetItem("90% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "19,90€", "8,99€", true, "froid"));
		mWidgetItems.add(new WidgetItem("80% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "chaud"));
		mWidgetItems.add(new WidgetItem("60% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "chaud"));
		mWidgetItems.add(new WidgetItem("50% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "moyen"));
		mWidgetItems.add(new WidgetItem("40% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "froid"));
		mWidgetItems.add(new WidgetItem("30% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "moyen"));
		mWidgetItems.add(new WidgetItem("20% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "chaud"));
		mWidgetItems.add(new WidgetItem("10% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "chaud"));
		mWidgetItems.add(new WidgetItem("90% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "froid"));
		mWidgetItems.add(new WidgetItem("80% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "chaud"));
		mWidgetItems.add(new WidgetItem("70% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "froid"));
		mWidgetItems.add(new WidgetItem("60% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "moyen"));
		mWidgetItems.add(new WidgetItem("50% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "froid"));
		mWidgetItems.add(new WidgetItem("40% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "chaud"));
		mWidgetItems.add(new WidgetItem("30% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "moyen"));
		mWidgetItems.add(new WidgetItem("20% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", true, "froid"));
		mWidgetItems.add(new WidgetItem("10% de réduction produits Slazenger 5.99€", "Code de réduction : 52154", "rueducommerce", "10€", "20€", false, "chaud"));	
 
		// We sleep for 3 seconds here to show how the empty view appears in the interim.
        // The empty view is set in the StackWidgetProvider and should be a sibling of the
        // collection view.
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
 
    public void onDestroy() {
        // In onDestroy() you should tear down anything that was setup for your data source,
        // eg. cursors, connections, etc.
        mWidgetItems.clear();
    }
 
    public int getCount() {
        return mWidgetItems.size();
    }
 
    public RemoteViews getViewAt(int position) {
        // position will always range from 0 to getCount() - 1.
 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
 
        WidgetItem item = mWidgetItems.get(position); 
        // We construct a remote views item based on our widget item xml file, and set the
        // text based on the position.
        RemoteViews rv = new RemoteViews(mContext.getPackageName(), R.layout.widget_item_white_theme);
        rv.setTextViewText(R.id.titre, item.titre);
        rv.setTextViewText(R.id.description, item.description);
        rv.setTextViewText(R.id.url, "@"+item.site.toString()); 
        rv.setTextViewText(R.id.ancienprix, item.ancienprix);
        rv.setTextViewText(R.id.nouveauprix, item.nouveauPrix);
 
        //On barre l'ancien prix
        rv.setInt(R.id.ancienprix, "setPaintFlags", Paint.STRIKE_THRU_TEXT_FLAG | Paint.ANTI_ALIAS_FLAG);
        //On positionne la bande à gauche de l'item. Verte si le deal est encore actif, rouge sinon
        rv.setInt(R.id.dealtermine, "setBackgroundColor", item.dealTermine ? android.graphics.Color.rgb(204, 0, 0) : android.graphics.Color.rgb(102, 153, 0));
 
        //On positionne l'image de l'item suivant le degré du deal
        if (item.qualite == "chaud") { //C'est un très bon deal
        	rv.setImageViewResource(R.id.img, R.drawable.ic_action_lab_black);
        }
        else if (item.qualite == "moyen") { //c'est un deal moyen
        	rv.setImageViewResource(R.id.img, R.drawable.ic_action_lab_red);
        }
        else if (item.qualite == "froid") { //c'est un deal bof
        	rv.setImageViewResource(R.id.img, R.drawable.ic_action_lab_green);
        }
 
        // Next, we set a fill-intent which will be used to fill-in the pending intent template
        // which is set on the collection view in StackWidgetProvider.
        Bundle extras = new Bundle();
        extras.putInt(StackWidgetProvider.EXTRA_ITEM, position);
        Intent fillInIntent = new Intent();
        fillInIntent.putExtras(extras);
        rv.setOnClickFillInIntent(R.id.group_layout, fillInIntent);
 
 
        // You can do heaving lifting in here, synchronously. For example, if you need to
        // process an image, fetch something from the network, etc., it is ok to do it here,
        // synchronously. A loading view will show up in lieu of the actual contents in the
        // interim.
        try {
            System.out.println("Loading view " + position);
            Thread.sleep(500);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
 
        // Return the remote views object.
        return rv;
    }
 
    public RemoteViews getLoadingView() {
        // You can create a custom loading view (for instance when getViewAt() is slow.) If you
        // return null here, you will get the default loading view.
        return null;
    }
 
    public int getViewTypeCount() {
        return 1;
    }
 
    public long getItemId(int position) {
        return position;
    }
 
    public boolean hasStableIds() {
        return true;
    }
 
    public void onDataSetChanged() {
        // This is triggered when you call AppWidgetManager notifyAppWidgetViewDataChanged
        // on the collection view corresponding to this factory. You can do heaving lifting in
        // here, synchronously. For example, if you need to process an image, fetch something
        // from the network, etc., it is ok to do it here, synchronously. The widget will remain
        // in its current state while work is being done here, so you don't need to worry about
        // locking up the widget.
    }
}

J'ai regardé la tachnique pour lancer une activity avec les RemoteViews mais je ne sais pas comment l'appliquer sur un élément de ma listview (un item) ou sur un bouton présent dans mon widget.

Pourrie-vous me donner un exemple par exemple sur un clic bouton ou un clic sur widget en précisant dans quelle fichier je dois positionner ce code, car la j'avoue être un peu perdu entre le provider et le service.

Merci par avance.

Voici le code que j'avais débuté :

Code:

1
2
3
4
5
6
7
8
9
10
11
Intent intent = new Intent(mContext, SettingsActivity.class);
		intent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, mAppWidgetId);  // Identifies the particular widget...
		intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
		// Make the pending intent unique...
		intent.setData(Uri.parse(intent.toUri(Intent.URI_INTENT_SCHEME)));
		PendingIntent pendIntent = PendingIntent.getActivity(mContext, 0, intent, PendingIntent.FLAG_UPDATE_CURRENT);
 
		RemoteViews views = new RemoteViews(mContext.getPackageName(), R.layout.widget_item_white_theme);
		views.setOnClickPendingIntent(R.id.settings, pendIntent);
		AppWidgetManager mgr = AppWidgetManager.getInstance(mContext); 
		mgr.updateAppWidget(mAppWidgetId,views);