उबंटू टच [QML] साठी अॅप तयार करणे - [भाग 1]

परिचय

येथे पोस्टची मालिका येईल (जसे मी केले वाला), परंतु यावेळी अनुप्रयोगासह उबंटू टच, अनुप्रयोग सुरुवातीला "प्रमाणेच" आहे कडून पोस्ट वाला, हा एक प्रकारचा खेळ आहे जिथे आपल्याकडे चाचणीच्या रूपात एक प्रश्न आणि 4 उत्तरे आहेत, त्यानंतर आमच्याकडे तीन बटणे आहेत, एक संभाव्य उत्तरे (50%) काढून टाकण्यासाठी, दुसरे वेळ फ्रीझ करण्यासाठी आणि शेवटचे टोक प्रश्न जा.

एखादा प्रकल्प कसा तयार करायचा हे पाहण्यासाठी आपण यास भेट देऊ शकता पोस्ट (दस्तऐवजीकरण, प्रकल्प तयार करा ...), कारण आम्ही आधीच तयार केलेल्या प्रकल्पापासून प्रारंभ करू.

अनुप्रयोग लक्ष केंद्रित आहे तरी उबंटू टच हे देखील वापरले जाऊ शकते उबंटू जणू एक सामान्य अनुप्रयोग आहे

मूलभूत ज्ञान

अ‍ॅप तयार करण्यासाठी आम्ही या घटकांचा वापर करू उबंटूआम्ही आपले स्वतःचे घटक तयार करू शकलो आहोत, परंतु आम्ही या प्रकरणात करणार नाही.

उबंटू घटक हे घटक आहेत जे आम्ही आमच्या अॅपसाठी वापरू:

2014-07-04 23:57:48 पासून कॅप्चर करा

तेच वापरण्यासाठी आपल्याला मॉड्यूल आयात करावा लागेल.

उबंटू.कंपोनेंट्स 0.1 आयात करा

घटकांमधे आपल्याला भिन्न घटक सापडतात, जसे की बटणे, प्रगती बार इ. आम्ही एक प्रकल्प डाउनलोड करू शकतो जिथे ते आम्हाला यापैकी बरेच घटक दर्शवितात:

bzr शाखा एलपी: उबंटू-यूआय-टूलकिट 
आपल्याकडे बीझर स्थापित झाले पाहिजे

अ‍ॅप डिझाइन करीत आहे

आम्ही ज्या प्रतिमेसह अनुप्रयोग तयार केला आहे त्यापासून प्रारंभ करतो जीटीके, या प्रकरणात आम्ही वापरू क्यूएमएलखरं तर आम्ही संपूर्ण अनुप्रयोग तयार करु Qt द्रुत (क्यूएमएल + जावास्क्रिप्ट).

प्रतिमेप्रमाणेच अनुप्रयोगामध्ये एक प्रश्न, वेळ, उत्तरे, पर्याय आणि गुण असतील. फक्त फरक ("शैली" सोडून) वर असेल की आपल्याकडे टॅब असतील.

यासाठी आम्ही बटण, लेबल आणि प्रगतीपट्टी घटक वापरू. स्ट्रक्चर साठी आपण एलिमेंट वापरू स्तंभ y पंक्ती

नंतर आम्ही प्रश्नांची एकंदर तयार करू

मुख्य स्क्रीनचे लेआउट डिझाइन करणे:

आम्ही एका मेन व्ह्यूपासून प्रारंभ करतो, जिथे भिन्न टॅब सापडतील, या प्रकरणात आम्ही आमच्या अ‍ॅपच्या प्रारंभिक स्क्रीनच्या लेआउटवर कार्य करणार आहोत.

मेनव्ह्यू {ऑब्जेक्टनेम: "मेन व्ह्यूव" // ...

परिमाण (उबंटू टचसाठी):

रुंदी: एकके.गु (50०) उंची: واحد.गु () 75)

आम्ही आमच्या अनुप्रयोगाची लांबी आणि रुंदी परिभाषित करतो, जेथे रुंदी 50 (एकक) आणि लांबी 75 असेल, आता आम्ही त्यास रंग देणार आहोतः

शीर्षलेख रंग: "# 57365E" पार्श्वभूमी रंग: "# A55263" फूटर कलर: "# D75669"

आमच्याकडे हेडर, बॉडी आणि फूटरचा रंग आहे:

2014-07-05 15:24:58 पासून कॅप्चर करा

मी आधी सांगितल्याप्रमाणे, अनुप्रयोग टॅबद्वारे संरचित केले जाईल:

    टॅब {आयडी: टॅब सेट {ऑब्जेक्टनाव: "जॉकटॅब"} / * जोडा {ऑब्जेक्टनाव: "Qडक्यूशन्स"} * /}

आम्ही पाहत आहोत की आमच्याकडे दोन टॅब आहेत, एकाने टिप्पणी दिली (आम्ही अद्याप ती तयार केली नाही) आणि दुसरा खेळायला (जे आम्ही आता तयार करू). म्हणाला टॅब तयार करण्यासाठी, आम्ही एक नवीन क्यूएमएल फाइल तयार करू (नवीन जोडा -> क्यूटी -> क्यूएमएल फाइल ->…), त्या फाईलचे नाव असेल गेम.क्यूएमएल.

बरं, आपण गेम.क्यूएमएल अशा प्रकारे सुधारित करू या की आपण त्यास टॅबमध्ये बदलू ज्याच्या आत एक पृष्ठ आहे (पृष्ठ):

आयात करा QtQuick 2.0 आयात उबंटू. घटक 0.1 टॅब {शीर्षक: i18n.tr ("गेम") पृष्ठ {}}

पृष्ठामध्ये आम्ही डिझाइनमध्ये नमूद केलेल्या घटकांची रचना करण्यास सुरवात करू. एक स्तंभ ज्यामध्ये सर्व घटकांचा समावेश असेल (ते अनुलंबपणे ठेवतील), नंतर आम्ही घटक क्रमाने लावू: लेबल, प्रोग्रेसबार, 4 बटणे; आणि ऑप्शन्स ठेवण्यासाठी, आम्ही रो घटकांना आडवे ठेवण्यासाठी वापरू.

स्तंभ {अँकर.टॉप: गेमपेज.टॉप अँकर.टॉपमार्जिन: sp० अंतरः १ width रुंदी: पालक.विड्थ उंची: पालक.हाइट - Lab० लेबल-आयडी: प्रश्न अँकर.टॉपमार्जिन: text०० मजकूर: "प्रश्न?" anchors.horizontalCenter: मूळ.horizontalCenter fontSize: "large" font.bold: true} ProgressBar {id: time anchors.horizontalCenter: मूळ.horizontalCenter} बटण {id: रेस 50 मजकूर: "प्रतिसाद 15" अँकरोहोरिजॉन्टल सेंटर बटण {आयडी: रेसप 50 मजकूर: "प्रतिसाद 500" अँकरस हरिझोन्टल सेंटर: पॅरेंट हूर्झोन्टल सेंटर ton बटण {आयडी: रेस 1 मजकूर: "रिस्पॉन्स 1" अँकर.होरिजॉन्टलकेंटर: पॅरेंटर हूर्झोन्टल सेंटर} बटण {आयडी: रेस्पेन्स 2 "अँकर .horizontalCenter: पालक.horizontalCenter ow Row {अंतरः 2 अँकरसहोरिजॉन्टल सेंटर: पॅरेंट horizontalCenter बटण {id: b3 मजकूर: "3%"} बटण {आयडी: बीकॉन मजकूर: "फ्रीझ"} बटण {आयडी: बीनेक्स्ट मजकूर: " पुढील "} ow पंक्ती ac अंतरः १ an अँकरस हरिझोन्टल सेंटर: पॅरेंड. सोरिजॉन्टल सेंटर लेबल {आयडी: अपयश मजकूर:" अयशस्वी: ० "रंग:" लाल "} लेबल {आयडी: हिट मजकूर:" हिट: 4 "} लेबल {आयडी : पॉइंट्स मजकूर: "पॉइंट्स: 4" फॉन्टसाइज: "मध्यम"}

चला पाहूया की प्रत्येक घटकामध्ये त्याच्या {del द्वारे मर्यादित केलेल्या आमच्याकडे भिन्न गुणधर्म कसे आहेत, लेबल आणि बटणाच्या बाबतीत जेव्हा आपण पाहु शकतो की "मजकूर" गुणधर्म तो दर्शवित असलेला मजकूर आहे, एक महत्वाची नॉन-व्हिज्युअल प्रॉपर्टी ही आहे अभिज्ञापक "id», जे आम्ही अनुप्रयोग लॉजिकची अंमलबजावणी करतो तेव्हा आम्हाला मदत करेल.

शेवटी आम्ही परिणाम पाहू शकतो:

2014-07-23 19:21:03 पासून कॅप्चर करा


लेखाची सामग्री आमच्या तत्त्वांचे पालन करते संपादकीय नीति. त्रुटी नोंदविण्यासाठी क्लिक करा येथे.

6 टिप्पण्या, आपल्या सोडा

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही.

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.

  1.   नॅनो म्हणाले

    मला हे आवडले आहे, माझ्या मते यात काही तपशील नाहीत, परंतु हे एक चांगला संदर्भ मार्गदर्शक आहे ...

  2.   Ariel म्हणाले

    खुप छान! हे QML सह प्रारंभ करण्यासाठी खूप चांगले कार्य करते.
    हा स्पॅनिशमधील आत्तापर्यंतचा सर्वोत्कृष्ट लिनक्स ब्लॉग आहे. मी यापूर्वी कधीही भाष्य केले नाही, परंतु प्रत्येक वेळी मी ती वारंवार तपासतो; हे मला जवळजवळ एक व्यसन आहे.
    एक प्रश्न ... उबंटू एसडीके सह बनलेला एखादा प्रोग्राम उदाहरणार्थ वेगळ्या डिस्ट्रॉवर स्थापित केला जाऊ शकतो? मला असे वाटते की काही अवलंबन पूर्ण करणे आवश्यक असेल (जसे की Qt). परंतु साधारणपणे कोणत्याही डिस्ट्रोच्या रेपॉजिटरिजमध्ये ही सर्व अवलंबन असतात.

    1.    Ariel म्हणाले

      क्षमस्व, शेवटचे वाक्य खरंच एक प्रश्न असावे… कोणत्याही डिस्ट्रॉजच्या रेपॉजिटरीमध्ये सर्व अवलंबिता आहेत का?

      1.    lolbimbo म्हणाले

        डीफॉल्टनुसार आपण -la (या प्रकरणात) स्थापित करू शकत नाही, कारण त्यात उबंटू-घटक (जसे की आवृत्ती ०.१) यासारखी अवलंबित्व आहे, जर आपण ती नंतर स्थापित केली तर समस्या येऊ नये, जर आपण घटकांचा वापर करीत नाही. (मला वाटते की आपण ते सर्व अनुप्रयोगामध्ये आयात देखील करू शकता जेणेकरून ते वजन वाढेल परंतु आपण त्यांना अवलंबन म्हणून काढून टाका) जसे की सिग्राम अनुप्रयोग (टेलिग्रामसाठी क्लायंट) क्यूटी द्रुत द्रुतपणे तयार केले गेले आहे आणि आपण ते बर्‍याच ठिकाणी स्थापित करू शकता distros.

  3.   सासुके म्हणाले

    आशा आहे की आपण अर्ज समाप्त कराल.

    1.    गॅबिलस म्हणाले

      हे खूप चांगले आहे. मी आधीच चरणांचे अनुसरण केले आणि ते तसेच आहे.
      आशा आहे की आपण प्रकल्प सुरू ठेवू शकता ...