সংগ্রহ উইজেট ব্যবহার করুন

সংগ্রহ উইজেটগুলি একই ধরণের অনেক উপাদান প্রদর্শনে বিশেষজ্ঞ, যেমন একটি গ্যালারি অ্যাপ থেকে ছবির সংগ্রহ, একটি সংবাদ অ্যাপ থেকে নিবন্ধ, বা একটি যোগাযোগ অ্যাপ থেকে বার্তা। সংগ্রহ উইজেটগুলি সাধারণত দুটি ব্যবহারের ক্ষেত্রে ফোকাস করে: সংগ্রহটি ব্রাউজ করা এবং সংগ্রহের একটি উপাদানকে তার বিশদ দৃশ্যে খোলা। সংগ্রহ উইজেটগুলি উল্লম্বভাবে স্ক্রোল করতে পারে।

এই উইজেটগুলি রিমোট ডেটা দ্বারা সমর্থিত সংগ্রহগুলি প্রদর্শন করতে RemoteViewsService ব্যবহার করে, যেমন একটি বিষয়বস্তু প্রদানকারীর কাছ থেকে। উইজেট নিম্নলিখিত ভিউ প্রকারগুলির মধ্যে একটি ব্যবহার করে ডেটা উপস্থাপন করে, যা সংগ্রহ দৃশ্য হিসাবে পরিচিত:

ListView
একটি দৃশ্য যা একটি উল্লম্বভাবে স্ক্রোলিং তালিকায় আইটেম দেখায়।
GridView
একটি দৃশ্য যা একটি দ্বি-মাত্রিক স্ক্রোলিং গ্রিডে আইটেম দেখায়।
StackView
একটি স্ট্যাকড কার্ড ভিউ - রোলোডেক্সের মতো - যেখানে ব্যবহারকারী যথাক্রমে আগের বা পরবর্তী কার্ড দেখতে সামনের কার্ডটি উপরে বা নীচে ফ্লিক করতে পারে।
AdapterViewFlipper
একটি অ্যাডাপ্টার-সমর্থিত সাধারণ ViewAnimator যা দুই বা ততোধিক ভিউয়ের মধ্যে অ্যানিমেট করে। একটি সময়ে শুধুমাত্র একটি শিশু দেখানো হয়.

যেহেতু এই সংগ্রহ দর্শনগুলি দূরবর্তী ডেটা দ্বারা সমর্থিত সংগ্রহগুলি প্রদর্শন করে, তারা তাদের ডেটাতে তাদের ব্যবহারকারী ইন্টারফেসকে আবদ্ধ করতে একটি Adapter ব্যবহার করে। একটি Adapter পৃথক আইটেমগুলিকে ডেটার একটি সেট থেকে পৃথক View অবজেক্টে আবদ্ধ করে।

এবং যেহেতু এই সংগ্রহের দৃশ্যগুলি অ্যাডাপ্টার দ্বারা সমর্থিত, তাই অ্যান্ড্রয়েড ফ্রেমওয়ার্কে উইজেটে তাদের ব্যবহার সমর্থন করার জন্য অতিরিক্ত আর্কিটেকচার অন্তর্ভুক্ত করতে হবে। একটি উইজেটের প্রসঙ্গে, Adapter একটি RemoteViewsFactory দ্বারা প্রতিস্থাপিত হয়, যা Adapter ইন্টারফেসের চারপাশে একটি পাতলা মোড়ক। সংগ্রহে একটি নির্দিষ্ট আইটেমের জন্য অনুরোধ করা হলে, RemoteViewsFactory একটি RemoteViews অবজেক্ট হিসাবে সংগ্রহের জন্য আইটেম তৈরি করে এবং ফেরত দেয়। আপনার উইজেটে একটি সংগ্রহ দৃশ্য অন্তর্ভুক্ত করতে, RemoteViewsService এবং RemoteViewsFactory প্রয়োগ করুন।

RemoteViewsService হল একটি পরিষেবা যা একটি দূরবর্তী অ্যাডাপ্টারকে RemoteViews বস্তুর অনুরোধ করতে দেয়। RemoteViewsFactory হল একটি সংগ্রহ দৃশ্যের মধ্যে অ্যাডাপ্টারের একটি ইন্টারফেস—যেমন ListView , GridView , এবং StackView —এবং সেই ভিউয়ের অন্তর্নিহিত ডেটা। StackWidget নমুনা থেকে, এখানে এই পরিষেবা এবং ইন্টারফেস বাস্তবায়নের জন্য বয়লারপ্লেট কোডের একটি উদাহরণ রয়েছে:

কোটলিন

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.

}

জাভা

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.

}

নমুনা আবেদন

এই বিভাগে কোডের উদ্ধৃতিগুলি StackWidget নমুনা থেকেও আঁকা হয়েছে:

চিত্র 1. একটি StackWidget

এই নমুনাটি দশটি দর্শনের একটি স্ট্যাক নিয়ে গঠিত যা শূন্য থেকে নয়টি মান প্রদর্শন করে। নমুনা উইজেটের এই প্রাথমিক আচরণ রয়েছে:

  • ব্যবহারকারী পরবর্তী বা পূর্ববর্তী দৃশ্য প্রদর্শনের জন্য উইজেটে উল্লম্বভাবে উপরের দৃশ্যটি ফ্লিং করতে পারে। এটি একটি অন্তর্নির্মিত StackView আচরণ।

  • কোনো ব্যবহারকারীর মিথস্ক্রিয়া ছাড়াই, উইজেটটি স্বয়ংক্রিয়ভাবে একটি স্লাইডশোর মতো ক্রমানুসারে তার দৃশ্যগুলির মাধ্যমে অগ্রসর হয়৷ এটি res/xml/stackwidgetinfo.xml ফাইলে android:autoAdvanceViewId="@id/stack_view" সেটিং এর কারণে। এই সেটিংটি ভিউ আইডিতে প্রযোজ্য, যা এই ক্ষেত্রে স্ট্যাক ভিউ-এর ভিউ আইডি।

  • ব্যবহারকারী যদি উপরের দৃশ্যে স্পর্শ করে, উইজেটটি Toast বার্তা "টাচড ভিউ n " প্রদর্শন করে, যেখানে n হল স্পর্শ করা দৃশ্যের সূচক (অবস্থান)। আচরণগুলি কীভাবে প্রয়োগ করতে হয় সে সম্পর্কে আরও আলোচনার জন্য, পৃথক আইটেমগুলিতে আচরণ যুক্ত করুন বিভাগটি দেখুন।

সংগ্রহের সাথে উইজেট প্রয়োগ করুন

সংগ্রহের সাথে একটি উইজেট বাস্তবায়ন করতে, যেকোন উইজেট বাস্তবায়নের পদ্ধতি অনুসরণ করুন, কিছু অতিরিক্ত পদক্ষেপ অনুসরণ করুন: ম্যানিফেস্ট সংশোধন করুন, উইজেট বিন্যাসে একটি সংগ্রহ দৃশ্য যোগ করুন এবং আপনার AppWidgetProvider সাবক্লাস পরিবর্তন করুন।

সংগ্রহ সহ উইজেটগুলির জন্য ম্যানিফেস্ট৷

ম্যানিফেস্টে একটি উইজেট ঘোষণা করুন -এ তালিকাভুক্ত প্রয়োজনীয়তার বাইরে, আপনাকে সংগ্রহ সহ উইজেটগুলিকে আপনার RemoteViewsService এ আবদ্ধ করা সম্ভব করতে হবে। BIND_REMOTEVIEWS অনুমতি সহ আপনার ম্যানিফেস্ট ফাইলে পরিষেবাটি ঘোষণা করে এটি করুন। এটি অন্যান্য অ্যাপ্লিকেশনগুলিকে আপনার উইজেটের ডেটা অবাধে অ্যাক্সেস করতে বাধা দেয়৷

উদাহরণস্বরূপ, যখন একটি উইজেট তৈরি করা হয় যা RemoteViewsService ব্যবহার করে একটি সংগ্রহের দৃশ্য তৈরি করতে, ম্যানিফেস্ট এন্ট্রিটি দেখতে এরকম হতে পারে:

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

এই উদাহরণে, android:name="MyWidgetService" আপনার RemoteViewsService এর সাবক্লাসকে বোঝায়।

সংগ্রহ সহ উইজেটগুলির জন্য বিন্যাস

আপনার উইজেট লেআউট XML ফাইলের জন্য প্রধান প্রয়োজনীয়তা হল এটি সংগ্রহের দৃশ্যগুলির মধ্যে একটি অন্তর্ভুক্ত করে: ListView , GridView , StackView , বা AdapterViewFlipperStackWidget নমুনার জন্য এখানে widget_layout.xml ফাইল আছে:

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

মনে রাখবেন যে খালি দৃশ্যগুলি সংগ্রহের দৃশ্যের ভাইবোন হতে হবে যার জন্য খালি দৃশ্যটি খালি অবস্থার প্রতিনিধিত্ব করে।

আপনার সম্পূর্ণ উইজেটের জন্য লেআউট ফাইল ছাড়াও, অন্য একটি লেআউট ফাইল তৈরি করুন যা সংগ্রহের প্রতিটি আইটেমের জন্য বিন্যাস সংজ্ঞায়িত করে—উদাহরণস্বরূপ, বইয়ের সংগ্রহে প্রতিটি বইয়ের জন্য একটি লেআউট। StackWidget নমুনায় শুধুমাত্র একটি আইটেম লেআউট ফাইল আছে, widget_item.xml , যেহেতু সমস্ত আইটেম একই লেআউট ব্যবহার করে।

সংগ্রহ সহ উইজেটগুলির জন্য AppWidgetProvider ক্লাস

নিয়মিত উইজেটগুলির মতো, আপনার AppWidgetProvider সাবক্লাসের বেশিরভাগ কোড সাধারণত onUpdate() এ যায়। সংগ্রহের সাথে একটি উইজেট তৈরি করার সময় onUpdate() এর জন্য আপনার বাস্তবায়নের প্রধান পার্থক্য হল যে আপনাকে অবশ্যই setRemoteAdapter() কল করতে হবে। এটি সংগ্রহের দৃশ্যকে তার ডেটা কোথায় পেতে হবে তা বলে। RemoteViewsService তারপর আপনার RemoteViewsFactory এর বাস্তবায়ন ফিরিয়ে দিতে পারে এবং উইজেটটি উপযুক্ত ডেটা পরিবেশন করতে পারে। যখন আপনি এই পদ্ধতিতে কল করেন, তখন একটি উদ্দেশ্য পাস করুন যা আপনার RemoteViewsService বাস্তবায়নের দিকে নির্দেশ করে এবং উইজেট আইডি যা আপডেট করার জন্য উইজেট নির্দিষ্ট করে।

উদাহরণস্বরূপ, StackWidget নমুনা উইজেট সংগ্রহের জন্য রিমোট অ্যাডাপ্টার হিসাবে RemoteViewsService সেট করতে onUpdate() কলব্যাক পদ্ধতিটি কীভাবে প্রয়োগ করে তা এখানে রয়েছে:

কোটলিন

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

জাভা

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);
}

অবিরত তথ্য

এই পৃষ্ঠায় বর্ণিত হিসাবে, RemoteViewsService সাবক্লাস রিমোট সংগ্রহের ভিউ পূরণ করতে ব্যবহৃত RemoteViewsFactory প্রদান করে।

বিশেষ করে, এই পদক্ষেপগুলি সম্পাদন করুন:

  1. সাবক্লাস RemoteViewsServiceRemoteViewsService হল সেই পরিষেবা যার মাধ্যমে একটি দূরবর্তী অ্যাডাপ্টার RemoteViews অনুরোধ করতে পারে।

  2. আপনার RemoteViewsService সাবক্লাসে, এমন একটি ক্লাস অন্তর্ভুক্ত করুন যা RemoteViewsFactory ইন্টারফেস প্রয়োগ করে। RemoteViewsFactory হল একটি অ্যাডাপ্টারের জন্য একটি রিমোট কালেকশন ভিউ—যেমন ListView , GridView , StackView —এবং সেই ভিউয়ের অন্তর্নিহিত ডেটার মধ্যে একটি ইন্টারফেস৷ ডেটাসেটের প্রতিটি আইটেমের জন্য একটি RemoteViews অবজেক্ট তৈরি করার জন্য আপনার বাস্তবায়ন দায়ী। এই ইন্টারফেসটি Adapter চারপাশে একটি পাতলা মোড়ক।

আপনি আপনার পরিষেবার একটি একক দৃষ্টান্তের উপর নির্ভর করতে পারবেন না, বা এটিতে থাকা যেকোন ডেটার উপর নির্ভর করতে পারবেন না। আপনার RemoteViewsService এ ডেটা সঞ্চয় করবেন না যদি না এটি স্ট্যাটিক হয়। আপনি যদি আপনার উইজেটের ডেটা টিকে থাকতে চান, তাহলে সর্বোত্তম পদ্ধতি হল এমন একটি ContentProvider ব্যবহার করা যার ডেটা প্রক্রিয়া জীবনচক্রের বাইরে থেকে যায়৷ উদাহরণস্বরূপ, একটি মুদি দোকানের উইজেট প্রতিটি মুদির তালিকা আইটেমের অবস্থা একটি স্থায়ী অবস্থানে সংরক্ষণ করতে পারে, যেমন একটি SQL ডাটাবেস।

RemoteViewsService বাস্তবায়নের প্রাথমিক বিষয়বস্তু হল এর RemoteViewsFactory , নিম্নলিখিত বিভাগে বর্ণিত।

রিমোটভিউ ফ্যাক্টরি ইন্টারফেস

আপনার কাস্টম ক্লাস যেটি RemoteViewsFactory ইন্টারফেস প্রয়োগ করে সেটির সংগ্রহের আইটেমগুলির জন্য ডেটা সহ উইজেট প্রদান করে। এটি করার জন্য, এটি আপনার উইজেট আইটেম XML লেআউট ফাইলকে ডেটার উৎসের সাথে একত্রিত করে। ডেটার এই উৎস একটি ডাটাবেস থেকে একটি সাধারণ অ্যারে যা কিছু হতে পারে। StackWidget নমুনায়, ডেটা উৎস হল WidgetItems এর একটি অ্যারে। RemoteViewsFactory দূরবর্তী সংগ্রহের দৃশ্যে ডেটা আঠালো করার জন্য অ্যাডাপ্টার হিসাবে কাজ করে।

আপনার RemoteViewsFactory সাবক্লাসের জন্য আপনার প্রয়োগ করার জন্য সবচেয়ে গুরুত্বপূর্ণ দুটি পদ্ধতি হল onCreate() এবং getViewAt()

প্রথমবার আপনার কারখানা তৈরি করার সময় সিস্টেমটি onCreate() কল করে। এখানেই আপনি আপনার ডেটা উৎসে কোনো সংযোগ বা কার্সার সেট আপ করেন। উদাহরণস্বরূপ, StackWidget নমুনা WidgetItem অবজেক্টের একটি অ্যারে শুরু করতে onCreate() ব্যবহার করে। যখন আপনার উইজেট সক্রিয় থাকে, সিস্টেম অ্যারেতে তাদের সূচক অবস্থান ব্যবহার করে এই বস্তুগুলি অ্যাক্সেস করে এবং এতে থাকা পাঠ্য প্রদর্শন করে।

এখানে StackWidget নমুনার RemoteViewsFactory বাস্তবায়ন থেকে একটি উদ্ধৃতি দেওয়া হল যা onCreate() পদ্ধতির অংশগুলি দেখায়:

কোটলিন

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!") }
        ...
    }
    ...
}

জাভা

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 + "!"));
        }
        ...
    }
...

RemoteViewsFactory পদ্ধতি getViewAt() ডেটা সেটের নির্দিষ্ট position ডেটার সাথে সম্পর্কিত একটি RemoteViews অবজেক্ট প্রদান করে। এখানে StackWidget নমুনার RemoteViewsFactory বাস্তবায়ন থেকে একটি উদ্ধৃতি দেওয়া হল:

কোটলিন

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

জাভা

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

পৃথক আইটেম আচরণ যোগ করুন

পূর্ববর্তী বিভাগগুলি দেখায় কিভাবে আপনার উইজেট সংগ্রহে আপনার ডেটা আবদ্ধ করতে হয়। কিন্তু আপনি যদি আপনার সংগ্রহের দৃশ্যে পৃথক আইটেমগুলিতে গতিশীল আচরণ যোগ করতে চান?

onUpdate() ক্লাসের সাথে হ্যান্ডেল ইভেন্টে বর্ণিত হিসাবে, আপনি সাধারণত একটি বস্তুর ক্লিক আচরণ সেট করতে setOnClickPendingIntent() ব্যবহার করেন—যেমন একটি Activity চালু করার জন্য একটি বোতাম সৃষ্টি করতে। কিন্তু একটি পৃথক সংগ্রহ আইটেমে শিশুর মতামতের জন্য এই পদ্ধতির অনুমতি নেই। উদাহরণস্বরূপ, আপনি Gmail উইজেটে একটি গ্লোবাল বোতাম সেট আপ করতে setOnClickPendingIntent() ব্যবহার করতে পারেন যা অ্যাপটি চালু করে, উদাহরণস্বরূপ, তবে পৃথক তালিকার আইটেমগুলিতে নয়।

পরিবর্তে, একটি সংগ্রহে পৃথক আইটেমগুলিতে ক্লিক আচরণ যোগ করতে, setOnClickFillInIntent() ব্যবহার করুন। এটি আপনার সংগ্রহের দৃশ্যের জন্য একটি মুলতুবি অভিপ্রায় টেমপ্লেট সেট আপ করে এবং তারপর আপনার RemoteViewsFactory এর মাধ্যমে সংগ্রহের প্রতিটি আইটেমে একটি ফিল-ইন অভিপ্রায় সেট করে।

এই বিভাগটি StackWidget নমুনা ব্যবহার করে বর্ণনা করে যে কীভাবে পৃথক আইটেমগুলিতে আচরণ যোগ করতে হয়। StackWidget নমুনায়, ব্যবহারকারী যদি উপরের দৃশ্যে স্পর্শ করে, উইজেটটি Toast বার্তা "টাচড ভিউ n " প্রদর্শন করে, যেখানে n হল স্পর্শ করা দৃশ্যের সূচক (অবস্থান)। এটি এইভাবে কাজ করে:

  • StackWidgetProvider AppWidgetProvider সাবক্লাস— TOAST_ACTION নামে একটি কাস্টম অ্যাকশন সহ একটি মুলতুবি অভিপ্রায় তৈরি করে।

  • যখন ব্যবহারকারী একটি দৃশ্য স্পর্শ করে, উদ্দেশ্যটি আগুন হয়ে যায় এবং এটি TOAST_ACTION সম্প্রচার করে।

  • এই সম্প্রচারটি StackWidgetProvider ক্লাসের onReceive() পদ্ধতি দ্বারা বাধাপ্রাপ্ত হয় এবং উইজেট স্পর্শ করা দৃশ্যের জন্য Toast বার্তা প্রদর্শন করে। সংগ্রহের আইটেমগুলির ডেটা RemoteViewsFactory দ্বারা RemoteViewsService মাধ্যমে প্রদান করা হয়।

মুলতুবি অভিপ্রায় টেমপ্লেট সেট আপ করুন

StackWidgetProvider (একটি AppWidgetProvider সাবক্লাস) একটি মুলতুবি অভিপ্রায় সেট আপ করে। একটি সংগ্রহের পৃথক আইটেম তাদের নিজস্ব মুলতুবি ইন্টেন্ট সেট আপ করতে পারে না. পরিবর্তে, সামগ্রিকভাবে সংগ্রহটি একটি মুলতুবি অভিপ্রায় টেমপ্লেট সেট আপ করে, এবং পৃথক আইটেমগুলি একটি আইটেম দ্বারা আইটেম ভিত্তিতে অনন্য আচরণ তৈরি করার জন্য একটি ফিল-ইন অভিপ্রায় সেট করে৷

এই শ্রেণীটিও সেই সম্প্রচার গ্রহণ করে যা প্রেরিত হয় যখন ব্যবহারকারী একটি ভিউ স্পর্শ করে। এটি তার onReceive() পদ্ধতিতে এই ইভেন্টটি প্রক্রিয়া করে। যদি অভিপ্রায়ের ক্রিয়াটি TOAST_ACTION হয়, উইজেটটি বর্তমান দৃশ্যের জন্য একটি Toast বার্তা প্রদর্শন করে৷

কোটলিন

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

জাভা

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);
    }
}

ফিল-ইন অভিপ্রায় সেট করুন

আপনার RemoteViewsFactory সংগ্রহের প্রতিটি আইটেমের জন্য একটি ফিল-ইন অভিপ্রায় সেট করতে হবে। এটি একটি প্রদত্ত আইটেমের স্বতন্ত্র অন-ক্লিক ক্রিয়াকে আলাদা করা সম্ভব করে তোলে। ফিল-ইন অভিপ্রায় তারপরে PendingIntent টেমপ্লেটের সাথে মিলিত হয় যাতে চূড়ান্ত অভিপ্রায়টি নির্ণয় করা হয় যা আইটেমটি ট্যাপ করার সময় কার্যকর করা হয়।

কোটলিন

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)
            ...
        }
    }
    ...
}

জাভা

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;
    }
    ...
}

সংগ্রহের ডেটা তাজা রাখুন

চিত্র 2 একটি উইজেটে আপডেট প্রবাহকে চিত্রিত করে যা সংগ্রহগুলি ব্যবহার করে। এটি দেখায় কিভাবে উইজেট কোড RemoteViewsFactory এর সাথে ইন্টারঅ্যাক্ট করে এবং কিভাবে আপনি আপডেটগুলি ট্রিগার করতে পারেন:

চিত্র 2. আপডেটের সময় RemoteViewsFactory এর সাথে মিথস্ক্রিয়া।

সংগ্রহগুলি ব্যবহার করে এমন উইজেটগুলি ব্যবহারকারীদের আপ-টু-ডেট সামগ্রী সরবরাহ করতে পারে। উদাহরণস্বরূপ, Gmail উইজেট ব্যবহারকারীদের তাদের ইনবক্সের একটি স্ন্যাপশট দেয়। এটি সম্ভব করার জন্য, নতুন ডেটা আনতে এবং প্রদর্শন করতে আপনার RemoteViewsFactory এবং সংগ্রহের দৃশ্য ট্রিগার করুন।

এটি করার জন্য, notifyAppWidgetViewDataChanged() কল করতে AppWidgetManager ব্যবহার করুন। এই কলের ফলে আপনার RemoteViewsFactory অবজেক্টের onDataSetChanged() পদ্ধতিতে কলব্যাক হয়, যা আপনাকে নতুন ডেটা আনতে দেয়।

আপনি onDataSetChanged() কলব্যাকের মধ্যে সিঙ্ক্রোনাসভাবে প্রক্রিয়াকরণ-নিবিড় ক্রিয়াকলাপ সম্পাদন করতে পারেন। আপনি নিশ্চিত যে RemoteViewsFactory থেকে মেটাডেটা বা ভিউ ডেটা আনার আগে এই কলটি সম্পূর্ণ হবে। আপনি getViewAt() পদ্ধতির মধ্যে প্রক্রিয়াকরণ-নিবিড় ক্রিয়াকলাপগুলিও সম্পাদন করতে পারেন। যদি এই কলটি দীর্ঘ সময় নেয়, লোডিং ভিউ - RemoteViewsFactory অবজেক্টের getLoadingView() পদ্ধতি দ্বারা নির্দিষ্ট করা - এটি ফিরে না আসা পর্যন্ত সংগ্রহ দৃশ্যের সংশ্লিষ্ট অবস্থানে প্রদর্শিত হয়৷

সরাসরি একটি সংগ্রহ বরাবর পাস করতে RemoteCollectionItems ব্যবহার করুন

Android 12 (API লেভেল 31) setRemoteAdapter(int viewId, RemoteViews.RemoteCollectionItems items) পদ্ধতি যোগ করে, যা আপনার অ্যাপকে একটি সংগ্রহের ভিউ পপুলেট করার সময় সরাসরি একটি সংগ্রহের সাথে পাস করতে দেয়। আপনি যদি এই পদ্ধতিটি ব্যবহার করে আপনার অ্যাডাপ্টার সেট করেন, তাহলে আপনাকে একটি RemoteViewsFactory প্রয়োগ করতে হবে না এবং আপনাকে notifyAppWidgetViewDataChanged() কল করতে হবে না।

আপনার অ্যাডাপ্টারকে পপুলেট করা সহজ করার পাশাপাশি, ব্যবহারকারীরা যখন একটি নতুন আইটেম প্রকাশ করতে তালিকার নিচে স্ক্রোল করেন তখন এই পদ্ধতিটি নতুন আইটেমগুলিকে পপুলেট করার জন্য বিলম্বতাও সরিয়ে দেয়। অ্যাডাপ্টার সেট করার এই পদ্ধতিটি পছন্দ করা হয় যতক্ষণ না আপনার সংগ্রহের আইটেমগুলির সেট তুলনামূলকভাবে ছোট হয়। যাইহোক, উদাহরণস্বরূপ, যদি আপনার সংগ্রহে setImageViewBitmap এ পাস করা অসংখ্য Bitmaps থাকে তবে এই পদ্ধতিটি ভাল কাজ করে না।

যদি সংগ্রহটি লেআউটের একটি ধ্রুবক সেট ব্যবহার না করে-অর্থাৎ, যদি কিছু আইটেম শুধুমাত্র মাঝে মাঝে উপস্থিত থাকে- setViewTypeCount ব্যবহার করুন যাতে সংগ্রহে থাকতে পারে এমন অনন্য লেআউটগুলির সর্বাধিক সংখ্যা নির্দিষ্ট করতে। এটি আপনার অ্যাপ উইজেটের আপডেট জুড়ে অ্যাডাপ্টারটিকে পুনরায় ব্যবহার করতে দেয়।

সরলীকৃত RemoteViews সংগ্রহ কিভাবে বাস্তবায়ন করতে হয় তার একটি উদাহরণ এখানে দেওয়া হল।

কোটলিন

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

জাভা

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()
);