🎂 🤹 🧀 फोनगैप - पहले आवेदन में समस्याओं को हल करना 🧚🏾 🙅🏼 🏊

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

समस्या का बयान

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

सेटिंग्स

मैंने सेटिंग्स को स्टोर करने के लिए window.localStorage का उपयोग किया। मैंने आवश्यक इनपुट फ़ील्ड्स के साथ मुख्य html पृष्ठ पर एक संवाद बनाया और इसे दिखाने / छिपाने / बचाने के लिए ' मेनब्यूटन ', ' बैकबटन ' जैसी घटनाओं पर हैंडलर को लटका दिया। सब कुछ वैसा ही काम करना चाहिए जैसा कि होना चाहिए। बाद में उन्होंने क्वेरी इतिहास के भंडारण को वहां जोड़ा।

डिफ़ॉल्ट बटन पर शिलालेख

जब आप सॉफ़्टवेयर कीबोर्ड खोलते हैं, तो डिफ़ॉल्ट बटन में शिलालेख होता है। जो एक शब्दकोश के साथ काम करने के लिए बहुत सुसंगत नहीं है। फ्रेमवर्क प्रलेखन इस स्थिति को कवर नहीं करता है। एसडीके में प्रलेखन एंड्रॉइड सेट करने के बारे में बात करता है : इनपुट क्षेत्र की imeOptions विशेषता । लेकिन निश्चित रूप से, यह ब्राउज़र के अंदर काम नहीं करता है। समाधान की तलाश में कई बार मैंने इंटरनेट के माध्यम से हंगामा किया। अंत में मैं iPhone के लिए एक कार्यशील संस्करण भर में आया - <input type="text" /> बजाय आपको <form><input type="search" /></form> का उपयोग करने की आवश्यकता है, इसके अलावा, प्रपत्र तत्व की आवश्यकता है। एंड्रॉइड के तहत यह एक फॉर्म के बिना काम करता है, और फॉर्म और भी हानिकारक है, क्योंकि यह भेजा जा रहा है और इस मामले को रोकने के लिए आवश्यक है। इसलिए हम <input type="search" /> का उपयोग करते हैं और डिफ़ॉल्ट बटन जादुई रूप से ' खोज ' में बदल जाता है।

आवेदन से बाहर निकलें

इसके लिए रूपरेखा में एक एपीआई है - navigator.app.exitApp() । जैसा कि यह निकला, यह सिर्फ बॉक्स से बाहर काम नहीं करता है। AndroidManifest.xml में इस कार्य को करने के लिए आपको रजिस्टर करना होगा <uses-sdk android:minSdkVersion="2" /> । नए संस्करण 1.2.0 में, समस्या पहले से ही तय हो गई है, इसलिए यह अपग्रेड करने का एक और कारण है।

क्लिपबोर्ड से स्थानांतरण

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

स्वचालित कॉल और स्थानांतरण

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

  @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Intent intent = getIntent(); String url = "file:///android_asset/www/index.html"; if (Intent.ACTION_SEARCH.equals(intent.getAction())) { url += "?search=" + intent.getStringExtra(SearchManager.QUERY); } super.loadUrl(url); }

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

  @Override protected void onResume() { super.onResume(); Intent intent = getIntent(); if (Intent.ACTION_SEARCH.equals(intent.getAction())) { String sQuery = intent.getStringExtra(SearchManager.QUERY); this.appView.loadUrl( "javascript:try{PhoneGap.fireDocumentEvent('search', {detail: '" + sQuery + "'});}catch(e){};" ); } }

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

स्क्रीन ओरिएंटेशन बदलते समय एप्लिकेशन क्रैश हो जाता है

एक नए प्रोजेक्ट में एक खोज इंटरफ़ेस और नाम बदलने की कक्षाओं को जोड़ने के बाद, अनुप्रयोग त्रुटि के साथ अभिविन्यास बदलते समय बाहर गिरना शुरू कर दिया "जो दृश्य फोकस नहीं है क्योंकि फोकस को नहीं बचा सकता है ... कोई आईडी नहीं है"। चूंकि खोज से पता चला है कि यह समस्या हो रही है, मैं इसका उल्लेख करूंगा कि यह कैसे हल किया गया था। निर्णायक क्या निकला, मुझे समझ नहीं आया। एक नई परियोजना बनाते समय, मैं AndroidManifest.xml में छोड़ दिया
- मूल प्रकट तत्व में:

  <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true" />

- अनुप्रयोग तत्व में गतिविधि नहीं बनी:

  <activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter></intent-filter> </activity>

सभी गतिविधि के लिए android:configChanges="orientation|keyboardHidden" विशेषता की आवश्यकता है android:configChanges="orientation|keyboardHidden" । निश्चित रूप से मैंने इसे स्वयं किया, क्योंकि "हैलो वर्ल्ड" में यह सब है। जरा संभल कर।

आवेदन आकार में बहुत मामूली निकला - 186k (शब्दकोश डेटा सहित नहीं)। हालांकि शुरू में फोनगैप के बाद मानक प्रक्रिया के अनुसार सब कुछ करने के लिए एक विचार था, लेकिन क्योंकि परिणाम 100% संतुष्ट है, तो मैं अब इस बिंदु को नहीं देखता हूं।

पुनश्च। स्रोत कोड के साथ कूल रीडर के लिए वादिम लोपतिन के लिए धन्यवाद, सोर्स कोड के साथ एक सस्ती मंच के लिए फोनगैप के रचनाकारों के लिए धन्यवाद, सॉर्टर्स के रचनाकारों के लिए धन्यवाद, स्रोतों के लिए जीथब, और मेरा रखने के लिए एक बिटपैक।

फोनगैप - पहले आवेदन में समस्याओं को हल करना