WPF: ListBox item show from bottom to top

Question

Я думаю, что заголовок не ясен Я работаю с WPF и создаю custom Messages control. У меня есть message User Control, а элементы управления сообщениями отображаются в custom Messages control [ListBox]. Код XAML:

<ListBox x:Name="uiMessages" ItemsSource="{Binding Path=Messages}"> 
      <ListBox.ItemsPanel> 
       <ItemsPanelTemplate> 
        <WrapPanel Orientation="Horizontal" IsItemsHost="True" /> 
       </ItemsPanelTemplate> 
      </ListBox.ItemsPanel> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <wpfMessages:MessageDisplay> 

        </wpfMessages:MessageDisplay> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
</ListBox> 

Текущий вид:

Ожидаемое:

Теперь элемент списка теперь отображается сверху вниз, а после красного сообщения - пустое место. Я буду хорош, если два зеленых сообщения будут внизу внизу, а красный - сверху. Ожидается добавление сообщений от botton to top no сверху до botton, как сейчас.

любые идеи?

Заранее благодарен Jamaxack!

Answer 1

создания пользовательских WrapPanel, который переворачивает элементы

XAML код:

<ListBox x:Name="uiMessages" ScrollViewer.HorizontalScrollBarVisibility="Disabled"> 
     <ListBox.ItemsPanel> 
       <ItemsPanelTemplate> 
        <wpf:ReverseWrapPanel Orientation="Horizontal"/> 
       </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
    </ListBox> 

код за:

public class ReverseWrapPanel : WrapPanel 
    { 
     public new Orientation Orientation { get { return base.Orientation; } set { base.Orientation = value; ResetAll(); } } 

     /// <summary> 
     /// The opposite of the Orientation property. 
     /// </summary> 
     Orientation FlipDirection { get { return Orientation == Orientation.Horizontal ? Orientation.Vertical : Orientation.Horizontal; } } 

     public ReverseWrapPanel() 
     { 
      Initialized += ReverseWrapPanel_Initialized; 
     } 

     void ReverseWrapPanel_Initialized(object sender, System.EventArgs e) 
     { 
      this.Mirror(FlipDirection); 
     } 

     protected override void OnVisualChildrenChanged(DependencyObject visualAdded, DependencyObject visualRemoved) 
     { 
      base.OnVisualChildrenChanged(visualAdded, visualRemoved); 

      foreach (UIElement child in Children.OfType<UIElement>()) 
      { 
       child.Mirror(FlipDirection); 
      } 
     } 

     void ResetAll() 
     { 
      this.Mirror(FlipDirection); 

      foreach (UIElement child in Children.OfType<UIElement>()) 
      { 
       child.Mirror(FlipDirection); 
      } 
     } 
    } 

Thanx Джамшед!

Answer 2

Немного непонятно, но я думаю, вы хотите изменить Layout Layout.

<ListBox.ItemsPanel> 
    <ItemsPanelTemplate> 
     <VirtualizingStackPanel VerticalAlignment="Bottom"/> 
    </ItemsPanelTemplate> 
</ListBox.ItemsPanel>