क्या qml-app-development के लिए कोई मानक चिह्न हैं?

Question

मैं एक qml-app विकसित कर रहा हूं और मैं बटन पर आइकन डालना चाहता हूं। मैं अपने ऐप के लिए असली ubuntu देखो पाने के लिए ubuntu मानक आइकन का उपयोग करना चाहूंगा। मैं यह कैसे कर सकता हूँ?

Comments

आप किसी और से आइकन का उपयोग करना चाहते हैं? कॉपीराइट का ध्यान रखें! एक आइकन एक रचनात्मक कार्य है। यह कॉपीराइट है। तो आपको पहले उस आइकन के साथ आने वाले कॉपीराइट-लाइसेंस की जांच करनी चाहिए। मेरे बुकमार्क में यह वेबपेज था । यह कैनन के बारे में है - उबंटू के पीछे का व्यवसाय - नए आइकन बनाने के लिए 'फ़ेंज़ा' आदमी को काम पर रखना।

iloveubuntu.net/…

— डैनियल होल्म

निश्चित रूप से, एपीआई को सिस्टम वाइड थीम से आइकन प्राप्त करने का एक तरीका प्रदान करना चाहिए। इसे बंद क्यों किया गया?

— andrewsething

Answer 1

आधिकारिक उबंटू टच आइकन थीम को उबंटू मोबाइल कहा जाता है, और यह ubuntu-mobile-iconsपैकेज में स्थापना के लिए उपलब्ध है । यहां दिए गए आइकन का एक नमूना है:

अपने कोड में आइकन का उपयोग करने के लिए, बस आइकन के लिए पथ का उपयोग करें। उदाहरण के लिए, टूलबार बटन में आइकन सेट करने के लिए, इसके समान कुछ करें:

ToolbarButton {
    text: i18n.tr("Refresh")
    iconSource: Qt.resolvedUrl("/usr/share/icons/ubuntu-mobile/actions/scalable/reload.svg")
}

बार-बार रूट पथ को दोहराने से बचने के लिए, मैं आमतौर पर एक छोटे फ़ंक्शन का उपयोग करता हूं, getIconजो एक आइकन के लिए वास्तविक पथ देता है:

function getIcon(name) {
    return Qt.resolvedUrl("/usr/share/icons/ubuntu-mobile/actions/scalable/" + name + ".svg")
}

पिछला उदाहरण तब होगा:

ToolbarButton {
    text: i18n.tr("Refresh")
    iconSource: getIcon("reload")
}

Comments

इस उत्तर को अद्यतन करने की आवश्यकता है। आइकन का उपयोग करने का सही और आधिकारिक तरीका है, iconName: "reload" या iconSource: "image: // theme / reload"

— nik90

Answer 2

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

import QtQuick 2.0
import Ubuntu.Components 0.1

MainView {
    id: root
    objectName: "mainView"

    width: units.gu(50)
    height: units.gu(75)

    property real margins: units.gu(2)
    property real buttonWidth: units.gu(9)

    Page {
        title: i18n.tr("Icons!")

    Column {

        anchors {
            fill: parent
            margins: root.margins
        }
        spacing: units.gu(1)

        Icon {
            name: "call-start"
            width: 48
            height: 48
         }

        Icon {
            name: "call-stop"
            width: 48
            height: 48
         }

        Icon {
            name: "find"
            width: 48
            height: 48
        }

        }
    }
}

यह आपको देता है:

AFAICT, यह वास्तव में फ़्रीडेस्कोटॉप आइकन थीम विनिर्देश द्वारा प्रदान किए गए आइकन के पूर्ण सेट का समर्थन नहीं करता है, हालांकि .....

Answer 3

उबंटू मोबाइल के लिए डिफ़ॉल्ट विषय सुरू है और आइकन अंदर स्थित हैं /usr/share/icons/suru

किसी भी आइकन को नाम से इस्तेमाल किया जा सकता है। सूरू आइकन सेट के बाहर भी आइकन।

अगर फाइल है /usr/share/icons/suru/actions/scalable/like.svg

कोड हो सकता है:

Action {
    id: likeAction
    iconName: "like"    // the files name without file ending
    text: "I like this"
}

जो आपको हार्ट आइकन के साथ एक्शन बटन देता है।