💍 🕸️ 👨🏿‍🏭 Kivy। निर्माण से उत्पादन तक एक कदम है। भाग २ 👩🏼‍🏫 👊🏽 🖤

भाग 1

नमस्ते!

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

एक दिन सुबह मुझे मेरे मेल पर एक पत्र मिला जिसमें लिखा था कि क्या मैं मोबाइल एप्लिकेशन में "साइट svyatye.com को फिर से बनाने के लिए पायथन और किवी का उपयोग कर सकता हूं ताकि लोग ग्राहक के बाद के प्रकाशन के साथ इसे पढ़ सकें और इसका ऑफलाइन उपयोग कर सकें" Google Play ऐप स्टोर। लिंक का अनुसरण करने और संसाधन को ब्राउज़ करने के बाद, जो उद्धरणों की एक बड़ी लाइब्रेरी बन गया, मैंने कल्पना की कि यह मोबाइल प्रस्तुति में कैसे दिखेगा और मैं उद्धरणों की लंबाई के बावजूद, चर्च के पवित्र पिताओं और शिक्षकों के 30,236 से अधिक कहावतों की सूची कैसे बनाऊंगा। , १०,००० से अधिक अक्षर (मुद्रित पाठ के ५-६ पृष्ठ) तक पहुँच गए हैं। चूंकि मैं लंबे समय से कीवी के साथ काम कर रहा था, मुझे जल्दी से एहसास हुआ कि मैं कैसे और क्या करूंगा। इसलिए, उसने ग्राहक को जवाब दिया कि इस तरह का आवेदन करना मुश्किल नहीं होगा। हालाँकि, कठिनाइयाँ, जिनके बारे में मैं नीचे चर्चा करूँगा, फिर भी उठी ...

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

सूचियों

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

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

अंजीर। 1
उद्धरण पूर्वावलोकन पर टैप करने पर पूर्वावलोकन और पूर्ण पाठ

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

खैर, मैं अब और बहस नहीं करता, और यद्यपि मैं वास्तव में इस समाधान को पसंद नहीं करता था, मुझे सबकुछ स्क्रॉलव्यू में स्थानांतरित करना पड़ा। चूंकि, जैसा कि मैंने कहा, स्क्रॉलव्यू बहुत धीमा है, अगले दस के स्वचालित लोडिंग के साथ दस के हिस्से में उद्धरण प्रदर्शित करने का निर्णय लिया गया।

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

बिल्डओज़र और सेवाएँ

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

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

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

तो मैंने इस मृत ट्रैक्टर पर थूक दिया, नरक में गया, गिथब में गया, अजगर-फॉर-एंड्रॉइड डाउनलोड किया, ऑफ साइट पर क्रिस्टेक्स-एनडीके लिया, पायथन 3.5 स्थापित किया और शांति से तीसरे पायथन शाखा के साथ परियोजना का एक एपीकेटी लगाया, जो बहुत आसान हो गया। कुख्यात Buildozer के साथ की तुलना में।

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

पायथन 2 और पायथन 3 के बारे में

इस वर्ष के फरवरी में, मॉस्को पायथन यैंडेक्स के मॉस्को कार्यालय में आयोजित किया गया था, जिसमें व्लादिस्लाव शशकोव ने इस विषय पर एक प्रस्तुति दी थी: "किवी / बिल्डओज़र के साथ पायथन मोबाइल एप्लिकेशन सफलता की कुंजी है"। तो उसके पास यह कहने की मूर्खता थी कि एपीके असेंबली में पायथन 2 पायथन 3 की तुलना में अधिक तेज़ है। किसी पर भी विश्वास न करें, यह सच नहीं है। पायथन 3 सिद्धांत रूप में पायथन 2 से तेज है! जब मैंने "संतों के उद्धरण" विकसित किया था (तब यह भी मान लिया गया था कि विधानसभा में दूसरी पायथन शाखा का उपयोग किया जाएगा), मुझे यह पता लगाने में घबराहट हुई कि 20 एमबी कोटेशन बेस, जिसका उपयोग नेटवर्क कनेक्शन नहीं होने पर एप्लिकेशन में किया जाता है, का उपयोग करके पढ़ा जाता है। एक मोबाइल डिवाइस पर 13-16 सेकंड के लिए लोड! और एक ही आधार, लेकिन पहले से ही पायथन 3 के साथ यह 1-2 सेकंड में डिवाइस पर संसाधित होता है! अपने निष्कर्ष निकालें ...

रिएक्ट नेटिव के बारे में

हां, मेरे लेखों में, मैंने क्रॉस-प्लेटफॉर्म विकास के लिए किवी और अन्य रूपरेखाओं के बीच समानताएं खींचने का फैसला किया। यहां आपको केवल स्पॉइलर खोलने और यह देखने की जरूरत है कि रिएक्ट नेटिव पर कितने सरल, तेज और सुरुचिपूर्ण तरीके से एप्लिकेशन बनाए गए हैं ...

उदाहरण

आइए एक पूर्ण इंटरफ़ेस आकर्षित करने का प्रयास करें। हम मूल-आधार पुस्तकालय से घटकों का उपयोग करके App.js को फिर से लिखते हैं:

import React from 'react'; import {Container, Content} from 'native-base'; import {StyleSheet, Text, View} from 'react-native'; import AppFooter from './components/AppFooter.js'; const styles = StyleSheet.create({ container: { padding: 20 }, }); const App = () => ( <Container> <Content> <View style={styles.container}> <Text> Lorem ipsum... </Text> </View> </Content> <AppFooter/> </Container> ); export default App;

हमें नया AppFooter घटक दिखाई देता है जिसे हमें बनाना है। हम निम्न सामग्री के साथ ./compenders/ फ़ोल्डर में जाते हैं और AppFooter.js फ़ाइल बनाते हैं:

 import React from 'react'; import {Footer, FooterTab, Button, Text} from 'native-base'; const AppFooter = () => ( <Footer> <FooterTab> <Button active> <Text></Text> </Button> <Button> <Text></Text> </Button> </FooterTab> </Footer> ); export default AppFooter;

हमारे आवेदन के निर्माण के लिए प्रयास करने के लिए सब कुछ तैयार है!

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

सबसे पहले, हमें अपना पक्ष बनाना होगा।

 import {createStore} from 'redux'; const initialState = {}; const store = createStore(reducers, initialState);

चलो reducers के लिए एक रिक्त बनाएँ। Reducers फ़ोल्डर में, निम्न सामग्री के साथ index.js फ़ाइल बनाएँ:

 export default (state = [], action) => { switch (action.type) { default: return state } };

Reducers को App.js से कनेक्ट करें:

 import reducers from './reducers';

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

 import {Provider} from 'react-redux';

और एक प्रदाता में सभी घटकों को लपेटो। अपडेट किया गया App.js इस तरह दिखता है:

 import React from 'react'; import {Container, Content} from 'native-base'; import {StyleSheet, Text, View} from 'react-native'; import AppFooter from './components/AppFooter.js'; import {createStore} from 'redux'; import {Provider} from 'react-redux'; import reducers from './reducers'; const initialState = {}; const store = createStore(reducers, initialState); const styles = StyleSheet.create({ container: { padding: 20 }, }); const App = () => ( <Provider store={store}> <Container> <Content> <View style={styles.container}> <Text> Lorem ipsum... </Text> </View> </Content> <AppFooter/> </Container> </Provider> ); export default App;

अब हमारा आवेदन अपने राज्य को संग्रहीत कर सकता है। आइए इसका फायदा उठाते हैं। हम मोड राज्य को जोड़ते हैं, डिफ़ॉल्ट रूप से ARTICLES में। इसका अर्थ है कि पहले रेंडर पर, हमारा आवेदन लेखों की सूची दिखाने के लिए सेट किया जाएगा।

 const initialState = { mode: 'ARTICLES' };

बुरा नहीं है, लेकिन मैन्युअल रूप से स्ट्रिंग मान लिखने से संभावित त्रुटियां होती हैं। चलो स्थिरांक प्राप्त करते हैं। निम्नलिखित सामग्रियों से एक ./constants/index.js फ़ाइल बनाएँ:

 export const MODES = { ARTICLES: 'ARTICLES', PODCAST: 'PODCAST' };

और App.js को फिर से लिखें:

 import {MODES} from './constants'; const initialState = { mode: MODES.ARTICLES };

खैर, एक राज्य है, इसे पाद लेख घटक को पास करने का समय है। चलिए एक और नज़र डालते हैं हमारे।

 import React from 'react'; import {Footer, FooterTab, Button, Text} from 'native-base'; const AppFooter = () => ( <Footer> <FooterTab> <Button active> <Text></Text> </Button> <Button> <Text></Text> </Button> </FooterTab> </Footer> ); export default AppFooter;

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

 import React from 'react'; import {Footer, FooterTab, Button, Text} from 'native-base'; import {MODES} from "../constants"; const AppFooter = ({mode = MODES.ARTICLES}) => ( <Footer> <FooterTab> <Button active={mode === MODES.ARTICLES}> <Text></Text> </Button> <Button active={mode === MODES.PODCAST}> <Text></Text> </Button> </FooterTab> </Footer> ); export default AppFooter;

अब एक कंटेनर बनाना शुरू करते हैं। फ़ाइल बनाएँ ./containers/AppFooterContainer.js

 import React from 'react'; import AppFooter from '../components/AppFooter.js'; import {MODES} from "../constants"; const AppFooterContainer = () => ( <AppFooter mode={MODES.ARTICLES} /> ); export default AppFooterContainer;

और AppFooterContainer कंटेनर को AppFooter घटक के बजाय App.js में कनेक्ट करें। अब तक, हमारा कंटेनर घटक से अलग नहीं है, लेकिन जैसे ही हम इसे एप्लिकेशन की स्थिति से जोड़ते हैं, सब कुछ बदल जाएगा। चलो यह करते हैं!

 import React from 'react'; import AppFooter from '../components/AppFooter.js'; import {connect} from 'react-redux'; const mapStateToProps = (state) => ({ mode: state.mode }); const AppFooterContainer = ({mode}) => ( <AppFooter mode={mode} /> ); export default connect( mapStateToProps )(AppFooterContainer);

बहुत कार्यात्मक! सभी विशेषताएं साफ हो गई हैं। यहाँ क्या हो रहा है? हम कनेक्ट कंटेनर का उपयोग करके अपने कंटेनर को राज्य से कनेक्ट करते हैं और इसके प्रॉप्स को मैपस्टैटटॉप्रॉपिक फ़ंक्शन के उपयोग से वैश्विक राज्य की सामग्री से जोड़ते हैं। बहुत साफ और सुंदर।

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

फ़ाइल बनाएँ ./actions/index.js:

 import { SET_MODE } from './actionTypes'; export const setMode = (mode) => ({type: SET_MODE, mode});

और ./actions/actionTypes फ़ाइल, जिसमें हम कार्रवाई नाम के साथ स्थिरांक को संग्रहीत करेंगे:

 export const SET_MODE = 'SET_MODE';

कार्रवाई ईवेंट के नाम और इस घटना के साथ आने वाले डेटा के सेट के साथ एक ऑब्जेक्ट बनाती है, और इससे अधिक कुछ नहीं। अब हम सीखेंगे कि इस घटना को कैसे उत्पन्न किया जाए। हम AppFooterContainer कंटेनर में वापस आते हैं और mapDispatchToProps फ़ंक्शन को कनेक्ट करते हैं जो कंटेनर के प्रॉपर में इवेंट डिस्पैचर को कनेक्ट करेगा।

 import React from 'react'; import AppFooter from '../components/AppFooter.js'; import {connect} from 'react-redux'; import {setMode} from '../actions'; const mapStateToProps = (state) => ({ mode: state.mode }); const mapDispatchToProps = (dispatch) => ({ setMode(mode) { dispatch(setMode(mode)); } }); const AppFooterContainer = ({mode, setMode}) => ( <AppFooter mode={mode} setMode={setMode} /> ); export default connect( mapStateToProps, mapDispatchToProps )(AppFooterContainer);

खैर, हमारे पास एक फ़ंक्शन है जो SET_MODE इवेंट को उठाता है और हमने इसे ऐपफ़ुटर घटक पर छोड़ दिया है। दो समस्याएं बनी हुई हैं:

कोई भी इस फ़ंक्शन को कॉल नहीं करता है।
घटना को कोई नहीं सुन रहा है।

हम पहली समस्या से निपटेंगे। हम AppFooter घटक पर जाते हैं और कॉल को सेटमोड फ़ंक्शन से कनेक्ट करते हैं।

 import React from 'react'; import {Footer, FooterTab, Button, Text} from 'native-base'; import {MODES} from "../constants"; const AppFooter = ({mode = MODES.ARTICLES, setMode = () => {}}) => ( <Footer> <FooterTab> <Button active={mode === MODES.ARTICLES} onPress={ () => setMode(MODES.ARTICLES)}> <Text></Text> </Button> <Button active={mode === MODES.PODCAST} onPress={ () => setMode(MODES.PODCAST)}> <Text></Text> </Button> </FooterTab> </Footer> ); export default AppFooter;

अब, जब बटन दबाया जाता है, तो SET_MODE घटना को उठाया जाएगा। यह सीखने के लिए बना हुआ है कि वैश्विक स्थिति को कैसे बदला जाए। हम पहले बनाए गए ./reducers/index.js पर जाते हैं और इस ईवेंट के लिए एक रिड्यूसर बनाते हैं:

 import { SET_MODE } from '../actions/actionTypes'; export default (state = [], action) => { switch (action.type) { case SET_MODE: { return Object.assign({}, state, { mode: action.mode }); } default: return state } };

बहुत बढ़िया! अब बटन पर क्लिक करने से एक घटना उत्पन्न होती है जो वैश्विक स्थिति को बदल देती है, और पाद लेख, इन परिवर्तनों को प्राप्त करने के बाद, बटन को फिर से बनाता है।

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

1988 में एल्बम "... एंड जस्टिस फॉर ऑल" के संगीत कार्यक्रम के बाद, मेटालिका के नेता जेम्स हेटफील्ड ने कहा, "यह ऐसा है ... लेकिन जीवित खेलना असंभव है।" इसलिए, मैंने रिएक्ट नेटिव पर नमूना कोड लिखने के बाद, मैं जेम्स के साथ एकजुटता में बन गया - यही है ... लेकिन जीवित लिखना असंभव है!

और यहां बताया गया है कि कीवी फ्रेमवर्क का उपयोग कैसे किया जाता है:

 from kivy.app import App from kivy.factory import Factory from kivy.lang import Builder Builder.load_string(""" <MyButton@Button>: background_down: 'button_down.png' background_normal: 'button_normal.png' color: 0, 0, 0, 1 bold: True on_press: self.parent.parent.ids.textEdit.text = self.text; \ self.color = [.10980392156862745, .5372549019607843, .996078431372549, 1] on_release: self.color = [0, 0, 0, 1] <MyActivity@BoxLayout>: orientation: 'vertical' TextInput: id: textEdit BoxLayout: size_hint_y: None height: dp(45) MyButton: text: '' MyButton: text: '' """) class Program(App): def build(self): my_activity = Factory.MyActivity() return my_activity Program().run()

यह इतना सरल है कि यहां भी टिप्पणियाँ बेमानी हैं।

हां, आप इस बारे में नहीं जानते होंगे, लेकिन यह सब किवी में लिखा गया है:

vimeo.com/29348760
vimeo.com/206290310
vimeo.com/25680681
www.youtube.com/watch?v=u4NRu7mBXtA
www.youtube.com/watch?v=9rk9OQLSoJw
www.youtube.com/watch?v=aa9LXpg_gd0
www.youtube.com/watch?v=FhRXAD8-UkE
www.youtube.com/watch?v=GJ3f88ebDqc&t=111s
www.youtube.com/watch?v=D_M1I9GvpYs
www.youtube.com/watch?v=VotPQafL7Nw

अंत में, मैं आवेदन का एक वीडियो देता हूं:

टिप्पणियों में लिखिए कि आप किन लेखों के बारे में हैवी के पन्नों पर किवी को देखना चाहेंगे। यदि संभव हो, तो सभी इच्छाओं को महसूस किया जाएगा। जल्द ही मिलते हैं, dzzya!

Kivy। निर्माण से उत्पादन तक एक कदम है। भाग २

सूचियों

बिल्डओज़र और सेवाएँ

पायथन 2 और पायथन 3 के बारे में

रिएक्ट नेटिव के बारे में

More articles: