Offres Produits Études de cas Expertises À propos Nous contacter Blog Offres d'emploi
FR EN

Thèmes

Thèmes intégrés

Deux thèmes sont inclus. Définissez la propriété theme sur le composant ou via le singleton :

VirtualKeyboard {
    theme: Lnvk.Dark   // par défaut
    // theme: Lnvk.Light
}
// Changer à l'exécution
Lnvk.theme = Lnvk.Light

Couleurs personnalisées

Surchargez n'importe quel jeton visuel sur le composant VirtualKeyboard. Les propriétés non définies héritent des valeurs du thème actif.

VirtualKeyboard {
    panelBackground:      "#1a1a2e"
    keyBackground:        "#16213e"
    keyForeground:        "#e2e2e2"
    keyPressedBackground: "#0f3460"
    specialKeyBackground: "#533483"
    accentColor:          "#e94560"
    popupBackground:      "#16213e"
    keyRadius:  8
    keySpacing: 4
    fontSize:   20
}

Les polices embarquées sont optionnelles. Enregistrez vos propres fichiers de police depuis C++ avant l'initialisation du plugin (voir Déploiement). En QML, utilisez la famille résolue en lecture seule : font.family: Lnvk.effectiveFontFamily.

Référence des propriétés de couleur

PropriétéTypeDéfaut sombreDescription
panelBackgroundcolor#132538Fond du panneau clavier
keyBackgroundcolor#1E3550Couleur de remplissage des touches
keyForegroundcolor#F9F8F7Couleur du libellé des touches
keyPressedBackgroundcolor#23A4DDRemplissage de la touche enfoncée
specialKeyBackgroundcolor#454D9BTouches Maj, retour arrière, entrée
accentColorcolor#00AB97Couleur d'accentuation et barre candidats
popupBackgroundcolor#1E3550Fond du popup appui long
keyRadiusint12Rayon des coins des touches (px)
keySpacingint5Espacement entre les touches (px)
fontSizeint22Taille de base du libellé (px)

Polices

Appelez FontPaths::setHostFontFiles avant engine.load() :

#include <lnvk>

lenewt::FontPaths::setHostFontFiles({
    "/opt/myapp/fonts/Inter-Variable.ttf",
    "/opt/myapp/fonts/NotoSansCJKsc-Regular.otf",
});

Lorsqu'elle est définie, la liste hôte remplace la découverte des polices embarquées. La sélection par script est automatique via Lnvk.effectiveFontFamily lors du changement de langue. Voir Déploiement pour les polices embarquées optionnelles.

Dimensions

Contraignez la largeur et la hauteur du clavier avec maxWidth et maxHeight. Le clavier se centre dans l'espace disponible.

VirtualKeyboard {
    maxWidth:  600
    maxHeight: 300
}

Mettez -1 (valeur par défaut) pour laisser la dimension sans contrainte.