🙃 🤗 📸 "आइकन" मेनू के साथ Android संवाद बॉक्स 🧑🏻‍🤝‍🧑🏻 🛎️ 💻

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

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

जैसा कि ऊपर बताया गया है, मेरा काम इस तरह से एक संवाद बॉक्स बनाना था:

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

उत्तर सरल था और सतह पर था। इसका सार यह है कि एक संवाद बिल्डर के लिए आपको बस उपयुक्त डेटा प्रदाता (स्वाभाविक रूप से, प्रदाता को स्वयं द्वारा लिखे जाने की आवश्यकता है) को प्रतिस्थापित करने की आवश्यकता है।

तो, अब कुछ कोड होगा जिसमें टिप्पणी हो रही है कि क्या हो रहा है।

संभावित खाता प्रकारों की सूची (प्रदाता)

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

public final class AccountTypesProvider { public static List<AccountType> accountTypes = Collections.unmodifiableList(Arrays.asList( new AccountType(AccountType.TWITTER_ACCOUNT, "Twitter" , R.drawable.twitter_icon_big), new AccountType(AccountType.FACEBOOK_ACCOUNT, "Facebook" , R.drawable.facebook_icon_big), new AccountType(AccountType.BUZZ_ACCOUNT, "Google Buzz" , R.drawable.buzz_icon_big), new AccountType(AccountType.LINKEDIN_ACCOUNT, "LinkedIn" , R.drawable.linkedin_icon_big), new AccountType(AccountType.VKONTAKTE_ACOUNT, "" , R.drawable.vkontakte_icon_big) )); } * This source code was highlighted with Source Code Highlighter .

यह संभावित खाता प्रकारों की सूची के आसपास एक साधारण आवरण है। यहाँ खाते का प्रकार एक साधारण POJO वर्ग है, जिसमें इस प्रकार की सेवा के लिए एक पहचानकर्ता (स्थिर), एक सेवा का नाम और एक आइकन संसाधन पहचानकर्ता होता है।

किसी दिए गए लेआउट में खाता प्रकारों की सूची प्रदर्शित करने के लिए ListAdapter

सार्वजनिक अंतिम वर्ग AccountTypesListAdapter ArrayAdapter <AccountType> {
निजी गतिविधि संदर्भ;
निजी सूची <अकाउंटटाइप> अकाउंटटेप्स;
सार्वजनिक खाताटेक्स्टलिस्ट एडेप्टर (गतिविधि संदर्भ, सूची <खाता विवरण> खाता) {
सुपर (संदर्भ, R.layout.select_account_item, accountTypes);
this .context = प्रसंग;
यह .accountTypes = accountTypes;
}
@Override
सार्वजनिक दृश्य getView (अंतर स्थिति, ViewView देखें, व्यूग्रुप जनक) {
लेआउटइन्फ़्लेटर इनफ़ॉटर = संदर्भ.गेट लयआउटइन्फ़्लैटर ();
पंक्ति देखें = inflater.inflate (R.layout.select_account_item, parent, false );
TextView लेबल = (TextView) row.findViewById (R.id.text_item);
label.setText (accountTypes.get (स्थिति) .title);
ImageView आइकन = (ImageView) row.findViewById (R.id.icon_item);
icon.setImageResource (accountTypes.get (स्थिति) .bigIconId);
वापसी पंक्ति;
}
}
* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

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

यह एडेप्टर शीट इस तरह के लेआउट के साथ काम करती है

<? xml संस्करण = "1.0" एन्कोडिंग = "utf-8" ? >
< LinearLayout xmlns: android = "http://schemas.android.com/apk/res/android"
एंड्रॉइड: ओरिएंटेशन = "क्षैतिज" एंड्रॉइड: लेआउट_ एक्सपोज़र = "fill_parent"
Android: Layout_height = "fill_parent" Android: padding = "10px" >
< ImageView Android: id = "@ + id / icon_item" Android: लेआउट_ एक्सपोज़र = "wra_content"
Android: Layout_height = "fill_parent" />
< TextView Android: id = "@ + id / text_item" Android: लेआउट_ एक्सपोज़र = "wra_content"
Android: Layout_height = "fill_parent" Android: paddingLeft = "10px"
Android: paddingTop = "5px" android: textStyle = "bold"
Android: textColor = "# 000000" />
</ LinearLayout >
* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

अब जो कुछ भी है वह विकसित एडॉप्टर शीट को एक विशिष्ट डायलॉग बॉक्स से बांधना है

सार्वजनिक स्थिर शून्य showSelectAccountTypeDialog (गतिविधि संदर्भ, स्ट्रिंग शीर्षक, OnClickListener संवाद सूची) {
AlertDialog.Builder बिल्डर = new AlertDialog.Builder (संदर्भ);
बिल्डर। setTitle (शीर्षक);
बिल्डर।सेट एडेप्टर ( नए अकाउंट्सटेप्सलिस्ट एडेप्टर (संदर्भ, अकाउंटटाइप्सप्रोवाइडर.एसीकाउंट), डायलॉगलिस्टर);
बिल्डर। निर्माण ()। शो ();
}
* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

और सही जगह गतिविधि संवाद में कॉल करें

निजी शून्य प्रदर्शनसब्लेटअकाउंटडाइपडॉग () {
ApplicationDialogs.showSelectAccountTypeDialog ( यह "नेटवर्क चुनें" , नया OnClickListener () {
@Override
public void onClick (DialogInterface dialogInterface, int selectItemId) {
setupAccount (selectItemId);
}
});
}
* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

इसके पूरा होने के बाद का संवाद चयनित आइटम के सूचकांक को चयनित इटेमआईड पैरामीटर के साथ श्रोता के पास लौटाएगा जो कि संवाद के आने पर निर्दिष्ट किया जाता है। इस सरल मामले में, यह सूचकांक खाता प्रकार आईडी (सूची में आइटम) के साथ मेल खाता है, इसलिए, कोई अतिरिक्त परिवर्तन या अर्क की आवश्यकता नहीं है। मेरे कार्य के लिए, यह सूचकांक पर्याप्त से अधिक है।

नतीजतन, मुझे इतना अच्छा संवाद मिला

हो सकता है कि मैंने इस विषय में केवल सामान्य सत्य का वर्णन किया हो, शायद नहीं। तय करने के लिए, जैसा कि वे कहते हैं, आप के लिए, Habrausers ...

एंड्रॉइड प्लेटफॉर्म के लिए रोमांचक विकास प्रक्रिया में सभी को धन्यवाद और शुभकामनाएं;)

"आइकन" मेनू के साथ Android संवाद बॉक्स

संभावित खाता प्रकारों की सूची (प्रदाता)

किसी दिए गए लेआउट में खाता प्रकारों की सूची प्रदर्शित करने के लिए ListAdapter

यह एडेप्टर शीट इस तरह के लेआउट के साथ काम करती है

More articles: