सैमसंग बड़ा में रूपों, सूचियों और टैब के साथ काम करना

आपका दिन शुभ हो!

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

आकार

बडा के लिए दस्तावेज़ीकरण में, फॉर्म मोबाइल डिवाइस की स्क्रीन के मुख्य क्षेत्र को संदर्भित करता है, जो अनुप्रयोग में रहता है और इसे तीन भागों में विभाजित किया गया है:

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

इस की योजना (प्रलेखन से चित्र) इस प्रकार है:







सैमसंग बाडा में कई तरह के एप्लिकेशन (फ्लैश सहित उन पर आधारित) हैं, लेकिन अब तक केवल "फॉर्म-आधारित" ही यहां माने जाते हैं। उनके साथ कैसे काम करना है?



आइए आरेख को देखें (प्रलेखन से भी):







बाडा एप्लिकेशन का आधार "फ़्रेम" है - आवेदन का मुख्य "विंडो", जो केवल एक ही हो सकता है।

"फ़्रेम" अपनी दृश्य स्थिति को उन रूपों का उपयोग करके नियंत्रित करता है जो किसी भी संख्या में हो सकते हैं (या इसके बजाय, स्मार्टफोन के हार्डवेयर संसाधन कितना अनुमति देते हैं)। इसके आधार पर, रूपों के साथ काम करने का क्रम इस तरह दिखता है:

• हमें फ़्रेम के लिए एक लिंक मिलता है ताकि वह इसमें एक फॉर्म जोड़ सके और इसे प्रदर्शित कर सके
• दरअसल, हम एक फॉर्म बनाते हैं
• फ्रेम से संलग्न करें, यदि आवश्यक हो, तो इसे चालू करें और "कृपया आकर्षित करें"

यह ध्यान दिया जाना चाहिए कि बाडा में फॉर्म दो तरह से बनाए जा सकते हैं - या तो जीयूआई डिजाइनर या कोड से। डेल्फी की शौकीन यादें मुझे पहले विकल्प के साथ शुरू करती हैं।



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



अब कोड।



प्रपत्र वर्ग की हेडर फ़ाइल में, हम एक (शामिल) को शामिल करेंगे <FApp.h> परियोजना में अनुप्रयोग ऑब्जेक्ट के साथ काम करने में सक्षम होने के लिए और इसके माध्यम से, "फ़्रेम" को प्रभावित करें। तुरंत संरक्षित अनुभाग में, नए फॉर्म का लिंक जोड़ें:

Osp::Ui::Controls::Form *__newForm;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

कक्षा के कार्यान्वयन पर वापस लौटें, हम प्रोसेसिंग इवेंट आइडेंटिफ़ायर के लिए टेम्पलेट के साथ एक्शनपर्फ़र्ड विधि पाते हैं (विवरण के लिए, शीर्ष पर शुरुआती लोगों के लिए मेरे पहले विषय का लिंक देखें) और निम्नलिखित कोड लिखें:

  switch(actionId) { case ID_BUTTON_OK: { Frame *pFrame = Application::GetInstance()->GetAppFrame()->GetFrame(); __newForm = new Form(); __newForm->Construct(L"IDF_FORM1"); pFrame->AddControl(*__newForm); pFrame->SetCurrentForm(*__newForm); __newForm->Draw(); __newForm->Show(); } break; default: break; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

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



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



फ़ॉर्म बनाने का दूसरा विकल्प "प्रोग्रामेटिकली" है।



मैं आपको तुरंत कोड दूंगा:

 Form* pForm = new Form(); pForm->Construct(FORM_STYLE_TITLE | FORM_STYLE_INDICATOR | FORM_STYLE_SOFTKEY_0 | FORM_STYLE_OPTIONKEY); Frame *pFrame = Application::GetInstance()->GetAppFrame()->GetFrame(); pFrame->AddControl(*pForm); pForm->Draw(); pForm->Show();
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

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

सूचियों

आइए देखें कि फॉर्म पर एक सरल पाठ सूची कैसे बनाई जाए - उदाहरण के लिए, फोन बुक का एक अत्यंत सरल संस्करण। ऐसा करने के लिए, संबंधित नाम सूची के साथ एक GUI घटक है - इसे फॉर्म में आपके लिए सुविधाजनक तरीके से रखा जाना चाहिए (फिर भी, यह आमतौर पर पूरे फॉर्म को लेता है :)। प्रपत्र पर एक सूची होने के बाद, पर्यावरण में इसके गुणों के टैब पर जाएं और उनके मूल्यों को बदलें:

• LIST_STYLE_NORMAL पर सूची शैली, यह उस प्रणाली को स्पष्ट करती है जिसे हम "सामान्य" सूची देखना चाहते हैं, न कि संख्यात्मक या रेडियो बटन के साथ (हालांकि, यहाँ प्रयोग करना काफी संभव है)
• LIST_ITEM_SINGLE_TEXT पर आइटम प्रारूप की सूची बनाएं, इससे चित्रों के बिना, एक सरल सूची का निर्माण होगा
• कॉलम 1 चौड़ाई एक स्पष्ट संपत्ति है, मैंने इसे 200 पर सेट किया है, अर्थात फॉर्म की चौड़ाई
• पंक्ति 1 ऊंचाई कोई कम स्पष्ट संपत्ति नहीं है, मेरे पास यह 50 के बराबर है ताकि सूची आइटम "मोटी" न हो

हम फार्म पर कुछ इस तरह से मिलता है:







और, वास्तव में, कोड को OnInitializing (शून्य) में जोड़ा जा सकता है जो आरंभीकरण विधि बनाता है:

  //  ,    __pSimpleList = static_cast<List *>(GetControl(L"IDC_LIST1")); //    __pSimpleList->AddItem(&String("Item1"), null, null, null, 0); __pSimpleList->AddItem(&String("Item2"), null, null, null, 1); __pSimpleList->AddItem(&String("Item3"), null, null, null, 2); __pSimpleList->AddItem(&String("Item4"), null, null, null, 3); __pSimpleList->AddItem(&String("Item5"), null, null, null, 4);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

पहली पंक्ति को स्वयं सूची में लिंक मिल रहा है, अगली पंक्ति सूची में पाँच तत्वों को जोड़ रही है। सूची का AddItem विधि एसडीके में घोषित किया गया है:

 result Osp::Ui::Controls::List::AddItem ( const Osp::Base::String * pText1, const Osp::Base::String * pText2, const Osp::Graphics::Bitmap * pBitmap1, const Osp::Graphics::Bitmap * pBitmap2, int itemId = 0 )
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

- यहाँ pText1 और pText2 कुछ पंक्तियाँ हैं, pBitmap1 और pBitmap2 चित्र के एक जोड़े हैं और यदि आप इस पर क्लिक करने की आवश्यकता करते हैं तो itemId एक सूची आइटम का एक पहचानकर्ता है। यहाँ, वैसे, एसडीके डेवलपर्स का एक रहस्य है - लाइनों की एक जोड़ी pText1 और pText2 को एक सूची शैली के लिए आवश्यक हो सकता है जिसे LIST_ITEM_DOUBLE_FULLTEXT_TEXT_IMAGE कहा जाता है, जो दो लाइनें और एक निश्चित चित्र प्रदर्शित करता है, लेकिन pBitmap2 की आवश्यकता क्यों है, क्योंकि कोई उपयुक्त शैली नहीं है। दो चित्र प्रदर्शित) मुझे नहीं मिले। हालाँकि, शायद मुझे अभी कुछ समझ में नहीं आया :)



सिम्युलेटर चलाएं और परिणाम की प्रशंसा करें:







बेशक, यदि सूची आइटम फॉर्म पर फिट नहीं होते हैं, तो उन्हें स्क्रॉल किया जा सकता है।

"टाबा"

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

  //    "" Tab* pTab = GetTab(); //  ,   -  "" pTab->AddItem(L"1st", 0); pTab->AddItem(L"2nd", 1); pTab->AddItem(L"3d", 2);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

सिम्युलेटर शुरू होता है और हम देखते हैं:







मेरी राय में, बस :) लेकिन यहां हमें एक टिप्पणी करनी है। यह पहले से ही स्पष्ट है कि "टैब" में केवल पाठ ही नहीं बल्कि ग्राफिक हेडिंग भी हो सकती है, और साथ ही स्क्रीन पर 3 टेक्स्ट और 4 ग्राफिक "टैब" देखे जा सकते हैं। यदि अधिक हैं, तो इसके आगे एक क्यू प्रदर्शित होता है ("क्यू" - एसडीके शब्दों में), जो यह समझना संभव बनाता है कि "टैब" स्क्रॉल किया जा सकता है।





आपका ध्यान के लिए धन्यवाद! मुझे आशा है कि इस विषय से किसी को मदद मिलेगी यदि बाडा के लिए काम करने की आवश्यकता है। सौभाग्य;)