কিউএমএল-অ্যাপ্লিকেশন-বিকাশের জন্য কোনও মানক আইকন রয়েছে?

Question

আমি একটি কিউএমএল-অ্যাপ্লিকেশন বিকাশ করছি এবং আমি বোতামগুলিতে আইকন রাখতে চাই। আমি আমার অ্যাপ্লিকেশনটির জন্য প্রকৃত উবুন্টু পেতে উবুন্টু স্ট্যান্ডার্ড আইকনগুলি ব্যবহার করতে চাই। কিভাবে আমি এটি করতে পারব?

Comments

আপনি অন্য কারও কাছ থেকে আইকন ব্যবহার করতে চান? মন কপিরাইট! একটি আইকন একটি সৃজনশীল কাজ। এটি কপিরাইটযুক্ত। সুতরাং আপনার প্রথমে সেই আইকনটির সাথে আসা কপিরাইট-লাইসেন্সটি পরীক্ষা করা উচিত। আমার এই বুকমার্কগুলিতে এই ওয়েবপৃষ্ঠাটি ছিল । এটি ক্যানোনিকাল সম্পর্কে - উবুন্টুর পিছনে ব্যবসা - নতুন আইকন তৈরি করতে 'ফেনজা' লোককে নিয়োগ দেয়।

iloveubuntu.net/…

— ড্যানিয়েল

অবশ্যই, এপিআই অবশ্যই সিস্টেম ওয়াইড থিম থেকে আইকন পাওয়ার জন্য একটি উপায় সরবরাহ করবে। কেন এটি বন্ধ ছিল?

— অ্যান্ড্রুসোমথিং

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

এই উত্তরটি আপডেট করা দরকার। আইকনগুলি ব্যবহারের সঠিক ও সরকারী উপায় হ'ল আইকননাম: "পুনরায় লোড" বা আইকনসোর্স: "চিত্র: // থিম / রিলোড"

— নিক 90

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
        }

        }
    }
}

এটি আপনাকে দেয়:

আফিকা, এটি আসলে ফ্রিডেস্কটপ আইকন থিম নির্দিষ্টকরণ দ্বারা সরবরাহিত আইকনগুলির পুরো সেটটিকে সমর্থন করবে বলে মনে হচ্ছে না .....

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"
}

যা আপনাকে হার্ট আইকন সহ অ্যাকশন বোতাম দেয়।