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

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

आवेदन

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

, :

• UI UX

Qt

— (), PHP/HTML. , , , Qt, :

• Qt ( Symbian, MeeGo, Ubuntu Phone Android);
• , ;
• QML, C++. , — JavaScript-like , ;
• iOS ( ).

UI

, , . , , . , . ( ):

"" anchors, Row, Column Repeater. , UI. , ( ):

Button {
id: mainButton
anchors {
    left: parent.left
    right: parent.right
}
height: btnLayout.height + 30
Material.background: "white"
onClicked: stackView.push(Qt.resolvedUrl("qrc:/qml/MeditationListPage.qml"))

Column {
    id: btnLayout
    spacing: 10
    anchors {
        top: parent.top
        topMargin: 15
        left: parent.left
        right: parent.right
        margins: 10
    }

    Row {
        anchors.horizontalCenter: parent.horizontalCenter
        spacing: (mainButton.width - 4 * 50) / 6
        Repeater {
            model: meditationModel

            RoundedIcon {
                source: Qt.resolvedUrl("qrc:/img/my%1.png".arg(model.index))
                color: model.color
                width: 50
                height: 50
            }
        }
    }

    Label {
        text: qsTr("")
        font.pointSize: 14
        color: "dimgrey"
        anchors.horizontalCenter: parent.horizontalCenter
    }

    Label {
        text: "        ,     "
        anchors {
            left: parent.left
            right: parent.right
        }
        horizontalAlignment: Text.AlignHCenter
        Material.foreground: Material.Grey
        font.pixelSize: 12
        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
    }
}
}

UI , HDPI Qt . , Qt: QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);. " ".

Material design, Android Qt Quick Controls 2 . https://doc.qt.io/qt-5/qtquickcontrols2-material.html. , Material design. UI , attached property Material.accent .

mp3- , QRC. 10-15 . — , 15 . , , pro-:

CONFIG += resources_big

, , , .

, " ". Shorts, , . DarkModeShader.qml:

ShaderEffect {
    fragmentShader: "
        uniform lowp sampler2D source;
        uniform lowp float qt_Opacity;
        varying highp vec2 qt_TexCoord0;

        void main() {
            lowp vec4 p = texture2D(source, qt_TexCoord0);
            p.r = min(0.8, (1.0 - p.r) * 0.8 + 0.1);
            p.g = min(0.8, (1.0 - p.g) * 0.8 + 0.1);
            p.b = min(0.8, (1.0 - p.b) * 0.8 + 0.1);
            gl_FragColor = vec4(vec3(dot(p.rgb, vec3(0.299, 0.587, 0.114))), p.a) * qt_Opacity;
        }
    "
}

:

StackView {
    // ...
    layer.effect: DarkModeShader { }
    layer.enabled: optionsKeeper.isNightMode
}

.. , isNightMode. Qt / ( , ).

, — . - , — !

Qt Multimedia, Audio. mp3, , — , :

Audio {
    id: audioPlayback
    source: meditAudioSource
}
// ...
Slider {
    anchors {
        left: parent.left
        right: playBtn.left
        verticalCenter: parent.verticalCenter
    }
    from: 0
    to: audioPlayback.duration
    value: audioPlayback.position
    onMoved: audioPlayback.seek(value)
    Material.accent: meditColor
}

Settings Qt.labs.settings (, , labs):

import Qt.labs.settings 1.0
// ...  boilerplate- ,        .
property Settings settings: Settings {
    property bool isNightMode: false
}

2018 , .

, , 2020, , - , — ( ). , — — :)

, JSON- . . HTTP- QML- XMLHttpRequest ( JSON QML). .

. QML LocalStorage, SQLite. JS-, QML, :

// databasemodule.js
.pragma library // I hope this will prevent the waste of memory.
.import QtQuick.LocalStorage 2.0 as SQL

function getMeditations() {
    ...
}

// TransferManager.qml
import "databasemodule.js" as DB
...
var syncedItems = DB.getMeditations()

:

var db = SQL.LocalStorage.openDatabaseSync("AMeditation", "", "Main DB", 100000)
...
db.transaction(function(tx) {
    dbResult = tx.executeSql("SELECT * FROM meditations")
    console.log("meditations SELECTED: ", dbResult.rows.length)
})

.. , transaction callback. ( , Qt ).
. openDatabaseSync . , ( , ). . , , , . [" ", " ", " "]:

var migrations = [
    {'from': "", 'to': "1.0", 'ops': function(transaction) {
        transaction.executeSql("CREATE TABLE meditations ( \
            id  INTEGER PRIMARY KEY 
            ...
            status  TEXT);")
    }}
    ,{'from': "1.0", 'to': "1.1", 'ops': function(transaction) {
        transaction.executeSql("ALTER TABLE meditations ADD quality TEXT;")
    }}
]

, ( — , - ).

C++

QML, C++. . Ubuntu Phone. . QML — . C++- QML :

engine.rootContext()->setContextProperty("networkManager", new NetworkManager());

QML - :

//  .
var isSucces = networkManager.download(downloadUrl, currentDownload.localUrl)
...
//  .
Connections {
    target: networkManager

    onDownloadOperationProgress: {
        d.currentDownload.current = current
        d.currentDownload.total = total
    }
    ...
}

C++-, QML- singletone :

// cpputils.h
class CppUtils : public QObject
{
    Q_OBJECT
public:
    explicit CppUtils(QObject *parent = nullptr);
    ~CppUtils();

    Q_INVOKABLE bool removeFile(const QString& fileName) const;
    static QObject *cppUtilsSingletoneProvider(QQmlEngine *engine, QJSEngine *scriptEngine);
};

// main.cpp
qmlRegisterSingletonType<CppUtils>("AMeditation.CppUtils", 1, 0, "CppUtils", CppUtils::cppUtilsSingletoneProvider);

.. , cppUtilsSingletoneProvider, Q_INVOKABLE — "" QML. QML :

import AMeditation.CppUtils 1.0
// ...
CppUtils.removeFile(cd.localUrl)

, - . — . , - , . , . QML (QNetworkAccessManager). . :

// cachingnetworkmanagerfactory.h
class CachingNetworkAccessManager : public QNetworkAccessManager
{
public:
    CachingNetworkAccessManager(QObject *parent = 0);
protected:
    QNetworkReply* createRequest(Operation op, const QNetworkRequest &req, QIODevice *outgoingData = 0);
};

class CachingNetworkManagerFactory : public QQmlNetworkAccessManagerFactory
{
public:
    CachingNetworkManagerFactory();
    QNetworkAccessManager *create(QObject *parent);
};

// cachingnetworkmanagerfactory.cpp

QNetworkReply* CachingNetworkAccessManager::createRequest(Operation op, const QNetworkRequest &request, QIODevice *outgoingData)
{
    QNetworkRequest req(request);
    req.setAttribute(QNetworkRequest::CacheLoadControlAttribute, QNetworkRequest::PreferNetwork);
    return QNetworkAccessManager::createRequest(op, req, outgoingData);
}

QNetworkAccessManager *CachingNetworkManagerFactory::create(QObject *parent) {
    QNetworkAccessManager* manager = new CachingNetworkAccessManager(parent);

    QNetworkDiskCache* cache = new QNetworkDiskCache(manager);
    cache->setCacheDirectory(QString("%1/network").arg(QStandardPaths::writableLocation(QStandardPaths::CacheLocation)));
    manager->setCache(cache);
    return manager;
}

.. setCache , createRequest . — , .

Android

SDK NDK. Linux- , Windows - (, , QtCreator 4.12 NDK, ). NDK Clang. arm_v7 (32 ), arm_v8a (64 ; Google play 2019 ). Google play.

, , .

• Qt pet-, Android. ;
• AMeditation ( UI " 2.1. ") 10+ 250 , ( , , ).
• , , !
• iOS .

सामान्य तौर पर, क्यूटी पर विकसित करना मजेदार है, मुफ्त में और आत्मा के लिए भी कुछ करना!

पीएस प्रिय खाबरोवस्क निवासियों, मुझे आशा है कि आप इसे विज्ञापन के रूप में नहीं गिनेंगे - आवेदन मौलिक रूप से स्वतंत्र और गैर-वाणिज्यिक है, मैं इसके बारे में और इसके निर्माण के इतिहास को उन लोगों को बताना चाहता था जो रुचि रखते थे, जैसे विकास के लिए सफलतापूर्वक पाया गया दृष्टिकोण साझा करना।
PSS आवेदन में पुरानी प्रविष्टियों के साथ इसका जुड़वां संस्करण 1.1 है, जिसमें 5k + डाउनलोड और 100 समीक्षाएँ हैं। हम शायद इसे जल्द ही स्टोर से निकाल लेंगे।