qml-app-development에 대한 표준 아이콘이 있습니까?

11

qml-app을 개발 중이며 버튼에 아이콘을 넣고 싶습니다. 우분투 표준 아이콘을 사용하여 실제 우분투가 내 앱을 찾도록하고 싶습니다. 어떻게해야합니까?

application-development ubuntu-touch

다른 사람의 아이콘을 사용하고 싶습니까? 저작권을 염두에 두십시오! 아이콘은 창의적인 작품입니다. 저작권이 있습니다. 따라서 해당 아이콘과 함께 제공되는 저작권 라이센스를 먼저 확인해야합니다. 나는 한 이 웹 페이지 내 북마크에 있습니다. 우분투 뒤의 사업 인 Canonical은 새로운 아이콘을 만들기 위해 'Faenza'를 고용합니다.

iloveubuntu.net/…

— Daniel Holm

확실히, API는 시스템 전체 테마에서 아이콘을 얻는 방법을 제공해야합니다. 왜 폐쇄 되었습니까?

— andrewsomething

8

공식 Ubuntu Touch 아이콘 테마는 Ubuntu Mobile이라고하며 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")
}

— 나는 믿는다
소스

3

이 답변은 업데이트해야합니다. 아이콘을 사용하는 올 바르고 공식적인 방법은 iconName : "reload"또는 iconSource : "image : // theme / reload"

— nik90

4

방금 QML을 다루기 시작했지만 Ubuntu SDK가 테마 인 Icon 구성 요소 에서 아이콘에 액세스하는 방법을 제공하는 것처럼 보입니다 . 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
        }

        }
    }
}

이것은 당신에게 제공합니다 :

qml-icons-hello-world

AFAICT, 이것은 실제로 Freedesktop 아이콘 테마 사양에서 제공하는 전체 아이콘 세트를 지원하지 않는 것 같습니다 .....

— 앤드류
소스

0

Ubuntu mobile의 기본 테마는 Suru이며 아이콘은 /usr/share/icons/suru

모든 아이콘을 이름으로 사용할 수 있습니다. Suru 아이콘 외부의 아이콘도 설정됩니다.

파일이 /usr/share/icons/suru/actions/scalable/like.svg

코드는 다음과 같습니다.

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

심장 아이콘이있는 작업 버튼을 제공합니다.

— Horselover Fat
소스