Existe algum ícone padrão para qml-app-development?

Question

Estou desenvolvendo um aplicativo qml e quero colocar ícones nos botões. Eu gostaria de usar ícones padrão do Ubuntu para obter o verdadeiro ubuntu olhar para o meu aplicativo. Como posso fazer isso?

    

Answer 1

O tema oficial do Ubuntu Desktop é chamado Ubuntu Mobile, e está disponível para instalação no pacote ubuntu-mobile-icons . Aqui está uma amostra dos ícones fornecidos:

Para usar os ícones em seu código, basta usar o caminho para o ícone. Por exemplo, para definir o ícone em um botão da barra de ferramentas, faça algo semelhante a isto:

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

Para evitar ter que repetir o caminho da raiz várias vezes, geralmente uso uma pequena função chamada getIcon , que retorna o caminho real para um ícone:

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

O exemplo anterior seria então:

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

    

Answer 2

Eu só comecei a mexer no QML, mas parece que o Ubuntu SDK fornece uma maneira de acessar os ícones do tema, o Componente Icon. Aqui está um exemplo Hello Worldish:

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
        }

        }
    }
}

Isso lhe dá:

AFAICT, isso não parece realmente suportar o conjunto completo de ícones fornecidos pela Especificação de Tema de Ícone Freedesktop embora .....

    

Answer 3

O tema padrão para o Ubuntu Mobile é Suru e os ícones estão localizados em /usr/share/icons/suru

Qualquer um dos ícones pode ser usado pelo nome. Até mesmo ícones fora do ícone do Suru.

Se o arquivo for /usr/share/icons/suru/actions/scalable/like.svg

O código pode ser:

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

O que lhe dá um botão de ação com um ícone de coração.