Composants

À quoi ressemble chaque interface d’ox_lib dans ox_lib Redesigned, et les quelques détails à connaître pour les auteurs de scripts.

Chaque composant garde son API ox_lib. Les images ci-dessous utilisent le préréglage Liquid Dark.

Notifications

lib.notify

L’icône est posée sur une tuile colorée, et une fine barre indique le temps restant quand showDuration est défini. L’option style fonctionne toujours, y compris ['.description'].

Text UI

lib.showTextUI('[E] - Enter the garage\n[G] - Lock\nHold for more')

Quand le texte commence par une touche entre crochets, comme [E] - Open trunk, la touche est dessinée comme une keycap. Chaque ligne devient sa propre rangée. Tout autre texte est affiché en markdown, comme avant.

Progression

lib.progressBar

lib.progressCircle

Avec setr ox:progressStyle "island", la barre comme le cercle s’affichent à la place sous forme de pastille noire en haut de l’écran :

Style Island

Menu contextuel

lib.showContext

Les descriptions, métadonnées, images, barres de progression, flèches, options désactivées ou en lecture seule, et le bouton de retour fonctionnent comme avant.

Menu liste

lib.showMenu

Les cases à cocher sont dessinées comme des interrupteurs. Les commandes clavier ne changent pas.

Boîte de saisie

lib.inputDialog

Tous les types de champs sont pris en charge et renvoient les mêmes valeurs dans le même ordre.

Boîte d’alerte

lib.alertDialog

Skill check

lib.skillCheck

La zone cible utilise la couleur de succès.

Menu radial

Consulte Menu radial pour les sept formes.

Pour les auteurs de scripts

Rien ne doit changer dans ton code. Voici les seules différences que tu pourrais remarquer :

Option	Avec ox_lib Redesigned
iconColor	Une couleur saturée remplit la tuile de l’icône. Le blanc, le gris, le noir ou une couleur transparente donnent une tuile givrée, avec l’icône dans la couleur du texte.
Input checkbox	Dessinée comme un interrupteur. Elle renvoie toujours true ou false.
Input select	Avec deux ou trois options courtes et un default, elle devient un contrôle segmenté. Elle renvoie la même valeur.
Dialog size	xs à xl suivent l’échelle de l’interface. Les autres valeurs, comme '60%', sont transmises telles quelles, comme avant.
Text UI	Le texte qui commence par [KEY] est découpé en une rangée par ligne, chacune avec une keycap.
Progress position	Ignorée quand le serveur utilise le style island, qui se place toujours en haut.
Radial menu	Le nombre d’éléments par page dépend de la forme. Les clics renvoient toujours le même index d’élément.