Значки

Sailfish Mobile OS SDK RUS включает в себя набор значков Sailfish.Silica, которые можно использовать для создания пользовательского интерфейса приложения. Данные значки соответствуют определенным размерам в Theme.Sailfish.Silica и делятся на:

Дополнительно значки делятся еще на две группы: значки действий и значки уведомлений. Sailfish.Silica поддерживает окрашивание монохромных значков. Чтобы сделать монохромные значки цветными, в коде после названия значка внутри URI следует добавить знак «?», после которого должно идти значение цвета:

import QtQuick 2.0
import Sailfish.Silica 1.0

IconButton {
    icon.source: "image://theme/icon-l-play?" + (pressed
                 ? Theme.highlightColor
                 : Theme.primaryColor)
    onClicked: console.log("Play clicked!")
}

Значки маленького размера

Значки маленького размера могут использоваться в сочетании с текстовыми элементами или для справочных целей. Размер для них — Theme.iconSizeSmall, и они не должны использоваться с компонентами, поддерживающими сенсорный интерфейс.

  Значок     Имя     Значок     Имя  
icon-s-alarm icon-s-attach
icon-s-bluetooth icon-s-certificates
icon-s-chat icon-s-clipboard
icon-s-cloud-download icon-s-cloud-upload
icon-s-date icon-s-developer
icon-s-device-download icon-s-device-upload
icon-s-duration icon-s-edit
icon-s-favorite icon-s-group-chat
icon-s-high-importance icon-s-installed
icon-s-invitation icon-s-jolla
icon-s-like icon-s-low-importance
icon-s-message icon-s-mms
icon-s-new icon-s-retweet
icon-s-sailfish icon-s-secure
icon-s-setting icon-s-sync
icon-s-task icon-s-time
icon-s-timer icon-s-update

Значки среднего размера

Значки среднего размера обычно используются с элементами списка, кнопками и другими компонентами с сенсорным взаимодействием. Размер для них — Theme.iconSizeMedium, и это самый маленький размер значка, который следует использовать с компонентами, поддерживающими сенсорный интерфейс.

  Значок     Имя     Значок     Имя  
icon-m-about icon-m-accessory-speaker
icon-m-acknowledge icon-m-add
icon-m-airplane-mode icon-m-alarm
icon-m-ambience icon-m-attach
icon-m-autocaps icon-m-back
icon-m-backspace icon-m-backup
icon-m-battery icon-m-bluetooth-device
icon-m-bluetooth icon-m-bubble-universal
icon-m-camera icon-m-capslock
icon-m-car icon-m-certificates
icon-m-charging icon-m-chat
icon-m-clear icon-m-clipboard
icon-m-clock icon-m-close
icon-m-cloud-download icon-m-cloud-upload
icon-m-computer icon-m-crop
icon-m-day icon-m-delete
icon-m-developer-mode icon-m-device-download
icon-m-device-lock icon-m-device-upload
icon-m-device icon-m-dialpad
icon-m-dismiss icon-m-display
icon-m-document icon-m-dot
icon-m-down icon-m-edit
icon-m-enter-accept icon-m-enter-close
icon-m-enter-next icon-m-enter
icon-m-events icon-m-favorite-selected
icon-m-favorite icon-m-flip
icon-m-folder icon-m-forward
icon-m-game-controller icon-m-gesture
icon-m-gps icon-m-headphone
icon-m-headset icon-m-health
icon-m-home icon-m-image
icon-m-imaging icon-m-jolla
icon-m-keyboard icon-m-lan
icon-m-left icon-m-levels
icon-m-like icon-m-link
icon-m-location icon-m-mail-open
icon-m-mail icon-m-mark-unread
icon-m-media icon-m-menu
icon-m-message icon-m-mic-mute
icon-m-mic icon-m-mobile-network
icon-m-moon icon-m-mouse
icon-m-music icon-m-next
icon-m-night icon-m-note
icon-m-notifications icon-m-other
icon-m-page-down icon-m-page-up
icon-m-pause icon-m-people
icon-m-person icon-m-phone
icon-m-pin icon-m-play
icon-m-presence icon-m-previous
icon-m-question icon-m-reboot
icon-m-redirect icon-m-refresh
icon-m-region icon-m-remote-security
icon-m-remove icon-m-repeat
icon-m-reset icon-m-right
icon-m-rotate-left icon-m-rotate-right
icon-m-rotate icon-m-sailfish
icon-m-scale icon-m-screenlock
icon-m-search icon-m-service-devices
icon-m-service-upload icon-m-share
icon-m-shortcut icon-m-shuffle
icon-m-sms icon-m-sounds
icon-m-speaker-mute icon-m-speaker
icon-m-swipe icon-m-sync
icon-m-tab-close icon-m-tablet
icon-m-tabs icon-m-tether
icon-m-text-input icon-m-time-date
icon-m-timer icon-m-toy
icon-m-traffic icon-m-train
icon-m-transfer icon-m-up
icon-m-usb icon-m-vibration
icon-m-video icon-m-watch
icon-m-whereami icon-m-wizard
icon-m-wlan-0 icon-m-wlan-1
icon-m-wlan-2 icon-m-wlan-3
icon-m-wlan-4 icon-m-wlan-hotspot
icon-m-wlan-no-signal icon-m-wlan

Значки большого размера

Значки большого размера могут использоваться в качестве автономных сенсорных элементов. Размер для них — Theme.iconSizeLarge.

  Значок     Имя     Значок     Имя  
icon-l-acknowledge icon-l-add
icon-l-airplane-mode icon-l-answer
icon-l-attention icon-l-backup
icon-l-battery icon-l-bluetooth
icon-l-charging icon-l-check
icon-l-clear icon-l-clipboard
icon-l-clock icon-l-computer
icon-l-date icon-l-developer-mode
icon-l-dismiss icon-l-document
icon-l-gps icon-l-image
icon-l-mass-storage icon-l-message
icon-l-mobile-network icon-l-music
icon-l-new icon-l-other
icon-l-pause icon-l-people
icon-l-play icon-l-power
icon-l-reboot icon-l-redirect
icon-l-reject icon-l-snooze
icon-l-storage icon-l-tether
icon-l-timer icon-l-usb
icon-l-wlan

Значки действий

Значки действий должны использоваться с компонентом CoverAction.Sailfish.Silica. Размер для них — Theme.iconSizeSmall.

  Значок     Имя     Значок     Имя  
icon-cover-alarm icon-cover-answer
icon-cover-backup icon-cover-camera
icon-cover-cancel icon-cover-dialer
icon-cover-favorite icon-cover-hangup
icon-cover-location icon-cover-message
icon-cover-mute icon-cover-new
icon-cover-next-song icon-cover-next
icon-cover-pause icon-cover-people
icon-cover-play icon-cover-previous-song
icon-cover-previous icon-cover-refresh
icon-cover-reject icon-cover-search
icon-cover-shuffle icon-cover-subview
icon-cover-sync icon-cover-timer
icon-cover-transfers icon-cover-unmute

Значки уведомлений

Значки отображают текущие уведомления о различных событиях. Размер для них — Theme.iconSizeSmall.

  Значок     Имя     Значок     Имя  
icon-lock-alarm icon-lock-application-update
icon-lock-backup icon-lock-birthday
icon-lock-calendar icon-lock-chat
icon-lock-email icon-lock-friend-request
icon-lock-information icon-lock-installed
icon-lock-invitation icon-lock-locked
icon-lock-missed-call icon-lock-mms
icon-lock-more icon-lock-settings
icon-lock-sms icon-lock-social
icon-lock-system-update icon-lock-transfer
icon-lock-voicemail icon-lock-warning