Korzystanie z widżetów kolekcji

Widżety kolekcji specjalizują się w wyświetlaniu wielu elementów tego samego typu, takich jak kolekcje zdjęć z aplikacji galerii, artykuły z aplikacji z wiadomości czy wiadomości z aplikacji do komunikacji. Widżety kolekcji zwykle skupiają się na 2 użyciach: przeglądaniu kolekcji i otwieraniu elementu kolekcji w widoku szczegółowym. Widgety kolekcji można przewijać w pionie.

Te widżety używają elementu RemoteViewsService do wyświetlania kolekcji opartych na danych zdalnych, np. pochodzących od dostawcy treści. Widget przedstawia dane za pomocą jednego z tych typów widoku, które są nazywane widokami kolekcji:

ListView
Widok, który wyświetla elementy na liście przewijanej w pionie.
GridView
Widok, który wyświetla elementy w dwudwumiernej siatce.
StackView
Widok ułożonych kart, podobny do kartelokla, w którym użytkownik może przesuwać kartę w górę lub w dół, aby wyświetlić poprzednią lub następną kartę.
AdapterViewFlipper
Prosty adapterViewAnimator, który animuje przejście między co najmniej 2 widokami. W danym momencie wyświetlany jest tylko jeden element podrzędny.

Te widoki zbiorów wyświetlają zbiory oparte na danych zdalnych, dlatego do łączenia interfejsu użytkownika z danymi używają elementu Adapter. Element Adapter łączy poszczególne elementy z zestawu danych z poszczególnymi obiektami View.

Ponieważ te widoki kolekcji są obsługiwane przez adaptery, platforma Android musi zawierać dodatkową architekturę, która umożliwi ich używanie w widżetach. W kontekście widżetu element Adapter jest zastępowany przez element RemoteViewsFactory, który jest cienką osłonką interfejsu Adapter. Gdy RemoteViewsFactory otrzyma żądanie dotyczące konkretnego elementu w kolekcji, utworzy i zwróci ten element w ramach kolekcji jako obiekt RemoteViews. Aby uwzględnić widok kolekcji w widżecie, zastosuj elementy RemoteViewsServiceRemoteViewsFactory.

RemoteViewsService to usługa, która umożliwia zdanemu adapterowi żądanie obiektów RemoteViews. RemoteViewsFactory to interfejs adaptera między widokiem zbioru (takim jak ListView, GridViewStackView) a danymi podrzędnymi tego widoku. Oto przykładowy kod z pliku StackWidget, który służy do implementacji tej usługi i interfejsu:

Kotlin

class StackWidgetService : RemoteViewsService() {

    override fun onGetViewFactory(intent: Intent): RemoteViewsFactory {
        return StackRemoteViewsFactory(this.applicationContext, intent)
    }
}

class StackRemoteViewsFactory(
        private val context: Context,
        intent: Intent
) : RemoteViewsService.RemoteViewsFactory {

// See the RemoteViewsFactory API reference for the full list of methods to
// implement.

}

Java

public class StackWidgetService extends RemoteViewsService {
    @Override
    public RemoteViewsFactory onGetViewFactory(Intent intent) {
        return new StackRemoteViewsFactory(this.getApplicationContext(), intent);
    }
}

class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {

// See the RemoteViewsFactory API reference for the full list of methods to
// implement.

}

Przykładowa aplikacja

Fragmenty kodu w tej sekcji pochodzą też z przykładu StackWidget:

Rysunek 1. StackWidget

Ten przykład składa się z 10 widoków, które wyświetlają wartości od 0 do 9. Przykładowy widżet ma te podstawowe zachowania:

  • Użytkownik może przesunąć widok w górnej części widżetu w pionie, aby wyświetlić następny lub poprzedni widok. To wbudowane zachowanie StackView.

  • Bez udziału użytkownika widżet automatycznie przechodzi przez widoki w kolejności, jak w przypadku pokazu slajdów. Wynika to z ustawienia android:autoAdvanceViewId="@id/stack_view" w pliku res/xml/stackwidgetinfo.xml. To ustawienie dotyczy identyfikatora widoku, którym w tym przypadku jest identyfikator widoku widoku stosu.

  • Jeśli użytkownik dotknie górnego widoku, widżet wyświetli komunikat Toast „Dotknięty widok n”, gdzie n to indeks (pozycja) dotkniętego widoku. Więcej informacji o wdrażaniu zachowań znajdziesz w sekcji Dodawanie zachowań do poszczególnych elementów.

Implementowanie widżetów z kolekcjami

Aby wdrożyć widżet z kolekcjami, wykonaj procedurę wdrażania dowolnego widżetu, a potem wykonaj kilka dodatkowych czynności: zmodyfikuj plik manifestu, dodaj widok kolekcji do układu widżetu i zmodyfikuj podklasę AppWidgetProvider.

Plik manifestu widżetów z kolekcjami

Oprócz wymagań wymienionych w deklaracji widżetu w pliku manifestu musisz umożliwić wiązanie widżetów z kolekcjami z Twoim RemoteViewsService. Aby to zrobić, zadeklaruj usługę w pliku manifestu z uprawnieniami BIND_REMOTEVIEWS. Zapobiega to uzyskiwaniu przez inne aplikacje swobodnego dostępu do danych widżetu.

Jeśli na przykład tworzysz widżet, który używa parametru RemoteViewsService do wypełniania widoku kolekcji, wpis w pliku manifestu może wyglądać tak:

<service android:name="MyWidgetService"
    android:permission="android.permission.BIND_REMOTEVIEWS" />

W tym przykładzie android:name="MyWidgetService" odnosi się do podklasy RemoteViewsService.

Układ widżetów z kolekcjami

Głównym wymaganiem dotyczącym pliku XML układu widżetu jest to, aby zawierał on jedną z opcji widoku kolekcji: ListView, GridView, StackView lub AdapterViewFlipper. Oto plik widget_layout.xml dla StackWidget sample:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <StackView
        android:id="@+id/stack_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:loopViews="true" />
    <TextView
        android:id="@+id/empty_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:background="@drawable/widget_item_background"
        android:textColor="#ffffff"
        android:textStyle="bold"
        android:text="@string/empty_view_text"
        android:textSize="20sp" />
</FrameLayout>

Pamiętaj, że puste widoki muszą być widokami braćmi widoku kolekcji, dla którego pusty widok reprezentuje pusty stan.

Oprócz pliku układu dla całego widżetu utwórz jeszcze jeden plik układu, który definiuje układ każdego elementu w kolekcji, np. układ każdej książki w kolekcji książek. Plik StackWidget zawiera tylko jeden plik układu produktu, widget_item.xml, ponieważ wszystkie produkty używają tego samego układu.

Klasa AppWidgetProvider dla widżetów z kolekcjami

Podobnie jak w przypadku zwykłych widżetów, większość kodu w podklasie AppWidgetProvider znajduje się zazwyczaj w onUpdate(). Główna różnica w implementacji onUpdate() podczas tworzenia widżetu z kolekcjami polega na tym, że musisz wywołać funkcję setRemoteAdapter(). Wskazuje ona widokowi kolekcji, skąd ma pobierać dane. RemoteViewsService może wtedy zwrócić implementację funkcji RemoteViewsFactory, a widżet może wyświetlić odpowiednie dane. Podczas wywoływania tej metody prześlij intencję wskazującą implementację funkcji RemoteViewsService oraz identyfikator widżetu określający widżet do zaktualizowania.

Na przykład w przykładowym kodzie StackWidget implementuje się metodę wywołania zwrotnego onUpdate(), aby ustawić RemoteViewsService jako adapter zdalny dla kolekcji widżetów:

Kotlin

override fun onUpdate(
        context: Context,
        appWidgetManager: AppWidgetManager,
        appWidgetIds: IntArray
) {
    // Update each of the widgets with the remote adapter.
    appWidgetIds.forEach { appWidgetId ->

        // Set up the intent that starts the StackViewService, which
        // provides the views for this collection.
        val intent = Intent(context, StackWidgetService::class.java).apply {
            // Add the widget ID to the intent extras.
            putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetId)
            data = Uri.parse(toUri(Intent.URI_INTENT_SCHEME))
        }
        // Instantiate the RemoteViews object for the widget layout.
        val views = RemoteViews(context.packageName, R.layout.widget_layout).apply {
            // Set up the RemoteViews object to use a RemoteViews adapter.
            // This adapter connects to a RemoteViewsService through the
            // specified intent.
            // This is how you populate the data.
            setRemoteAdapter(R.id.stack_view, intent)

            // The empty view is displayed when the collection has no items.
            // It must be in the same layout used to instantiate the
            // RemoteViews object.
            setEmptyView(R.id.stack_view, R.id.empty_view)
        }

        // Do additional processing specific to this widget.

        appWidgetManager.updateAppWidget(appWidgetId, views)
    }
    super.onUpdate(context, appWidgetManager, appWidgetIds)
}

Java

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) {

        // Set up the intent that starts the StackViewService, which
        // provides the views for this collection.
        Intent intent = new Intent(context, StackWidgetService.class);
        // Add the widget ID to the intent extras.
        intent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetIds[i]);
        intent.setData(Uri.parse(intent.toUri(Intent.URI_INTENT_SCHEME)));
        // Instantiate the RemoteViews object for the widget layout.
        RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.widget_layout);
        // Set up the RemoteViews object to use a RemoteViews adapter.
        // This adapter connects to a RemoteViewsService through the specified
        // intent.
        // This is how you populate the data.
        views.setRemoteAdapter(R.id.stack_view, intent);

        // The empty view is displayed when the collection has no items.
        // It must be in the same layout used to instantiate the RemoteViews
        // object.
        views.setEmptyView(R.id.stack_view, R.id.empty_view);

        // Do additional processing specific to this widget.

        appWidgetManager.updateAppWidget(appWidgetIds[i], views);
    }
    super.onUpdate(context, appWidgetManager, appWidgetIds);
}

Zapisz dane

Jak opisano na tej stronie, podklasa RemoteViewsService udostępnia RemoteViewsFactory używane do wypełniania widoku zdalnej kolekcji.

W tym celu:

  1. Podklasa RemoteViewsService. RemoteViewsService to usługa, za pomocą której adapter zdalny może wysyłać żądania RemoteViews.

  2. W podklasie RemoteViewsService uwzględnij klasę, która implementuje interfejs RemoteViewsFactory. RemoteViewsFactory to interfejs adaptera między widokiem zdalnej kolekcji (takim jak ListView, GridView, StackView) a danymi podrzędnymi dla tego widoku. Twoja implementacja odpowiada za utworzenie obiektu RemoteViews dla każdego elementu w zbiorze danych. Ten interfejs jest cienką osłonką dla Adapter.

Nie możesz polegać na tym, że pojedyncza instancja usługi lub jakiekolwiek dane, które zawiera, będą trwałe. Nie przechowuj danych w RemoteViewsService, chyba że są one statyczne. Jeśli chcesz, aby dane widżetu były przechowywane, najlepiej użyć ContentProvider, którego dane są przechowywane dłużej niż przez czas trwania procesu. Na przykład widżet sklepu spożywczego może przechowywać stan każdego elementu listy zakupów w trwałym miejscu, takim jak baza danych SQL.

.

Główną zawartością implementacji RemoteViewsService jest RemoteViewsFactory, który opisaliśmy w sekcji poniżej.

Interfejs RemoteViewsFactory

Klasa niestandardowa, która implementuje interfejs RemoteViewsFactory, udostępnia widżetowi dane o elementach w jego kolekcji. W tym celu łączy plik XML układu elementu widżetu ze źródłem danych. Źródłem danych może być baza danych lub prosty tablica. W pliku StackWidget źródło danych to tablica WidgetItems. Funkcja RemoteViewsFactorydziała jako adapter, który skleja dane z widokiem zbioru zdalnego.

Dwie najważniejsze metody, które musisz zaimplementować w podklasie RemoteViewsFactory, to: onCreate()getViewAt().

System wywołuje funkcję onCreate() podczas tworzenia fabryki po raz pierwszy. Tutaj możesz skonfigurować połączenia lub kursory ze źródłem danych. Na przykład przykład StackWidget używa funkcji onCreate() do zainicjowania tablicy obiektów WidgetItem. Gdy widżet jest aktywny, system uzyskuje dostęp do tych obiektów na podstawie ich pozycji indeksu w tablicy i wyświetla zawarty w nich tekst.

Oto fragment implementacji StackWidget (RemoteViewsFactory) w pliku StackWidget, który pokazuje fragmenty metody onCreate():

Kotlin

private const val REMOTE_VIEW_COUNT: Int = 10

class StackRemoteViewsFactory(
        private val context: Context
) : RemoteViewsService.RemoteViewsFactory {

    private lateinit var widgetItems: List<WidgetItem>

    override fun onCreate() {
        // In onCreate(), set up any connections or cursors to your data
        // source. Heavy lifting, such as downloading or creating content,
        // must be deferred to onDataSetChanged() or getViewAt(). Taking
        // more than 20 seconds on this call results in an ANR.
        widgetItems = List(REMOTE_VIEW_COUNT) { index -> WidgetItem("$index!") }
        ...
    }
    ...
}

Java

class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {
    private static final int REMOTE_VIEW_COUNT = 10;
    private List<WidgetItem> widgetItems = new ArrayList<WidgetItem>();

    public void onCreate() {
        // In onCreate(), setup any connections or cursors to your data
        // source. Heavy lifting, such as downloading or creating content,
        // must be deferred to onDataSetChanged() or getViewAt(). Taking
        // more than 20 seconds on this call results in an ANR.
        for (int i = 0; i < REMOTE_VIEW_COUNT; i++) {
            widgetItems.add(new WidgetItem(i + "!"));
        }
        ...
    }
...

Metoda RemoteViewsFactory getViewAt() zwraca obiekt RemoteViews odpowiadający danym w określonym miejscu position w zbiorze danych. Oto fragment implementacji RemoteViewsFactory w pliku StackWidget:

Kotlin

override fun getViewAt(position: Int): RemoteViews {
    // Construct a remote views item based on the widget item XML file
    // and set the text based on the position.
    return RemoteViews(context.packageName, R.layout.widget_item).apply {
        setTextViewText(R.id.widget_item, widgetItems[position].text)
    }
}

Java

public RemoteViews getViewAt(int position) {
    // Construct a remote views item based on the widget item XML file
    // and set the text based on the position.
    RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.widget_item);
    views.setTextViewText(R.id.widget_item, widgetItems.get(position).text);
    return views;
}

Dodawanie zachowania do poszczególnych elementów

W poprzednich sekcjach pokazaliśmy, jak powiązać dane z kolekcją widżetów. Co jednak, jeśli chcesz dodać zachowanie dynamiczne do poszczególnych elementów widoku kolekcji?

Jak opisano w artykule Obsługa zdarzeń za pomocą klasy onUpdate(), zwykle używasz elementu setOnClickPendingIntent(), aby określić zachowanie obiektu po kliknięciu, np. aby przycisk uruchamiał element Activity. Takie podejście jest jednak niedozwolone w przypadku widoków podrzędnych w poszczególnych elementach kolekcji. Możesz na przykład użyć setOnClickPendingIntent(), aby skonfigurować globalny przycisk w widżecie Gmaila, który uruchamia aplikację, ale nie w przypadku poszczególnych elementów listy.

Aby zamiast tego dodać zachowanie kliknięcia do poszczególnych elementów w kolekcji, użyj elementu setOnClickFillInIntent(). Polega to na skonfigurowaniu szablonu oczekiwań w widoku kolekcji, a następnie skonfigurowaniu oczekiwań do wypełnienia w przypadku każdego elementu w kolekcji za pomocą RemoteViewsFactory.

W tej sekcji opisujemy na przykładzie StackWidget, jak dodawać zachowanie do poszczególnych elementów. W przykładzie StackWidget, jeśli użytkownik dotknie górnego widoku, widget wyświetli wiadomość Toast „Dotknięty widok n”, gdzie n to indeks (pozycja) dotkniętego widoku. Proces przebiega następująco:

  • Klasa StackWidgetProvider (podklasa AppWidgetProvider) tworzy oczekującą intencję z działaniem niestandardowym o nazwie TOAST_ACTION.

  • Gdy użytkownik dotknie widoku, zamiar zostanie wywołany i przesłany. TOAST_ACTION

  • Ta transmisja jest przechwytywana przez metodę klasy StackWidgetProvider onReceive(), a widżet wyświetla wiadomość Toast w przypadku widoku dotykowego. Dane dotyczące elementów kolekcji są dostarczane przez RemoteViewsFactory za pomocą RemoteViewsService.

Konfigurowanie szablonu oczekującej intencji

Klasa StackWidgetProvider (podklasa AppWidgetProvider) konfiguruje oczekującą intencję. Poszczególne elementy kolekcji nie mogą konfigurować własnych oczekujących intencji. Zamiast tego kolekcja jako całość tworzy oczekujący szablon intencji, a poszczególne elementy określają intencja uzupełniania, aby tworzyć unikalne zachowanie w przypadku każdego elementu.

Ta klasa otrzymuje też transmisję, która jest wysyłana, gdy użytkownik dotknie widoku. Przetwarza to zdarzenie w metodzie onReceive(). Jeśli działanie związane z zamierzeniem to TOAST_ACTION, widżet wyświetla wiadomość Toast w bieżącym widoku.

Kotlin

const val TOAST_ACTION = "com.example.android.stackwidget.TOAST_ACTION"
const val EXTRA_ITEM = "com.example.android.stackwidget.EXTRA_ITEM"

class StackWidgetProvider : AppWidgetProvider() {

    ...

    // Called when the BroadcastReceiver receives an Intent broadcast.
    // Checks whether the intent's action is TOAST_ACTION. If it is, the
    // widget displays a Toast message for the current item.
    override fun onReceive(context: Context, intent: Intent) {
        val mgr: AppWidgetManager = AppWidgetManager.getInstance(context)
        if (intent.action == TOAST_ACTION) {
            val appWidgetId: Int = intent.getIntExtra(
                    AppWidgetManager.EXTRA_APPWIDGET_ID,
                    AppWidgetManager.INVALID_APPWIDGET_ID
            )
            // EXTRA_ITEM represents a custom value provided by the Intent
            // passed to the setOnClickFillInIntent() method to indicate the
            // position of the clicked item. See StackRemoteViewsFactory in
            // Set the fill-in Intent for details.
            val viewIndex: Int = intent.getIntExtra(EXTRA_ITEM, 0)
            Toast.makeText(context, "Touched view $viewIndex", Toast.LENGTH_SHORT).show()
        }
        super.onReceive(context, intent)
    }

    override fun onUpdate(
            context: Context,
            appWidgetManager: AppWidgetManager,
            appWidgetIds: IntArray
    ) {
        // Update each of the widgets with the remote adapter.
        appWidgetIds.forEach { appWidgetId ->

            // Sets up the intent that points to the StackViewService that
            // provides the views for this collection.
            val intent = Intent(context, StackWidgetService::class.java).apply {
                putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetId)
                // When intents are compared, the extras are ignored, so embed
                // the extra sinto the data so that the extras are not ignored.
                data = Uri.parse(toUri(Intent.URI_INTENT_SCHEME))
            }
            val rv = RemoteViews(context.packageName, R.layout.widget_layout).apply {
                setRemoteAdapter(R.id.stack_view, intent)

                // The empty view is displayed when the collection has no items.
                // It must be a sibling of the collection view.
                setEmptyView(R.id.stack_view, R.id.empty_view)
            }

            // This section makes it possible for items to have individualized
            // behavior. It does this by setting up a pending intent template.
            // Individuals items of a collection can't set up their own pending
            // intents. Instead, the collection as a whole sets up a pending
            // intent template, and the individual items set a fillInIntent
            // to create unique behavior on an item-by-item basis.
            val toastPendingIntent: PendingIntent = Intent(
                    context,
                    StackWidgetProvider::class.java
            ).run {
                // Set the action for the intent.
                // When the user touches a particular view, it has the effect of
                // broadcasting TOAST_ACTION.
                action = TOAST_ACTION
                putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetId)
                data = Uri.parse(toUri(Intent.URI_INTENT_SCHEME))

                PendingIntent.getBroadcast(context, 0, this, PendingIntent.FLAG_UPDATE_CURRENT)
            }
            rv.setPendingIntentTemplate(R.id.stack_view, toastPendingIntent)

            appWidgetManager.updateAppWidget(appWidgetId, rv)
        }
        super.onUpdate(context, appWidgetManager, appWidgetIds)
    }
}

Java

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";

    ...

    // Called when the BroadcastReceiver receives an Intent broadcast.
    // Checks whether the intent's action is TOAST_ACTION. If it is, the
    // widget displays a Toast message for the current item.
    @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);
            // EXTRA_ITEM represents a custom value provided by the Intent
            // passed to the setOnClickFillInIntent() method to indicate the
            // position of the clicked item. See StackRemoteViewsFactory in
            // Set the fill-in Intent for details.
            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) {

            // Sets up the intent that points to the StackViewService that
            // provides 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 embed
            // the extras into the data so that the extras are not
            // 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
            // must be a sibling of the collection view.
            rv.setEmptyView(R.id.stack_view, R.id.empty_view);

            // This section makes it possible for items to have individualized
            // behavior. It does this by setting up a pending intent template.
            // Individuals items of a collection can't set up their own pending
            // intents. Instead, the collection as a whole sets up a pending
            // intent template, and the individual items set a fillInIntent
            // to create unique behavior on an item-by-item basis.
            Intent toastIntent = new Intent(context, StackWidgetProvider.class);
            // Set the action for the intent.
            // When the user touches a particular view, it has the effect of
            // broadcasting TOAST_ACTION.
            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);
    }
}

Ustaw intencję uzupełniania

W przypadku RemoteViewsFactory musisz ustawić zamiar wypełnienia dla każdego elementu w zbiorze. Dzięki temu można odróżnić poszczególne działania po kliknięciu danego elementu. Następnie zamiar uzupełnienia jest łączony z szablonem PendingIntent, aby określić ostateczny zamiar, który zostanie wykonany po kliknięciu elementu.

Kotlin

private const val REMOTE_VIEW_COUNT: Int = 10

class StackRemoteViewsFactory(
        private val context: Context,
        intent: Intent
) : RemoteViewsService.RemoteViewsFactory {

    private lateinit var widgetItems: List<WidgetItem>
    private val appWidgetId: Int = intent.getIntExtra(
            AppWidgetManager.EXTRA_APPWIDGET_ID,
            AppWidgetManager.INVALID_APPWIDGET_ID
    )

    override fun onCreate() {
        // In onCreate(), set up any connections or cursors to your data source.
        // Heavy lifting, such as downloading or creating content, must be
        // deferred to onDataSetChanged() or getViewAt(). Taking more than 20
        // seconds on this call results in an ANR.
        widgetItems = List(REMOTE_VIEW_COUNT) { index -> WidgetItem("$index!") }
        ...
    }
    ...

    override fun getViewAt(position: Int): RemoteViews {
        // Construct a remote views item based on the widget item XML file
        // and set the text based on the position.
        return RemoteViews(context.packageName, R.layout.widget_item).apply {
            setTextViewText(R.id.widget_item, widgetItems[position].text)

            // Set a fill-intent to fill in the pending intent template.
            // that is set on the collection view in StackWidgetProvider.
            val fillInIntent = Intent().apply {
                Bundle().also { extras ->
                    extras.putInt(EXTRA_ITEM, position)
                    putExtras(extras)
                }
            }
            // Make it possible to distinguish the individual on-click
            // action of a given item.
            setOnClickFillInIntent(R.id.widget_item, fillInIntent)
            ...
        }
    }
    ...
}

Java

public class StackWidgetService extends RemoteViewsService {
    @Override
    public RemoteViewsFactory onGetViewFactory(Intent intent) {
        return new StackRemoteViewsFactory(this.getApplicationContext(), intent);
    }
}

class StackRemoteViewsFactory implements RemoteViewsService.RemoteViewsFactory {
    private static final int count = 10;
    private List<WidgetItem> widgetItems = new ArrayList<WidgetItem>();
    private Context context;
    private int appWidgetId;

    public StackRemoteViewsFactory(Context context, Intent intent) {
        this.context = context;
        appWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID,
                AppWidgetManager.INVALID_APPWIDGET_ID);
    }

    // Initialize the data set.
    public void onCreate() {
        // In onCreate(), set up any connections or cursors to your data
        // source. Heavy lifting, such as downloading or creating
        // content, must be deferred to onDataSetChanged() or
        // getViewAt(). Taking more than 20 seconds on this call results
        // in an ANR.
        for (int i = 0; i < count; i++) {
            widgetItems.add(new WidgetItem(i + "!"));
        }
        ...
    }

    // Given the position (index) of a WidgetItem in the array, use the
    // item's text value in combination with the widget item XML file to
    // construct a RemoteViews object.
    public RemoteViews getViewAt(int position) {
        // Position always ranges from 0 to getCount() - 1.

        // Construct a RemoteViews item based on the widget item XML
        // file and set the text based on the position.
        RemoteViews rv = new RemoteViews(context.getPackageName(), R.layout.widget_item);
        rv.setTextViewText(R.id.widget_item, widgetItems.get(position).text);

        // Set a fill-intent to fill in the pending
        // intent template that 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);
        // Make it possible to distinguish the individual on-click
        // action of a given item.
        rv.setOnClickFillInIntent(R.id.widget_item, fillInIntent);

        // Return the RemoteViews object.
        return rv;
    }
    ...
}

Aktualizowanie danych kolekcji

Rysunek 2 przedstawia proces aktualizacji w widżecie, który korzysta z kolekcji. Pokazuje on, jak kod widżetu współpracuje z elementem RemoteViewsFactory i jak można wywoływać aktualizacje:

Rysunek 2. Interakcja z RemoteViewsFactory podczas aktualizacji.

Widgety, które korzystają z kolekcji, mogą dostarczać użytkownikom aktualne treści. Na przykład widżet Gmaila wyświetla użytkownikom podgląd ich skrzynki odbiorczej. Aby to zrobić, uruchom widok RemoteViewsFactory i widok kolekcji, aby pobrać i wyświetlić nowe dane.

Aby to zrobić, kliknij AppWidgetManager, aby zadzwonić do notifyAppWidgetViewDataChanged(). Wywołanie to powoduje wywołanie metody RemoteViewsFactory obiektu onDataSetChanged(), która umożliwia pobranie nowych danych.

W ramach wywołania zwrotnego onDataSetChanged() możesz wykonywać operacje wymagające intensywnego przetwarzania w sposób synchroniczny. Gwarantujemy, że to wywołanie zostanie zakończone, zanim metadane lub dane widoku zostaną pobrane z RemoteViewsFactory. W metodzie getViewAt() możesz też wykonywać operacje wymagające dużych zasobów przetwarzania. Jeśli wywołanie trwa długo, widok wczytywania (określany przez metodę RemoteViewsFactory obiektu getLoadingView()) jest wyświetlany w odpowiedniej pozycji widoku kolekcji do czasu, aż zostanie zwrócony.

Używanie elementów kolekcji zdalnej do przekazywania kolekcji bezpośrednio

Android 12 (poziom interfejsu API 31) dodaje metodę setRemoteAdapter(int viewId, RemoteViews.RemoteCollectionItems items), która pozwala aplikacji przekazywać kolekcję bezpośrednio podczas wypełniania widoku kolekcji. Jeśli skonfigurujesz adapter za pomocą tej metody, nie musisz implementować funkcji RemoteViewsFactory ani wywoływać funkcji notifyAppWidgetViewDataChanged().

Dzięki temu nie tylko ułatwisz wypełnianie adaptera, ale też skrócisz czas potrzebny na wypełnianie nowych elementów, gdy użytkownicy przewijają listę w dół, aby wyświetlić nowy element. Takie podejście do konfigurowania adaptera jest preferowane, o ile zestaw elementów kolekcji jest stosunkowo mały. Takie podejście nie sprawdza się jednak, gdy kolekcja zawiera wiele elementów Bitmaps przekazywanych do elementu setImageViewBitmap.

Jeśli kolekcja nie używa stałego zestawu układów, czyli niektóre elementy są obecne tylko czasami, użyj parametru setViewTypeCount, aby określić maksymalną liczbę unikalnych układów, które może zawierać kolekcja. Dzięki temu adapter można ponownie wykorzystać w ramach aktualizacji widżetu aplikacji.

Oto przykład implementacji uproszczonych kolekcji RemoteViews.

Kotlin

val itemLayouts = listOf(
        R.layout.item_type_1,
        R.layout.item_type_2,
        ...
)

remoteView.setRemoteAdapter(
        R.id.list_view,
        RemoteViews.RemoteCollectionItems.Builder()
            .addItem(/* id= */ ID_1, RemoteViews(context.packageName, R.layout.item_type_1))
            .addItem(/* id= */ ID_2, RemoteViews(context.packageName, R.layout.item_type_2))
            ...
            .setViewTypeCount(itemLayouts.count())
            .build()
)

Java

List<Integer> itemLayouts = Arrays.asList(
    R.layout.item_type_1,
    R.layout.item_type_2,
    ...
);

remoteView.setRemoteAdapter(
    R.id.list_view,
    new RemoteViews.RemoteCollectionItems.Builder()
        .addItem(/* id= */ ID_1, new RemoteViews(context.getPackageName(), R.layout.item_type_1))
        .addItem(/* id= */ ID_2, new RemoteViews(context.getPackageName(), R.layout.item_type_2))
        ...
        .setViewTypeCount(itemLayouts.size())
        .build()
);