कल, सिक्का कीपर अनुप्रयोग जो हमने विकसित किया, वह रूसी ऐपस्टोर के भुगतान किए गए अनुप्रयोगों में शीर्ष पर तीसरे स्थान पर रहा।

दिलचस्प बात यह है कि हमने इसे सामान्य उद्देश्य सी पर विकसित नहीं किया था, लेकिन मोनोटूच और मोनोड्रोइड फ्रेमवर्क का उपयोग करके सी # पर।

अंदर, मैं आवेदन की वास्तुकला, चाल और अच्छे बिंदुओं के बारे में बात करना चाहूंगा। इसके अलावा, मैं किसी को 5 प्रचारक कोड दूंगा, जो परियोजना पर मूल्यवान टिप्पणी दे सकता है।



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

किस तरह का मोनोटॉक जानवर?

परियोजनाओं को विकसित करते समय, हम मोनोआच और मोनोआयड फ्रेमवर्क पसंद करते हैं।

इन उत्पादों को Xamarin द्वारा बनाया और विकसित किया गया था, जिसका नेतृत्व मिगुएल डे इकाज़ा, परियोजनाओं के संस्थापक मोनो, ग्नोम, ज़िमियान और मिडनाइट कमांडर ने किया था। उनकी मदद से, आप C # में iPhone और Android के लिए मोबाइल एप्लिकेशन विकसित कर सकते हैं, जबकि कोड को मूल मशीन कोड में संकलित किया जाता है और देशी प्लेटफ़ॉर्म UI लाइब्रेरी का उपयोग किया जाता है।

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

खैर, चलिए मज़ेदार हिस्से पर आते हैं, गंदे तकनीकी विवरण :)

सामान्य वास्तुकला

आवेदन की सामान्य वास्तुकला कुछ इस तरह दिखती है application

इसके अलावा, डीएएल और बीएल को एंड्रॉइड और विंडोज फोन 7 संस्करणों की नकल के बिना लिया जा सकता है, जो स्रोत कोड का लगभग 50% है!

दाल

वेब अनुप्रयोगों के लिए क्लासिक डेटा एक्सेस लेयर। व्यापार तर्क (बीएल) डेटा तक पहुंचने के लिए केवल इस परत के कार्यों का उपयोग करता है।

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

बीएल

व्यापार तर्क या व्यावसायिक तर्क, परत इसके लिए जिम्मेदार है:
- लेनदेन बनाना, आवर्ती लेनदेन, लेनदेन इतिहास;
- श्रेणियां और ऑटो बजट (एप्लिकेशन स्वयं निर्धारित करता है कि आपको कितना खर्च करने की आवश्यकता है :) ऑटोमेशन सेक्शन में अधिक);
- आंकड़े और रिपोर्ट;
- उद्देश्य पर संचय का तर्क;
- विभिन्न मुद्राओं में खातों के बीच लेनदेन।

उपयोगकर्ता इंटरफ़ेस विशेष रूप से स्थिर कक्षाओं के रूप में प्रतिनिधित्व किए गए व्यावसायिक तर्क ऑब्जेक्ट्स का उपयोग करता है।

सामान्य तौर पर, वास्तुकला के बारे में सब कुछ, अगर कुछ अस्पष्ट रहता है - प्रश्न पूछें, मैं और अधिक विस्तार से बताऊंगा।

"चिप्स"

स्वचालन

जैसा कि आप जानते हैं, iPhone उपयोगकर्ता बहुत ही मितव्ययी होते हैं और विभिन्न श्रमसाध्य कार्यों को पसंद नहीं करते हैं, इसलिए हमने उन्हें अनावश्यक कार्य से यथासंभव बचाने की कोशिश की।

ऑटो बजट

उपयोगकर्ता के पहले लॉन्च पर, हम सुझाव देते हैं कि वह वेतन के आधार पर महीने के लिए स्वचालित रूप से एक बजट उत्पन्न करता है। डेटा सार्वजनिक आंकड़ों पर आधारित है, उदाहरण के लिए, 30,000 रूबल के वेतन के साथ एक रूसी के खर्च का प्रस्ताव।

पूर्व निर्धारित श्रेणियाँ

दूसरी सुविधाजनक छोटी चीज श्रेणी का आधार है। हमने खर्चों के 100 विशिष्ट श्रेणियों के आवेदन में एकत्र किया और उन्हें आइकन से जोड़ दिया। व्यय आइटम बनाना कहीं आसान नहीं है :)

मुद्रा स्थानांतरण

सिक्का कीपर खातों और खर्चों को विभिन्न मुद्राओं में संग्रहीत किया जा सकता है। प्रारंभ में, विभिन्न मुद्राओं के बीच स्थानांतरण करते समय, हमने उपयोगकर्ता को दोनों मान दर्ज करने का सुझाव दिया।

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

वृद्धिशील सांख्यिकी

आइए हम सफल तकनीकी समाधान पर लौटें। आवेदन के दो ग्राफ हैं: महीने के लिए आय और व्यय का एक बार ग्राफ और महीने के लिए खर्च का एक पाई चार्ट।

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

हमने डेटाबेस डिजाइन करने के लिए एक सरल तकनीक का इस्तेमाल किया है - अपभ्रंश। उपयोगकर्ता द्वारा जोड़े गए प्रत्येक लेनदेन को दो विशेष तालिकाओं में रिकॉर्ड अपडेट करता है:




आंकड़े दर्ज करते समय, हम बस इन तालिकाओं से लाइनें प्रदर्शित करते हैं।

इकाई परीक्षण

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

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

एनीमेशन

2 मुश्किल क्षण थे।

ऊपरी और निचले हिस्से को छिपाने और खोलने से मृत्यु हो जाती है।

सबसे पहले, हमने बस इसी दृश्य के लिए TouchesBegan, TouchesMoved, TouchesEnded घटनाओं की सदस्यता ली और जब हमने प्लेट के निचले / शीर्ष को छूना शुरू किया, तो हमने इसे स्थानांतरित करना शुरू कर दिया। हालांकि, पहले परीक्षणों के बाद, यह दृष्टिकोण उपयोगकर्ताओं के लिए बहुत असुविधाजनक निकला: वे अक्सर अपनी उंगली को मरने के "कैप्चर" क्षेत्र के ऊपर या नीचे ले जाने लगे।

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

प्रयोगों की एक श्रृंखला के बाद, यह स्पष्ट हो गया कि हमें सभी इशारों के लिए एक वैश्विक हैंडलर की आवश्यकता है। लेकिन UIGestureRecognizer का उपयोग करने के बजाय, हमने स्क्रीन पर सभी टच को मैन्युअल रूप से पकड़ने और इस जानकारी के आधार पर पासा को स्थानांतरित करने का निर्णय लिया। ऐसा करने के लिए, हमने अपने कस्टमविंडो वर्ग को UIWindow से विरासत में मिला है, जिसमें हमने SendEvent विधि को फिर से परिभाषित किया है (कोड सिर्फ C # में है, लेकिन उद्देश्य-सी डेवलपर्स को इसे आसानी से समझना चाहिए):

public override void SendEvent (UIEvent evt) { base.SendEvent (evt); if (PanelsDragger.TrackTouches) { var touch = evt.AllTouches.AnyObject as UITouch; if (touch == null) return; PanelsDragger.TouchAction(touch, touch.LocationInView(this)); } } 

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

एनीमेशन और श्रेणी प्रदर्शन

रंग रंगीन रूप से वर्तमान खर्चों के स्तर को दर्शाता है: रंग से भरे सर्कल के रूप में। इस मामले में, रंग इस श्रेणी में खर्च की तीव्रता पर निर्भर करता है और एक महीने के भीतर आप बजट में कितना फिट बैठते हैं। इस विचार को लागू करने के लिए, हम 2 अलग-अलग दृष्टिकोणों के साथ आए, जिनमें से एक का वर्णन हम यहां करेंगे।

पहला एक स्थिर पृष्ठभूमि चित्र है, सब कुछ स्पष्ट है। अगला, हमें किसी न किसी तरह से सर्कल के ऊपरी भाग को रंगीन सर्कल के साथ "कट ऑफ" करने की आवश्यकता है। ऐसा करने के लिए, हम एक दृश्य बनाते हैं जिसके अंदर हम एक वृत्त चित्र बनाते हैं और इस दृश्य की क्लिपटॉब गुण सेट करते हैं। अगला, हम सर्कल चित्र को ऊपर ले जाते हैं ताकि सर्कल का हिस्सा पैरेंट व्यू की सीमाओं से बाहर क्रॉल हो जाए और क्रॉप हो जाए। हम इस क्लिपर दृश्य को सही ढंग से रखते हैं और वॉइला हमारे पास सामग्री है :)

निष्कर्ष

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

पढ़ने के लिए धन्यवाद! मैं आपको 5 प्रचार कोड याद दिलाता हूं जो मैं किसी को भेजूंगा जो आवेदन पर मूल्यवान सलाह दे सकता है :)

UPD: प्रचार कोड के साथ, हम कुछ प्रकार की बकवास के साथ आए :) मैं इसे पहले 5 लोगों को दूंगा जो पूछते हैं।
UPD2: प्रचार कोड समाप्त हो गए हैं :(