🌱 📚 🔃 ऊपरी टूलबार में एक काउंटर के साथ आइकन: एक कार्य के लिए विभिन्न तरीकों का एक उदाहरण 🕗 😸 🛥️

प्रत्येक डेवलपर के जीवन में, एक ऐसा क्षण होता है, जब आप किसी विदेशी एप्लिकेशन में एक दिलचस्प समाधान देखते हैं, तो आप इसे अपने आप में लागू करना चाहते हैं। यह तार्किक है और काफी सरल होना चाहिए। और निश्चित रूप से "अच्छाई के निगम" से लोगों की देखभाल करते हुए इस पर किसी तरह का गाइड लिखा या एक प्रशिक्षण वीडियो बनाया जहां यह उंगलियों पर दिखाया गया था कि वांछित परिणाम प्राप्त करने के लिए कुछ तरीकों को कैसे कॉल किया जाए। अक्सर ऐसा ही होता है।

लेकिन यह पूरी तरह से अलग तरीके से होता है: आप हर दूसरे आवेदन में किसी चीज के कार्यान्वयन को देखते हैं, और जब घर पर उसी के कार्यान्वयन की बात आती है - तो यह पता चलता है कि इसके लिए अभी भी कोई आसान उपाय नहीं हैं ...

मेरे साथ यह तब हुआ जब शीर्ष पैनल के काउंटर के साथ आइकन जोड़ना आवश्यक हो गया। मुझे बहुत आश्चर्य हुआ जब यह पता चला कि इस तरह के एक परिचित और मांग वाले यूआई तत्व को लागू करने का कोई सरल उपाय नहीं है। लेकिन ऐसा होता है, दुर्भाग्य से। और मैंने विश्वव्यापी नेटवर्क के ज्ञान की ओर मुड़ने का फैसला किया। ऊपरी टूलबार में एक काउंटर के साथ एक आइकन रखने का मुद्दा, जैसा कि यह निकला, काफी चिंतित था। इंटरनेट पर कुछ समय बिताने के बाद, मुझे बहुत सारे समाधान मिले। सामान्य तौर पर, वे सभी श्रमिक हैं और जीवन का अधिकार है। इसके अलावा, मेरे शोध का परिणाम स्पष्ट रूप से दिखाता है कि विभिन्न तरीकों से एंड्रॉइड में कार्यों का समाधान कैसे प्राप्त किया जाए।

इस लेख में मैं काउंटर आइकन के कई कार्यान्वयनों के बारे में बात करूंगा। यहाँ 4 उदाहरण हैं। यदि आप थोड़ा और विस्तृत रूप से सोचते हैं, तो हम लगभग किसी भी कस्टम तत्व के बारे में बात करेंगे, जिसे हम ऊपरी टूलबार में रखना चाहते हैं। तो चलिए शुरू करते हैं।

निर्णय एक

संकल्पना

हर बार आपको आइकन पर काउंटर को खींचने या अपडेट करने की आवश्यकता होती है, आपको मार्कअप फ़ाइल के आधार पर Drawable बनाने और इसे आइकन के रूप में टूलबार पर खींचने की आवश्यकता होती है।

कार्यान्वयन

res/layouts में एक badge_with_counter_icon मार्कअप फ़ाइल बनाएँ:

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="@dimen/menu_item_icon_size" > <ImageView android:id="@+id/icon_badge" android:layout_width="@dimen/menu_item_icon_size" android:layout_height="@dimen/menu_item_icon_size" android:scaleType="fitXY" android:src="@drawable/icon" android:layout_alignParentStart="true"/> <TextView android:id="@+id/counter" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignStart="@id/icon_badge" android:layout_alignTop="@+id/icon_badge" android:layout_gravity="center" android:layout_marginStart="@dimen/counter_left_margin" android:background="@drawable/counter_background" android:gravity="center" android:paddingLeft="@dimen/counter_text_horizontal_padding" android:paddingRight="@dimen/counter_text_horizontal_padding" android:text="99" android:textAppearance="@style/CounterText" /> </RelativeLayout>

यहां हम काउंटर को आइकन के बाएं किनारे से जोड़ते हैं और एक निश्चित इंडेंट का संकेत देते हैं: यह आवश्यक है ताकि जब पाठ की लंबाई बढ़ जाए, काउंटर का मुख्य आइकन ओवरलैप न हो - यह बदसूरत है।

res/values/dimens ऐड में:

 <dimen name="menu_item_icon_size">24dp</dimen> <dimen name="counter_left_margin">14dp</dimen> <dimen name="counter_badge_radius">6dp</dimen> <dimen name="counter_text_size">9sp</dimen> <dimen name="counter_text_horizontal_padding">4dp</dimen>

सामग्री डिजाइन गाइड के अनुसार आइकन का आकार।

res/values/colors जोड़ें:

 <color name="counter_background_color">@android:color/holo_red_light</color> <color name="counter_text_color">@android:color/white</color>

res/values/styles जोड़ें:

 <style name="CounterText"> <item name="android:fontFamily">sans-serif</item> <item name="android:textSize">@dimen/counter_text_size</item> <item name="android:textColor">@color/counter_text_color</item> <item name="android:textStyle">normal</item> </style>

res/drawable/ resource में res/drawable/ बनाएँ:

 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@color/counter_background_color"/> <corners android:radius="@dimen/counter_badge_radius"/> </shape>

एक आइकन के रूप में, अपनी तस्वीर लें, इसे icon कहें और संसाधनों में डालें।

res/menu menu_main.xml फ़ाइल बनाएँ:

 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/action_counter_1" android:icon="@drawable/icon" android:title="icon" app:showAsAction="ifRoom"/> </menu>

एक वर्ग बनाएं जो मार्कअप को Drawable परिवर्तित करे:

LayoutToDrawableConverter.java

 package com.example.counters.counters; import android.content.Context; import android.graphics.Bitmap; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.view.LayoutInflater; import android.view.View; import android.widget.ImageView; import android.widget.TextView; public class LayoutToDrawableConverter { public static Drawable convertToImage(Context context, int count, int drawableId) { LayoutInflater inflater = LayoutInflater.from(context); View view = inflater.inflate(R.layout.badge_with_counter_icon, null); ((ImageView) view.findViewById(R.id.icon_badge)).setImageResource(drawableId); TextView textView = view.findViewById(R.id.counter); if (count == 0) { textView.setVisibility(View.GONE); } else { textView.setText(String.valueOf(count)); } view.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight()); view.setDrawingCacheEnabled(true); view.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_HIGH); Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache()); view.setDrawingCacheEnabled(false); return new BitmapDrawable(context.getResources(), bitmap); } }

अगला, हमें जो Activity चाहिए, उसमें जोड़ें:

  private int mCounterValue1 = 0; @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); MenuItem menuItem = menu.findItem(R.id.action_with_counter_1); menuItem.setIcon(LayoutToDrawableConverter.convertToImage(this, mCounterValue1, R.drawable.icon)); return true; } @Override public boolean onOptionsItemSelected(final MenuItem item) { switch (item.getItemId()) { case R.id.action_counter_1: updateFirstCounter(mCounterValue1 + 1); return true; default: return super.onOptionsItemSelected(item); } } private void updateFirstCounter(int newCounterValue){ mCountrerValue1 = newCounterValue; invalidateOptionsMenu(); }

अब, यदि काउंटर को अपडेट करना आवश्यक है, तो हम updateFirstCounter विधि को कॉल करते हैं, इसके वास्तविक मूल्य को पास करते हुए। जब मैंने आइकन पर क्लिक किया तो मैंने काउंटर वैल्यू में वृद्धि पोस्ट की। अन्य क्रियान्वयन के साथ भी मैं ऐसा ही करूंगा।

निम्नलिखित पर ध्यान देना आवश्यक है: हम एक छवि बनाते हैं, जिसे हम तब मेनू आइटम को खिलाते हैं - सभी आवश्यक संकेत स्वचालित रूप से उत्पन्न होते हैं, हमें उन्हें ध्यान में रखने की आवश्यकता नहीं है।

दूसरा फैसला

संकल्पना

इस कार्यान्वयन में, हम LayerList में वर्णित बहुपरत तत्व के आधार पर LayerList आइकन LayerList , जिसमें सही समय पर हम काउंटर को स्वयं खींचते हैं, जिससे आइकन अपरिवर्तित रहता है।

कार्यान्वयन

इसके बाद, मैं धीरे-धीरे सभी कार्यान्वयनों के लिए संसाधन और कोड जोड़ूंगा।

res/drawable/ ic_layered_counter_icon.xml बनाएं:

 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/icon" android:gravity="center" /> <item android:id="@+id/ic_counter" android:drawable="@android:color/transparent" /> </layer-list>

res/menu/menu_main.xml जोड़ें:

 <item android:id="@+id/action_counter_2" android:icon="@drawable/ic_layered_counter_icon" android:title="layered icon" app:showAsAction="ifRoom"/>

res/values/dimens ऐड में:

 <dimen name="counter_text_vertical_padding">2dp</dimen>

फ़ाइल बनाएँ CounterDrawable.java :

 package com.example.counters.counters; import android.content.Context; import android.graphics.Canvas; import android.graphics.ColorFilter; import android.graphics.Paint; import android.graphics.PixelFormat; import android.graphics.Rect; import android.graphics.Typeface; import android.graphics.drawable.Drawable; import android.support.v4.content.ContextCompat; public class CounterDrawable extends Drawable { private Paint mBadgePaint; private Paint mTextPaint; private Rect mTxtRect = new Rect(); private String mCount = ""; private boolean mWillDraw; private Context mContext; public CounterDrawable(Context context) { mContext = context; float mTextSize = context.getResources() .getDimension(R.dimen.counter_text_size); mBadgePaint = new Paint(); mBadgePaint.setColor(ContextCompat.getColor(context.getApplicationContext(), R.color.counter_background_color)); mBadgePaint.setAntiAlias(true); mBadgePaint.setStyle(Paint.Style.FILL); mTextPaint = new Paint(); mTextPaint.setColor(ContextCompat.getColor(context.getApplicationContext(), R.color.counter_text_color)); mTextPaint.setTypeface(Typeface.DEFAULT); mTextPaint.setTextSize(mTextSize); mTextPaint.setAntiAlias(true); mTextPaint.setTextAlign(Paint.Align.CENTER); } @Override public void draw(Canvas canvas) { if (!mWillDraw) { return; } float radius = mContext.getResources() .getDimension(R.dimen.counter_badge_radius); float counterLeftMargin = mContext.getResources() .getDimension(R.dimen.counter_left_margin); float horizontalPadding = mContext.getResources() .getDimension(R.dimen.counter_text_horizontal_padding); float verticalPadding = mContext.getResources() .getDimension(R.dimen.counter_text_vertical_padding); mTextPaint.getTextBounds(mCount, 0, mCount.length(), mTxtRect); float textHeight = mTxtRect.bottom - mTxtRect.top; float textWidth = mTxtRect.right - mTxtRect.left; float badgeWidth = Math.max(textWidth + 2 * horizontalPadding, 2 * radius); float badgeHeight = Math.max(textHeight + 2 * verticalPadding, 2 * radius); canvas.drawCircle(counterLeftMargin + radius, radius, radius, mBadgePaint); canvas.drawCircle(counterLeftMargin + radius, badgeHeight - radius, radius, mBadgePaint); canvas.drawCircle(counterLeftMargin + badgeWidth - radius, badgeHeight - radius, radius, mBadgePaint); canvas.drawCircle(counterLeftMargin + badgeWidth - radius, radius, radius, mBadgePaint); canvas.drawRect(counterLeftMargin + radius, 0, counterLeftMargin + badgeWidth - radius, badgeHeight, mBadgePaint); canvas.drawRect(counterLeftMargin, radius, counterLeftMargin + badgeWidth, badgeHeight - radius, mBadgePaint); // for API 21 and more: //canvas.drawRoundRect(counterLeftMargin, 0, counterLeftMargin + badgeWidth, badgeHeight, radius, radius, mBadgePaint); canvas.drawText(mCount, counterLeftMargin + badgeWidth / 2, verticalPadding + textHeight, mTextPaint); } public void setCount(String count) { mCount = count; mWillDraw = !count.equalsIgnoreCase("0"); invalidateSelf(); } @Override public void setAlpha(int alpha) { // do nothing } @Override public void setColorFilter(ColorFilter cf) { // do nothing } @Override public int getOpacity() { return PixelFormat.UNKNOWN; } }

यह वर्ग हमारे आइकन के ऊपरी दाएं कोने में काउंटर को प्रस्तुत करेगा। एक काउंटर बैकग्राउंड बनाने का सबसे आसान तरीका है कि बस canvas.drawRoundRect को canvas.drawRoundRect एक गोलाकार आयत canvas.drawRoundRect । यह तरीका 21 वें से ऊपर के एपीआई संस्करणों के लिए उपयुक्त है। हालांकि एपीआई के पिछले संस्करणों के लिए, यह विशेष रूप से मुश्किल नहीं है।

अगला, हमारी Activity जोड़ें:

 private int mCounterValue2 = 0; private LayerDrawable mIcon2; private void initSecondCounter(Menu menu){ MenuItem menuItem = menu.findItem(R.id.action_counter_2); mIcon2 = (LayerDrawable) menuItem.getIcon(); updateSecondCounter(mCounterValue2); } private void updateSecondCounter(int newCounterValue) { CounterDrawable badge; Drawable reuse = mIcon2.findDrawableByLayerId(R.id.ic_counter); if (reuse != null && reuse instanceof CounterDrawable) { badge = (CounterDrawable) reuse; } else { badge = new CounterDrawable(this); } badge.setCount(String.valueOf(newCounterValue)); mIcon2.mutate(); mIcon2.setDrawableByLayerId(R.id.ic_counter, badge); }

onOptionsItemSelected में कोड जोड़ें। पहले कार्यान्वयन के लिए कोड के आधार पर, यह विधि इस तरह दिखाई देगी:

 @Override public boolean onOptionsItemSelected(final MenuItem item) { switch (item.getItemId()) { case R.id.action_counter_1: updateFirstCounter(mCounterValue1 + 1); return true; case R.id.action_counter_2: updateSecondCounter(++mCounterValue2); return true; default: return super.onOptionsItemSelected(item); } }

यह सब, दूसरा कार्यान्वयन तैयार है। पिछली बार की तरह, मैंने आइकन पर क्लिक करके काउंटर अपडेट को लटका दिया था, लेकिन इसे updateSecondCounter विधि से कहीं भी कॉल करके आरंभ किया जा सकता है। जैसा कि आप देख सकते हैं, हम अपने हाथों से कैनवस पर काउंटर खींचते हैं, लेकिन आप कुछ और दिलचस्प चीज़ों के साथ आ सकते हैं - यह सब आपकी कल्पना या ग्राहक की इच्छाओं पर निर्भर करता है।

निर्णय तीन

संकल्पना

एक मेनू आइटम के लिए, हम एक छवि का उपयोग नहीं करते हैं, लेकिन मनमाना मार्कअप के साथ एक तत्व। तब हम इस तत्व के घटकों को ढूंढते हैं और उनसे लिंक को बचाते हैं।

इस मामले में, हम TextView आइकन और TextView काउंटर में रुचि रखते हैं, लेकिन वास्तव में यह कुछ और कस्टम हो सकता है। इस तत्व पर क्लिक करने की प्रक्रिया को तुरंत तेज करें। यह किया जाना चाहिए, क्योंकि onOptionsItemSelected विधि onOptionsItemSelected टूलबार में कस्टम तत्वों के लिए नहीं कहा जाता है।

कार्यान्वयन

हम एक badge_with_counter.xml मार्कअप फ़ाइल को res/layouts में बनाते res/layouts :

 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content"> <RelativeLayout android:layout_width="@dimen/menu_item_size" android:layout_height="@dimen/menu_item_size"> <ImageView android:id="@+id/icon_badge" android:layout_width="@dimen/menu_item_icon_size" android:layout_height="@dimen/menu_item_icon_size" android:layout_centerInParent="true" android:scaleType="fitXY" android:src="@drawable/icon" /> <TextView android:id="@+id/counter" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignStart="@id/icon_badge" android:layout_alignTop="@+id/icon_badge" android:layout_gravity="center" android:layout_marginStart="@dimen/counter_left_margin" android:background="@drawable/counter_background" android:gravity="center" android:paddingLeft="@dimen/counter_text_horizontal_padding" android:paddingRight="@dimen/counter_text_horizontal_padding" android:text="99" android:textAppearance="@style/CounterText" /> </RelativeLayout> </FrameLayout>

res/values/dimens ऐड में:

 <dimen name="menu_item_size">48dp</dimen>

res/menu/menu_main.xml :

 <item android:id="@+id/action_counter_3" app:actionLayout="@layout/badge_with_counter" android:title="existing action view" app:showAsAction="ifRoom"/>

अगला, हमारी Activity जोड़ें:

 private int mCounterValue3 = 0; private ImageView mIcon3; private TextView mCounterText3; private void initThirdCounter(Menu menu){ MenuItem counterItem = menu.findItem(R.id.action_counter_3); View counter = counterItem.getActionView(); mIcon3 = counter.findViewById(R.id.icon_badge); mCounterText3 = counter.findViewById(R.id.counter); counter.setOnClickListener(v -> onThirdCounterClick()); updateThirdCounter(mCounterValue3); } private void onThirdCounterClick(){ updateThirdCounter(++mCounterValue3); } private void updateThirdCounter(int newCounterValue) { if (mIcon3 == null || mCounterText3 == null) { return; } if (newCounterValue == 0) { mIcon3.setImageResource(R.drawable.icon); mCounterText3.setVisibility(View.GONE); } else { mIcon3.setImageResource(R.drawable.icon); mCounterText3.setVisibility(View.VISIBLE); mCounterText3.setText(String.valueOf(newCounterValue)); } }

onPrepareOptionsMenu जोड़ें:

 initThirdCounter(menu);

अब, पिछले परिवर्तनों को ध्यान में रखते हुए, यह विधि इस तरह दिखती है:

 @Override public boolean onPrepareOptionsMenu(final Menu menu) { // the second counter initSecondCounter(menu); // the third counter initThirdCounter(menu); return super.onPrepareOptionsMenu(menu); }

हो गया! कृपया ध्यान दें कि हमारे तत्व के लिए हमने मार्कअप लिया, जिसमें हमने स्वतंत्र रूप से सभी आवश्यक आकारों और इंडेंटों का संकेत दिया - इस मामले में, सिस्टम हमारे लिए ऐसा नहीं करेगा।

निर्णय चार

संकल्पना

पिछले संस्करण के समान ही, लेकिन यहां हम कोड से सीधे अपना तत्व बनाते हैं और जोड़ते हैं।

कार्यान्वयन

Activity जोड़ें:

 private int mCounterValue4 = 0; private void addFourthCounter(Menu menu, Context context) { View counter = LayoutInflater.from(context) .inflate(R.layout.badge_with_counter, null); counter.setOnClickListener(v -> onFourthCounterClick()); mIcon4 = counter.findViewById(R.id.icon_badge); mCounterText4 = counter.findViewById(R.id.counter); MenuItem counterMenuItem = menu.add(context.getString(R.string.counter)); counterMenuItem.setActionView(counter); counterMenuItem.setShowAsActionFlags(MenuItem.SHOW_AS_ACTION_ALWAYS); updateFourthCounter(mCounterValue4); } private void onFourthCounterClick(){ updateFourthCounter(++mCounterValue4); } private void updateFourthCounter(int newCounterValue) { if (mIcon4 == null || mCounterText4 == null) { return; } if (newCounterValue == 0) { mIcon4.setImageResource(R.drawable.icon); mCounterText4.setVisibility(View.GONE); } else { mIcon4.setImageResource(R.drawable.icon); mCounterText4.setVisibility(View.VISIBLE); mCounterText4.setText(String.valueOf(newCounterValue)); } }

इस विकल्प में, मेनू में हमारे आइटम को जोड़ने के लिए पहले से ही onCreateOptionsMenu करने की आवश्यकता है

पिछले परिवर्तनों के आधार पर, यह विधि अब इस तरह दिखती है:

 @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); MenuItem menuItem = menu.findItem(R.id.action_counter_1); // the first counter menuItem.setIcon(LayoutToDrawableConverter.convertToImage(this, mCounterValue1, R.drawable.icon)); // the third counter addFourthCounter(menu, this); return true; }

हो गया!

मेरी राय में, अंतिम दो समाधान सबसे सरल और सबसे सुरुचिपूर्ण हैं, और सबसे कम भी हैं: हम बस उस तत्व लेआउट का चयन करते हैं जिसकी हमें ज़रूरत है और इसे टूलबार में छोड़ दें, और सामग्री को अपडेट करें जैसे कि एक नियमित दृश्य का उपयोग करना।

ऐसा लगता है, मुझे केवल इस दृष्टिकोण का वर्णन क्यों नहीं करना चाहिए और इस पर ध्यान नहीं देना चाहिए? इसके दो कारण हैं:

सबसे पहले, मैं बताना चाहता हूं कि एक समस्या के कई समाधान हो सकते हैं;
दूसरे, विचार किए गए प्रत्येक विकल्प पर जीवन का अधिकार है।

याद रखें, मैंने लिखा है कि आप इन समाधानों को न केवल एक काउंटर के साथ एक आइकन को लागू करने के रूप में इलाज कर सकते हैं, बल्कि उन्हें टूलबार के लिए कुछ बहुत ही जटिल और दिलचस्प कस्टम तत्व में उपयोग कर सकते हैं, जिसके लिए प्रस्तावित समाधानों में से एक सबसे उपयुक्त होगा? मैं एक उदाहरण दूंगा।

चर्चा की गई सभी विधियों में से, सबसे विवादास्पद पहला है, क्योंकि यह सिस्टम को काफी भारी लोड करता है। इसका उपयोग उस स्थिति में उचित हो सकता है जब हमें आइकन के गठन के विवरण को छिपाने और पहले से गठित छवि को टूलबार में स्थानांतरित करने की आवश्यकता होती है। हालांकि, यह ध्यान में रखा जाना चाहिए कि इस तरह से आइकन को लगातार अपडेट करने से हम प्रदर्शन पर एक गंभीर झटका लगा सकते हैं।

दूसरी विधि हमारे लिए उपयुक्त है जब आपको कैनवास पर कुछ खींचने की आवश्यकता होती है। तीसरे और चौथे कार्यान्वयन शास्त्रीय कार्यों के लिए सबसे सार्वभौमिक हैं: एक अलग छवि बनाने के बजाय पाठ क्षेत्र के मूल्य को बदलना एक अच्छा समाधान होगा।

जब किसी प्रकार की जटिल ग्राफिक सुविधा को लागू करना आवश्यक हो जाता है, तो मैं आमतौर पर खुद से कहता हूं: "असंभव कुछ भी नहीं है - एकमात्र सवाल यह है कि कार्यान्वयन पर कितना समय और प्रयास खर्च करने की आवश्यकता है"।

अब आपके पास कार्य को प्राप्त करने के लिए कई विकल्प हैं और जैसा कि आप देख सकते हैं, आपको प्रत्येक विकल्प को लागू करने के लिए बहुत कम समय और प्रयास की आवश्यकता होती है।

ऊपरी टूलबार में एक काउंटर के साथ आइकन: एक कार्य के लिए विभिन्न तरीकों का एक उदाहरण

निर्णय एक

संकल्पना

कार्यान्वयन

दूसरा फैसला

संकल्पना

कार्यान्वयन

निर्णय तीन

संकल्पना

कार्यान्वयन

निर्णय चार

संकल्पना

कार्यान्वयन

More articles: