Enfants HBox Séparateur de composant

Question

Comment ajouter une ligne de séparation autour du composant enfants HBox?

Comme si je choisissais borderstyle comme solide pour la hbox, le problème est la ligne entre le composant enfants, comme les composants de texte, que je pourrais montrer de manière efficace, et pas seulement HBox à chaque élément.

Answer 1

Un HBox est juste une boîte avec une disposition horizontale des enfants - il n'a pas réellement de lignes verticales entre ces enfants, donc vous ne serez pas en mesure d'utiliser des bordures ou quoi que ce soit sur le HBox.

Votre meilleur pari ajoute probablement VRule composants entre chaque composant enfant, quelque chose comme:

<mx:HBox width="100%" borderColor="#000000" borderStyle="solid"> 
    <mx:Image /> 
    <mx:VRule height="100%" strokeColor="#000000" strokeWidth="1"/> 
    <mx:Image /> 
    <mx:VRule height="100%" strokeColor="#000000" strokeWidth="1"/> 
    <mx:Image /> 
</mx:HBox> 

Vous pouvez ajuster les styles de bordure VRule et HBox être cohérent comme bon vous semble. Les seules autres options que je peux penser sont de mettre des frontières autour de chaque composant enfant sans bordure sur le HBox (peut-être besoin d'un rembourrage enfant selon vos composants), incorporer tous vos composants dans Box composants dans le HBox comme vous le suggérez, ou faire quelque chose complètement fou, comme l'utilisation d'un HorizontalList et l'intégration de vos composants dans un rendu d'élément personnalisé qui est une taille cohérente avec une bordure.

Personnellement, j'utiliserais simplement les séparateurs VRule et passer à autre chose. Je préfère doubler sur les enfants que d'avoir tous mes composants d'intérêt un niveau de famille plus profond dans le HBox. Si vous avez besoin de générer vos enfants HBox à partir d'un tableau variable ou similaire, alors vous pouvez mettre chacun dans un Box et utiliser un Repeater ou quelque chose. Quelques détails supplémentaires aideraient pour des réponses plus spécifiques.