C#, alignement horizontal Listbox

Question

J'ai une application WPF et je veux ajouter un élément avec HorizontalAlignment = Gauche, puis autre avec HorizontalAlignment = droite, comme un chat dans WhatsApp, mais tout le texte dans la liste a un alignement horizontal sur le à droite, comment puis-je utiliser un alignement horizontal différent dans la même zone de liste.

Ceci est mon code XAML:

<ListBox x:Name="ListBoxChat" HorizontalAlignment="Stretch" Height="366" VerticalAlignment="Top" Width="270" Margin="2,44,0,0" Padding="2"/> 
<TextBlock Foreground="Transparent" Name="TextB" Margin="2,-5,2,-3"></TextBlock> 

et c'est le code C# derrière:

ListBoxChat.HorizontalAlignment = HorizontalAlignment.Left; 
ListBoxChat.Items.Add("How are you ?"); 

ListBoxChat.HorizontalAlignment = HorizontalAlignment.Right; 
ListBoxChat.Items.Add("Fine!!!"); 

Merci!

Answer 1

Vous pouvez créer un seul StackPanel pour porter le ListView. Comme cela,

<StackPanel> 
    <ListView x:Name="chatList" Width="value" /> 
</StackPanel> 

Vous ne avez pas vraiment besoin StackPanel, je juste utilisé!

Maintenant, sur le code CSharp, vous pouvez gérer les événements de l'utilisateur ou du réseau. Je ne vais pas aller dans la profondeur du processus, mais un exemple de ce serait

void addItem (object sender, EventArgs e) { 
    // first create the new item! 
    ListViewItem item = new ListViewItem(); 
    // add the properties.. 
    item.Content = "Hi, my name is Slim Shady!"; 
    if(messageBy == "user") { 
     // if message is by user, align it to right 
     item.HorizontalAlignment = HorizontalAlignment.Left; 
    } else { 
     // if message is by network (friend), align it to left 
     item.HorizontalAlignment = HorizontalAlignment.Right; 
    } 
    // now add the item to the listbox 
    chatList.Items.Add(item); // done! :-) 
} 

Vous pouvez exécuter ce code, chaque fois qu'il est nouvel élément à appened! Mais vous devez vraiment vous assurer que les conditions sont vérifiées. Parce que l'utilisation de la condition, vous pouvez changer la couleur de l'article aussi, comme dans WhatsApp, vous pouvez aussi faire d'autres choses. Cela dépend totalement de la condition et de la façon dont vous l'utilisez.

Bonne chance!

Answer 2

Vous pouvez y parvenir en appliquant le style de votre ListBoxItem et en utilisant AlternationCount et AlternationIndex comme indiqué ci-dessous:

<ListBox x:Name="ListBoxChat" HorizontalAlignment="Stretch" Height="366" VerticalAlignment="Top" Width="270" Margin="2,44,0,0" Padding="2" 
     AlternationCount="2"> 
    <ListBox.ItemContainerStyle> 
     <Style TargetType="ListBoxItem"> 
      <Style.Triggers> 
      <DataTrigger Binding="{Binding Path=(ItemsControl.AlternationIndex), 
        RelativeSource={RelativeSource Self}}" Value="0"> 
       <Setter Property="HorizontalContentAlignment" Value="Left"></Setter> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding Path=(ItemsControl.AlternationIndex), 
        RelativeSource={RelativeSource Self}}" Value="1"> 
       <Setter Property="HorizontalContentAlignment" Value="Right"></Setter> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 
</ListBox.ItemContainerStyle>