Propriétés de l'Objet

Propriétés de l'Objet

Les propriétés de l'objet pour l'objet actuellement sélectionné sont affichées sur le côté droit de l'éditeur. Ces propriétés déterminent comment les objets sur le cadre apparaîtront aux participants. De nombreuses propriétés d'objet peuvent être modifiées entre les essais, tandis que certaines propriétés (comme le nom de l'objet) sont fixes et ne peuvent pas différer entre les essais. Les propriétés qui sont modifiées (différentes de la valeur par défaut) sont indiquées par une couleur de fond gris foncé. Toutes les propriétés pouvant être modifiées entre les essais peuvent être modifiées dynamiquement pendant l'exécution de l'événement à l'aide de l'action "set obj property". La propriété "required" des objets peut être modifiée dynamiquement pendant l'exécution de l'étude. Les objets ne seront affichés comme requis que s'ils ne sont pas cachés (visibilité = 0). Cela permet des expériences très interactives et dynamiques. Veuillez consulter la page "Tableaux des Propriétés des Objets" pour un tableau détaillé de tous les types d'objets et de leurs propriétés.

Dans l'Éditeur de Tâches, l'apparence des objets peut être modifiée pour faciliter l'édition de votre étude. Il existe 2 propriétés d'objet qui vous permettent de faire cela : verrouiller et cacher.

• Verrouiller : En cliquant sur la petite icône de cadenas à côté du nom d'un objet dans l'onglet Objets, vous verrouillez sa position sur le cadre. Cela empêche tout mouvement accidentel ou toute modification de l'objet pendant que vous éditez l'étude.
• Cacher : En cliquant sur la petite icône d'œil à côté du nom d'un objet dans l'onglet Objets, vous cacherez l'objet de la vue sur le cadre. Cela est utile si vous avez plusieurs objets sur le cadre à la fois et que vous souhaitez en voir un ou plusieurs à la fois pendant que vous éditez.

Ces deux propriétés ne sont actives que pendant l'édition de l'étude. Verrouiller ou cacher un objet dans l'Éditeur de Tâches ne changera pas la façon dont le participant voit cet objet pendant l'étude.

Copier et Coller Position, Taille, et Échelle

Pour appliquer la même position, taille ou échelle d'un objet à un autre, utilisez les contrôles de copier et coller dans le panneau Propriétés de l'Objet.

Dans la section Position & Size, une icône de copie et une icône de collage apparaissent à côté du titre de la section. Cliquez sur l'icône de copie pour copier les valeurs de position et de taille actuelles de l'objet dans le presse-papiers. Ensuite, sélectionnez un autre objet et cliquez sur l'icône de collage dans la même section pour appliquer ces valeurs à celui-ci.

La section Scale & Rotation dispose des mêmes contrôles de copier et coller pour les valeurs d'échelle et de rotation. Elle comprend également une case à cocher Keep Aspect Ratio : lorsqu'elle est activée, le ratio largeur-hauteur de l'objet est verrouillé, donc redimensionner l'objet dans l'éditeur préserve automatiquement ses proportions d'origine.

Cela est utile lorsque vous devez aligner plusieurs objets aux mêmes dimensions ou positions à travers des cadres ou des tâches sans entrer manuellement chaque valeur.

Propriétés CSS Personnalisées

Une propriété CSS est un style d'un élément écrit dans le code HTML. Les propriétés CSS d'un élément peuvent être modifiées dans l'onglet Propriétés de l'Objet en cliquant sur l'élément et en cochant la case "changer les propriétés CSS." Un code exemple est fourni en texte gris à titre d'exemple.

Pour écrire du code personnalisé, vous aurez besoin d'un élément de référence, de son nom de sélecteur, d'une commande et d'une valeur. Pour trouver le nom du sélecteur pour l'élément que vous souhaitez modifier, faites un clic droit sur l'élément et cliquez sur "inspecter." Cela ouvrira la console sur votre appareil. Par exemple, le sélecteur pour un élément de texte est la lettre p.

En cliquant sur Inspecter :

Vous devrez également utiliser des accolades pour votre code. Un exemple de code pour changer la couleur d'un élément de texte est :

p{ background-color:green }

Bien que des propriétés telles que la couleur de fond puissent être facilement modifiées à l'aide de la fenêtre des propriétés de l'objet, il existe des cas où vous souhaitez être plus spécifique avec vos propriétés CSS. Par exemple, dans des éléments de matrice, plusieurs propriétés CSS différentes peuvent être utilisées pour personnaliser votre élément.

De nombreuses propriétés CSS personnalisées peuvent être ajoutées au même élément avec plusieurs lignes de code.

Si vous débutez en programmation ou souhaitez plus d'informations sur CSS, consultez ce module de MDN.