Meego हैरमटन के लिए आवेदन विकास

यह पोस्ट "स्मार्ट फोन फॉर स्मार्ट पोस्ट" प्रतियोगिता में भाग ले रही है ।


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



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

खरोंच बॉक्स को स्थापित और कॉन्फ़िगर करें

स्क्रैचबॉक्स स्थापित करने के लिए आपको इस स्क्रिप्ट को रूट से डाउनलोड करने और चलाने की आवश्यकता है और भविष्य में इसके निर्देशों का पालन करें।

# ./harmattan-sdk-setup.py 

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

 $ /scratchbox/login 

यदि इंस्टॉलर सही ढंग से काम करता है, तो आपको निम्नलिखित के समान एक प्रॉम्प्ट देखना चाहिए:

 [sbox-HARMATTAN_ARMEL: ~] > 

यदि लॉगिन कसम खाता है, तो run_me_first.sh स्क्रिप्ट को चलाने का प्रयास करें, जो कि स्क्रैचबॉक्स की जड़ में है। वांछित लक्ष्य को sb_menu का उपयोग करके चुना जा सकता है। स्क्रैचबॉक्स उपयोग गाइड के बाकी हिस्सों को यहां पाया जा सकता है।

Cmake प्रोजेक्ट बनाना

एक कलेक्टर के रूप में, मैं सामान्य क्यूमेक का उपयोग नहीं करता हूं, लेकिन एक अधिक शक्तिशाली सेमीक जो निर्भरता की तलाश कर सकता है, में कॉन्फ़िगरेशन विकल्पों का एक गुच्छा है और क्रॉस-प्लेटफॉर्म विकास के लिए बहुत बेहतर है। इस लेख में, मैं विधानसभा प्रणाली के विश्लेषण में गहराई से नहीं जाऊंगा, इसलिए बेहतर समझ के लिए, मैं इस लेख को पढ़ने की सलाह देता हूं।
केवल नकारात्मक यह है कि सेमीक को सिम्बियन का उपयोग करने का तरीका नहीं पता है, इसलिए अब आप इस प्लेटफ़ॉर्म के बारे में भूल सकते हैं या विशेष रूप से इस प्लेटफ़ॉर्म के लिए विशेष रूप से असेंबली के लिए एक विशेष प्रोजेक्ट लिख सकते हैं। Cmake आराम के साथ मुकाबला करता है, इसलिए भविष्य में मैं इस एप्लिकेशन को डेस्कटॉप सिस्टम और संभवतः Android या यहां तक ​​कि iOS में पोर्ट करने की योजना बना रहा हूं।
इस परियोजना में कई आश्रित पुस्तकालय शामिल हैं जो मुख्य सब भंडार के लिए git सबमॉड्यूल का उपयोग करके जुड़े हुए हैं, उनमें से प्रत्येक के लिए अपनी स्वयं की cmake परियोजना है। वे सभी तीसरे पक्ष की निर्देशिका में झूठ बोलते हैं और मुख्य परियोजना से जुड़े होते हैं, इसलिए विधानसभा मुख्य निर्भरता के साथ तुरंत चली जाती है जो कि हरामटन रिपॉजिटरी में नहीं है।

3 वाँ पुस्तकालय की सूची:

• QOauth - Qt पर Oauth प्रोटोकॉल का कार्यान्वयन
• k8json एक बहुत तेज JSON पार्सर है
• QmlObjectModel - एक वर्ग जो एक मॉडल को लागू करता है - वस्तुओं की एक सूची

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

 [sbox-HARMATTAN_ARMEL: ~] > apt-get install libqca2-dev cmake 

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

 include(FindLibraryWithDebug) if(QCA2_INCLUDE_DIR AND QCA2_LIBRARIES) # in cache already set(QCA2_FOUND TRUE) else(QCA2_INCLUDE_DIR AND QCA2_LIBRARIES) if(NOT WIN32) find_package(PkgConfig) pkg_check_modules(PC_QCA2 QUIET qca2) set(QCA2_DEFINITIONS ${PC_QCA2_CFLAGS_OTHER}) endif(NOT WIN32) find_library_with_debug(QCA2_LIBRARIES WIN32_DEBUG_POSTFIX d NAMES qca HINTS ${PC_QCA2_LIBDIR} ${PC_QCA2_LIBRARY_DIRS} ${QT_LIBRARY_DIR}) find_path(QCA2_INCLUDE_DIR QtCrypto HINTS ${PC_QCA2_INCLUDEDIR} ${PC_QCA2_INCLUDE_DIRS} ${QT_INCLUDE_DIR}} PATH_SUFFIXES QtCrypto) include(FindPackageHandleStandardArgs) find_package_handle_standard_args(QCA2 DEFAULT_MSG QCA2_LIBRARIES QCA2_INCLUDE_DIR) mark_as_advanced(QCA2_INCLUDE_DIR QCA2_LIBRARIES) endif(QCA2_INCLUDE_DIR AND QCA2_LIBRARIES) 

अधिकांश निर्भरताओं की खोज उसी शैली में लिखी गई है। Pgkconfig वाले सिस्टम के लिए, जिसमें हरमाटन शामिल है, सब कुछ सरल और स्पष्ट है, सिस्टम के लिए जहां यह नहीं है, हम $ QTDIR निर्देशिका में देखेंगे। यदि cmake को स्वचालित रूप से लाइब्रेरी नहीं मिली, तो यह QCA2_INCLUDE_DIR QCA2_LIBRARIES को मैन्युअल रूप से सेट करने की पेशकश करेगा। यह दृष्टिकोण उन प्रणालियों पर जीवन को आसान बनाता है जिनमें पैकेज प्रबंधक नहीं है।
Cmake में चर हैं जो आपको उस प्लेटफॉर्म को निर्धारित करने की अनुमति देते हैं जिस पर यह या वह प्रोग्राम बनाया गया है, उदाहरण के लिए:

 if(WIN32) .... elseif(APPLE) ... elseif(LINUX) ... endif() 

दुर्भाग्य से, सीमेक को हरमाटन के बारे में कुछ भी नहीं पता है, सबसे सरल समाधान -DHARMATTAN = ON स्विच के साथ cmake शुरू करना है। अब हमारे पास HARMATTAN वैरिएबल परिभाषित है, और आप इस तरह की चीजें लिख सकते हैं:

 if(HARMATTAN) add_definitions(-DMEEGO_EDITION_HARMATTAN) #  ,         . endif() 

इन समान चर का उपयोग करके, आप यह निर्धारित कर सकते हैं कि कौन सा GUI कार्यान्वयन स्थापित किया जाएगा।

 if(HARMATTAN) set(CLIENT_TYPE meego) message(STATUS "Using meego harmattan client") else() set(CLIENT_TYPE desktop) list(APPEND QML_MODULES QtDesktop) message(STATUS "Using desktop client") endif() set(QML_DIR "${CMAKE_CURRENT_SOURCE_DIR}/qml/${CLIENT_TYPE}") ... install(DIRECTORY ${QML_DIR} DESTINATION ${SHAREDIR}/qml) 

विकास के लिए, ज्यादातर समय, क्यूएमडीएसके के साथ हार्मेटन क्विक कंपोनेंट्स और असेंबली के दौरान -DHARMATTAN स्विच पर्याप्त होंगे। स्क्रैचबॉक्स में, यह कम या ज्यादा अंतिम संस्करणों को इकट्ठा करने के लिए समझ में आता है।

C ++ प्लगइन Tomboy नोट्स एपीआई को लागू करता है

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

 UbuntuOneApi::UbuntuOneApi(QObject *parent) : QObject(parent), m_manager(new QNetworkAccessManager(this)), m_oauth(new QOAuth::Interface(this)) { ... connect(m_manager, SIGNAL(authenticationRequired(QNetworkReply*,QAuthenticator*)), SLOT(onAuthenticationRequired(QNetworkReply*,QAuthenticator*))); } ... void UbuntuOneApi::requestToken(const QString &email, const QString &password) { m_email = email; m_password = password; QUrl url("https://login.ubuntu.com/api/1.0/authentications"); url.addQueryItem(QLatin1String("ws.op"), QLatin1String("authenticate")); url.addQueryItem(QLatin1String("token_name"), QLatin1Literal("Ubuntu One @ ") % m_machineName); qDebug() << url.toEncoded(); QNetworkRequest request(url); QNetworkReply *reply = m_manager->get(request); reply->setProperty("email", email); reply->setProperty("password", password); connect(reply, SIGNAL(finished()), SLOT(onAuthReplyFinished())); } ... void UbuntuOneApi::onAuthenticationRequired(QNetworkReply *reply, QAuthenticator *auth) { auth->setUser(reply->property("email").toString()); auth->setPassword(reply->property("password").toString()); } 

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

  QNetworkReply *reply = static_cast<QNetworkReply*>(sender()); QVariantMap response = Json::parse(reply->readAll()).toMap(); if (response.isEmpty()) { emit authorizationFailed(tr("Unable to recieve token")); } m_token = response.value("token").toByteArray(); m_tokenSecret = response.value("token_secret").toByteArray(); m_oauth->setConsumerKey(response.value("consumer_key").toByteArray()); m_oauth->setConsumerSecret(response.value("consumer_secret").toByteArray()); QUrl url("https://one.ubuntu.com/oauth/sso-finished-so-get-tokens/" + reply->property("email").toString()); connect(get(url), SIGNAL(finished()), SLOT(onConfirmReplyFinished())); 

अगला कदम इस तथ्य की पुष्टि भेजना है कि हमें टोकन मिला है (अंतिम पंक्ति पर ध्यान दें)। नतीजतन, हमें जवाब ठीक मिलना चाहिए।

 void UbuntuOneApi::onConfirmReplyFinished() { QNetworkReply *reply = static_cast<QNetworkReply*>(sender()); QByteArray data = reply->readAll(); if (data.contains("ok")) { emit hasTokenChanged(); 

यदि ऐसा कोई शब्द उत्तर में है, तो सब कुछ, आप खुशी से कूद सकते हैं और एक संकेत भेज सकते हैं कि टोकन अंततः प्राप्त हो गया है और आप नोट्स के साथ काम करना शुरू कर सकते हैं, लेकिन यह वहां नहीं था! Tomboy एपीआई के साथ संगतता के लिए, नोट सर्वर को एक वेब ब्राउज़र के माध्यम से प्राधिकरण की आवश्यकता होती है। अब तक, मैं इस समस्या के आसपास नहीं जा सका हूं और, अपने दांतों को पीसते हुए, मुझे वेबकिट एप्लिकेशन में एक विंडो जोड़ना पड़ा जिसमें एक बटन होता है "इस उपयोगकर्ता को नोटों को एक्सेस करने की अनुमति दें"। हम इस वेबकिट को हमारे QNetworkAccessManager के लिए एक विंडो पॉइंटर देते हैं और प्राधिकरण के सफल समापन पर, यह प्राधिकरण के लिए आवश्यक डेटा के साथ क़ीमती कुकीज़ का मालिक बन जाएगा।
और इसलिए कि उपयोगकर्ता को उपयोगकर्ता नाम और पासवर्ड में ड्राइव नहीं करना है, हम इन क्षेत्रों को DOM ट्री के माध्यम से भर देंगे।

  QWebFrame *frame = page()->mainFrame(); QWebElement email = frame->findFirstElement("#id_email"); email.setAttribute("value", m_email); QWebElement pass = frame->findFirstElement("#id_password"); pass.setAttribute("value", m_password); QWebElement submit = frame->findFirstElement("#continue"); submit.setFocus(); 

प्राप्त कुकीज़ को बचाने के लिए मत भूलना, हम बहुत घुसपैठ करना चाहते हैं।

 void Notes::onWebAuthFinished(bool success) { if (success) { QNetworkCookieJar *jar = m_api->manager()->cookieJar(); QList<QNetworkCookie> cookies = jar->cookiesForUrl(m_apiRef); QSettings settings; settings.beginWriteArray("cookies", cookies.count()); for (int i = 0; i != cookies.count(); i++) { settings.setArrayIndex(i); settings.setValue("cookie", cookies.at(i).toRawForm()); } settings.endArray(); sync(); } } 

सर्वर द्वारा हमारे अनुरोधों को सफलतापूर्वक संसाधित करने के लिए, उन्हें हेडर में पहले प्राप्त टोकन होना चाहिए। यह वह जगह है जहाँ QOauth काम आता है।

 QNetworkReply *UbuntuOneApi::get(const QUrl &url) { QByteArray header = m_oauth->createParametersString(url.toEncoded(), QOAuth::GET, m_token, m_tokenSecret, QOAuth::HMAC_SHA1, QOAuth::ParamMap(), QOAuth::ParseForHeaderArguments); QNetworkRequest request(url); request.setRawHeader("Authorization", header); return m_manager->get(request); } 

अब एक हल्के दिल के साथ, आप tomboy api को लागू करना शुरू कर सकते हैं ।
Qml से कार्य की सरलता के लिए, मैंने प्रत्येक नोट को एक अलग QObject के रूप में प्रस्तुत करने का निर्णय लिया, और मैंने QObjectListModel के माध्यम से नोटों की सूची को लागू किया, जिसका कार्यान्वयन मुझे qt प्रयोगशालाओं के खुले स्थानों में मिला। प्रत्येक नोट का अपना एक गाइड होता है, जिसे जानकर आप इसके साथ काम कर सकते हैं। ग्राहक पक्ष पर मार्गदर्शन उत्पन्न होता है, इसके लिए, क्यूटी की क्विड कक्षा में संबंधित विधियां हैं, इसलिए, नए नोट का निर्माण करते समय, हमें इसके लिए एक विशिष्ट पहचानकर्ता उत्पन्न करने की आवश्यकता है, जिसके द्वारा हम भविष्य में इसका उल्लेख करेंगे।

 Note::Note(Notes *notes) : QObject(notes), m_notes(notes), m_status(StatusNew), m_isMarkedForRemoral(false) { QUuid uid = QUuid::createUuid(); m_guid = uid.toString(); m_createDate = QDateTime::currentDateTime(); } 

नोटों के साथ बुनियादी क्रियाएं:

• सर्वर के साथ सिंक नोट
• नया नोट जोड़ें
• नोट अपडेट करें
• नोट हटाएं

इन क्रियाओं के आधार पर, हम एपीआई को डिज़ाइन करेंगे, नोटों के मॉडल में हम सिंक विधि बनाएंगे, और नोट में ही हम तरीकों को सहेजेंगे, हटाएंगे। और निश्चित रूप से, हम शीर्षक और सामग्री गुणों को लागू करेंगे:

 class Note : public QObject { Q_OBJECT Q_PROPERTY(QString title READ title WRITE setTitle NOTIFY titleChanged) Q_PROPERTY(QString content READ content WRITE setContent NOTIFY textChanged) Q_PROPERTY(int revision READ revision NOTIFY revisionChanged) Q_PROPERTY(Status status READ status NOTIFY statusChanged) Q_PROPERTY(QDateTime createDate READ createDate NOTIFY createDateChanged) ... 

नोट स्टेटस प्रॉपर्टी को जोड़ना भी एक अच्छा विचार होगा, जिसका उपयोग राज्यों में qml में किया जा सकता है।

  Q_ENUMS(Status) public: enum Status { StatusNew, StatusActual, StatusOutdated, StatusSyncing, StatusRemoral }; 

ऐसा करने के लिए, हम मैजिक मैक्रो Q_ENUMS का उपयोग करते हैं, जो स्थानान्तरण के लिए मेटा-जानकारी उत्पन्न करता है। अब qml कोड में आप उनके संख्यात्मक मान प्राप्त कर सकते हैं और एक दूसरे के साथ तुलना कर सकते हैं।

  State { name: "syncing" when: note.status === Note.StatusSyncing 

सुविधाजनक, पठनीय और तेज। फिर भी, संख्याओं की तुलना की जाती है, तार नहीं!
डिफ़ॉल्ट रूप से, QObjectListModel में, प्रतिनिधि से मॉडल तत्व को नाम ऑब्जेक्ट द्वारा एक्सेस किया जा सकता है, लेकिन यह मुझे बहुत सूट नहीं करता है, इसलिए मुझे सिर्फ मॉडल से विरासत में मिला है और ऑब्जेक्ट रोल नोट करने के लिए नाम बदल दिया है।

 NotesModel::NotesModel(QObject *parent) : QObjectListModel(parent) { QHash<int, QByteArray> roles; roles[ObjectRole] = "note"; setRoleNames(roles); } 

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

 void QmlBinding::registerTypes(const char *uri) { Q_ASSERT(uri == QLatin1String("com.ubuntu.one")); qmlRegisterType<UbuntuOneApi>(uri, 1, 0, "Api"); qmlRegisterType<ProgressIndicatorBase>(uri, 1, 0, "ProgressIndicatorBase"); qmlRegisterUncreatableType<Notes>(uri, 1, 0, "Notes", tr("Use Api.notes property")); qmlRegisterUncreatableType<Account>(uri, 1, 0, "Account", tr("Use Api.account property")); qmlRegisterUncreatableType<Note>(uri, 1, 0, "Note", tr("")); qmlRegisterUncreatableType<NotesModel>(uri, 1, 0, "NotesModel", tr("")); } Q_EXPORT_PLUGIN2(qmlbinding, QmlBinding) 

आपने शायद गौर किया और पूछना चाहते हैं। और यह यूरिया कहाँ से आता है? और यह उस निर्देशिका के नाम से लिया गया है जिसमें हमारा मॉड्यूल निहित है। यही है, क्यूटी में हमारे मॉड्यूल के लिए दिखेगा:

 $QML_IMPORTS_DIR/com/ubuntu/one/ 

लेकिन यह सब नहीं है। हमारे मॉड्यूल को खोजने और आयात करने के लिए Qt के लिए, यह आवश्यक है कि निर्देशिका में सही ढंग से बनाई गई qmldir फ़ाइल हो, जो बाइनरी प्लगइन्स, qml और js फ़ाइलों को सूचीबद्ध करती है।

 plugin qmlbinding 

Meego हैरमटन के लिए qml इंटरफ़ेस का विकास

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

 import QtQuick 1.1 import com.nokia.meego 1.0 import com.ubuntu.one 1.0 //    notes API PageStackWindow { id: appWindow initialPage: noteListPage Api { //,  API id: api Component.onCompleted: checkToken() onHasTokenChanged: checkToken() function checkToken() { if (!hasToken) loginPage.open(); else api.notes.sync(); } } ... 

अब हम उन सभी पृष्ठों को बनाते हैं जिनकी हमें आवश्यकता है मानक टूलबार के रूप में, जिसमें नोट जोड़ने के लिए एक बटन होगा और इसके साथ एक मेनू:

 ... LoginPage { id: loginPage onAccepted: api.requestToken(email, password); } NoteListPage { id: noteListPage notes: api.notes } NoteEditPage { id: noteEditPage } AboutPage { id: aboutPage } ToolBarLayout { id: commonTools visible: true ToolIcon { iconId: "toolbar-add" onClicked: { noteEditPage.note = api.notes.create(); pageStack.push(noteEditPage); } } ToolIcon { platformIconId: "toolbar-view-menu" anchors.right: (parent === undefined)? undefined: parent.right onClicked: (menu.status === DialogStatus.Closed)? menu.open(): menu.close() } } Menu { id: menu visualParent: pageStack MenuLayout { MenuItem { text: qsTr("About") onClicked: {menu.close(); pageStack.push(aboutPage)} } MenuItem { text: qsTr("Sync") onClicked: api.notes.sync(); } MenuItem { text: api.hasToken ? qsTr("Logout") : qsTr("Login") onClicked: { if (api.hasToken) api.purge(); else loginPage.open(); } } } } 

अब देखते हैं कि एक अलग पेज कैसा है, नोट लिस्टपेज उदाहरण का उपयोग करते हुए, जिसका कार्यान्वयन नोटलिस्टपेज.कैम में निहित है:

 import QtQuick 1.1 import com.nokia.meego 1.0 import com.ubuntu.one 1.0 Page { id: noteListPage property QtObject notes: null tools: commonTools //  ,   main.qml PageHeader { //  .           id: header text: qsTr("Notes:") } ListView { id: listView anchors.top: header.bottom anchors.left: parent.left anchors.right: parent.right anchors.bottom: parent.bottom anchors.margins: 11 clip: true focus: true model: notes.model delegate: ItemDelegate { title: note.title //      subtitle: truncate(note.content, 32) onClicked: { noteEditPage.note = note; pageStack.push(noteEditPage); //    } function truncate(str, n, suffix) { str = str.replace(/\r\n/g, ""); if (suffix === undefined) suffix = "..."; if (str.length > n) str = str.substring(0, n) + suffix; return str; } } } ScrollDecorator { flickableItem: listView } } 

परिणाम एक ऐसा प्यारा पृष्ठ है:


लॉगिन विंडो के लिए, मैंने शीट ऑब्जेक्ट का उपयोग किया, जो एक पृष्ठ है जो ऊपर से पॉप होता है। आमतौर पर इसकी मदद से उपयोगकर्ता से किसी प्रकार की जानकारी मांगी जाती है।

 import QtQuick 1.0 import com.nokia.meego 1.0 import "constants.js" as UI //     - js   .      namespace'  qml'. Sheet { id: loginPage property alias email: loginInput.text //.   ,           loginInput.text property alias password: passwordInput.text content: Column { // sheet' anchors.topMargin: UI.MARGIN_DEFAULT anchors.horizontalCenter: parent.horizontalCenter Image { id: logo source: "images/UbuntuOneLogo.svg" } Text { id: loginTitle width: parent.width text: qsTr("Email:") font.pixelSize: UI.FONT_DEFAULT_SIZE color: UI.LIST_TITLE_COLOR } TextField { id: loginInput width: parent.width } Text { id: passwordTitle width: parent.width text: qsTr("Password:") font.pixelSize: UI.FONT_DEFAULT_SIZE color: UI.LIST_TITLE_COLOR } TextField { id: passwordInput width: parent.width echoMode: TextInput.Password } } acceptButtonText: qsTr("Login") rejectButtonText: qsTr("Cancel") } 

यह सब वैभव इस तरह दिखेगा:

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

  ToolBarLayout { id: aboutTools visible: true ToolIcon { iconId: "toolbar-back" onClicked: { pageStack.pop() } } } 

लॉन्चर आइकन

एप्लिकेशन में लॉन्च आइकन होने के लिए, सभी linuxoids .desktop फ़ाइल से परिचित फ़ाइल बनाएँ।

 [Desktop Entry] Name=ubuntuNotes Name[ru]=ubuntuNotes GenericName=ubuntuNotes GenericName[ru]=ubuntuNotes Comment=Notes editor with sync Comment[ru]=    Exec=/usr/bin/single-instance /opt/ubuntunotes/bin/ubuntuNotes %U Icon=/usr/share/icons/hicolor/80x80/apps/ubuntuNotes.png StartupNotify=true Terminal=false Type=Application Categories=Network;Qt; 

Exec सेक्शन पर ध्यान दें: इस तरह हम कहते हैं कि एप्लिकेशन को कई बार लॉन्च नहीं किया जा सकता है। यदि हम चाहते हैं कि एप्लिकेशन में एक सुंदर छप हो, तो हम इनवॉकर उपयोगिता का उपयोग कर सकते हैं।

 Exec=/usr/bin/invoker --splash=/usr/share/apps/qutim/declarative/meego/qutim-portrait.png --splash-landscape=/usr/share/apps/qutim/declarative/meego/qutim-landscape.png --type=e /usr/bin/qutim 

बेशक, सभी तस्वीरों को अलग-अलग तरीके से सेट करने के लिए याद रखना चाहिए, एक सुंदर आइकन के बजाय, हमें एक लाल वर्ग मिलेगा।

डिबेट पैकेज बनाएँ

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

नियंत्रण फ़ाइल की सामग्री:

 Source: ubuntunotes Section: user/network Priority: extra Maintainer: Aleksey Sidorov <gorthauer87@ya.ru> Build-Depends: debhelper (>= 5),locales,cmake, libgconf2-6,libssl-dev,libxext-dev,libqt4-dev,libqca2-dev,libqca2-plugin-ossl, libqtm-dev Standards-Version: 3.7.2 Package: ubuntunotes Section: user/network Architecture: any Depends: ${shlibs:Depends}, ${misc:Depends},libqca2-plugin-ossl Description: TODO XSBC-Maemo-Display-Name: ubuntuNotes XSBC-Bugtracker: https://github.com/gorthauer/ubuntu-one-qml Package: ubuntunotes-dbg Section: debug Priority: extra Architecture: any Depends: ${misc:Depends}, qutim (= ${binary:Version}) Description: Debug symbols for ubuntuNotes Debug symbols to provide extra debug info in case of crash. 

चैंज को बनाए रखने के लिए, यह डिस्क्रिप्शंस पैकेज से डीईसी प्रोग्राम को स्थापित करने के लिए जगह से बाहर नहीं होगा। इसका उपयोग करना बहुत सरल है:

 $ dch - i 

नियम फ़ाइल, debhelper'ov के उपयोग के लिए धन्यवाद, बहुत सरल थी:

 #!/usr/bin/make -f %: dh $@ override_dh_auto_configure: dh_auto_configure -- -DCMAKE_INSTALL_PREFIX=/opt/ubuntunotes -DHARMATTAN=ON override_dh_auto_install: dh_auto_install --destdir=$(CURDIR)/debian/ubuntunotes 

न्यूनतम परिवर्तनों के साथ लगभग किसी भी परियोजना के लिए एक ही फाइल उपयुक्त है।
पैकेज बनाना भी तुच्छ है:

 $ ln -s ./debian_harmattan ./debian $ dpkg-buildpackage -b 

निष्कर्ष

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