डेल्फी # 3 में क्रॉस-प्लेटफॉर्म मोबाइल एप्लिकेशन डेवलपमेंट

भाग # 1
भाग # 2

पर्यावरण की स्थापना और एक नया मोबाइल एप्लिकेशन बनाना।

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

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

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



हमारे द्वारा चुने गए टेम्पलेट के लिए मुख्य एप्लिकेशन फॉर्म Google Nexus 4 डिवाइस के लिए डिफ़ॉल्ट रूप से अनुकूलित है। फॉर्म डिजाइनर के ऊपरी दाएं हिस्से में ड्रॉप-डाउन सूची का उपयोग करके, आप किसी अन्य डिवाइस का चयन कर सकते हैं। हमारे आवेदन के लिए, हम सबसे लोकप्रिय टैबलेट डिवाइसों में से एक Google Nexus 7 चुनेंगे। मुख्य रूप से शीर्षक पाठ (हेडरलेबेल घटक का पाठ गुण) को तुरंत बदल दें।

एप्लिकेशन का पहला लॉन्च

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



एक बार फिर, सुनिश्चित करें कि एंड्रॉइड एसडीके आपके डिवाइस के लिए कॉन्फ़िगर किया गया है, और इसी तरह। "डेवलपर मोड" सक्रिय है। एंड्रॉइड एप्लिकेशन को विकसित करने के लिए पर्यावरण स्थापित करने की पूरी प्रक्रिया यहां विस्तार से वर्णित है ।

मोबाइल एप्लिकेशन सामान्य "डेस्कटॉप" अनुप्रयोग (F9 कुंजी दबाकर) के समान ही लॉन्च होता है। यदि आपने सब कुछ सही ढंग से किया है, तो संकलन के बाद आप अपने टैबलेट पर एप्लिकेशन का मुख्य रूप देखेंगे।

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

implementation {$R *.fmx} uses uDM; 

वास्तव में, अब कुछ भी नहीं हमें उसी कनेक्शन सेटअप प्रक्रिया का उपयोग करने से रोकता है जो हमने "डेस्कटॉप" एप्लिकेशन में उपयोग किया था:

 function TDM.ConnectToDB: Boolean; begin try FDConnection1.Connected := True; FDTRecipe.Open; except end; Result:= FDConnection1.Connected; end; procedure TDM.DataModuleCreate(Sender: TObject); begin DM.ConnectToDB; end; 

इस प्रकार, हमने कनेक्शन सेटअप कोड को फिर से लिखने से खुद को बचा लिया।

मुख्य आवेदन पत्र

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

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

 Panel1: TPanel Align = alLeft Splitter1: TSplitter Align = alLeft Width = 16 CalloutPanel1: TCalloutPanel Align = alClient Width = 630 TabOrder = 4 CalloutPosition = cpLeft 

व्यंजनों की सूची प्रदर्शित करने के लिए, हम TListBox और TBindNavigator का भी उपयोग करते हैं, जिसे हम बाएं पैनल में रखेंगे। TTabControl को TCalloutPanel घटक पर रखें और प्रत्येक घटक के लिए संरेखित गुण सेट करें।

पिछली बार की तरह, हम डेटा सेट को जोड़ने के लिए LiveBinding तंत्र का उपयोग करते हैं। यह प्रक्रिया पूरी तरह से उसी के समान है जिसे हमने पिछले भाग में किया था, "डेस्कटॉप एप्लिकेशन" बनाकर।



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

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

प्रपत्र वर्ग के लिए, निम्न वर्ग विधि बनाएँ:

 class procedure TfAddRecipe.ShowDialog(DataSet: TDataSet); begin fAddRecipe.ShowModal( procedure(ModalResult: TModalResult) begin if ModalResult= mrOk then begin if DataSet.State in [dsInsert, dsEdit] then DataSet.Post; fAddRecipe.Close; end else begin if DataSet.State in [dsInsert, dsEdit] then DataSet.Cancel; fAddRecipe.Close; end; end ); end; 

जब आवेदन शुरू होता है, तो हम इस विधि को प्रोग्राम में अब तक के एकमात्र डेटा सेट के लिए आफ्टरइंटर इवेंट हैंडलर के रूप में असाइन करते हैं।

 procedure THeaderFooterForm.FormShow(Sender: TObject); begin DM.FDTRecipe.AfterInsert:= TfAddRecipe.ShowDialog; end; 

प्रत्येक बार FDTRecipe डेटासेट में रिकॉर्ड जोड़ने के लिए यह फ़ॉर्म कहा जाएगा।

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

Android अनुप्रयोग परिनियोजन

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

सुनिश्चित करें कि Android प्लेटफ़ॉर्म के लिए डीबग कॉन्फ़िगरेशन चयनित है। शीर्ष टूलबार पर ड्रॉप-डाउन सूची में, मूल्य डिबग कॉन्फ़िगरेशन - एंड्रॉइड प्लेटफॉर्म का चयन किया जाना चाहिए।

एप्लिकेशन को तैनात करने पर डेटाबेस को डिवाइस में स्थानांतरित करने के लिए, आपको "फाइलें जोड़ें" बटन का उपयोग करना चाहिए और डेटाबेस फ़ाइल का चयन करना चाहिए।

दूरस्थ पथ फ़ील्ड के मान के रूप में संपत्ति दर्ज करें, और प्लेटफ़ॉर्म फ़ील्ड का मान Android पर सेट करें। संपत्ति निर्देशिका आवेदन सहायक संसाधनों के भंडारण के लिए एक विशेष निर्देशिका है। प्लेटफ़ॉर्म फ़ील्ड में, Android का चयन करें।



एप्लिकेशन परिनियोजन प्रक्रिया का परीक्षण करने के लिए आप Deploy बटन पर क्लिक कर सकते हैं।

और अंत में, काम करने के लिए आवेदन के लिए, एक और महत्वपूर्ण कदम उठाया जाना चाहिए - FDConnection1 घटक की घटना का निर्धारण करने के लिए इस प्रकार है:

 procedure TDM.FDConnection1BeforeConnect(Sender: TObject); begin {$IFDEF ANDROID} FDConnection1.Params.Values['Database'] := '$(DOC)/db.s3db'; {$ENDIF} end; 

कंपाइलर निर्देश {$ IFDEF ANDROID} को पारित कर दिया गया है ताकि यह कोड केवल एंड्रॉइड डिवाइस पर चले। इस प्रकार, हम डेटाबेस के सापेक्ष पथ को लागू करने का संकेत देते हैं।

हम एप्लिकेशन लॉन्च करते हैं, और डिवाइस स्क्रीन पर हमें पिछले हिस्से में बनाए गए विंडोज एप्लिकेशन का लगभग पूरा एनालॉग मिलता है।



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

हमारे साथ रहो।