ListBox를 Word Wrapping에서 Display Bottom to Top으로 설정하려면 어떻게해야합니까?

Question

나는 아주 간단한 채팅 프로그램을 만들고있다. (주로 WPF를 가르치기 위해) ListBox를 만들려고하는데, 여기에는 채팅 히스토리를 나타내는 문자열이 맨 아래에 표시되고 목록 상자 안에 텍스트가 표시된다. 랩. 이 두 가지 문제에 대해 각각 몇 가지 해결책을 별도로 보았지만 ListBox.ItemsPanel을 설정해야합니다. 한 번만 할 수 있습니다. WPF에서는 아직 익숙하지 않기 때문에 실제로이 두 가지 기능을 함께 사용하는 방법을 알지 못합니다. VirtualizingStackPanel에이 일을 간단하게 설정할 수있는 속성이 있습니까? 이 작업을 수행하려면 데이터 템플릿을 만들어야합니까?

실제로 ListBox의 내용이 아래쪽에서 위쪽으로 이동하는 내 XAML입니다.

<ListBox x:Name="lbChatHistory" ItemsSource="{Binding History}"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <VirtualizingStackPanel VerticalAlignment="Bottom" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox> 

Answer 1

당신은 각 항목에 사용할 ListBox에 대한 ItemTemplate을 지정해야합니다. 그런 다음 해당 템플릿 내에서 TextBlock 속성이 있고 TextWrapping 속성이 Wrap으로 설정되어 있어야합니다.

그러나 실제 해결해야 할 문제는 처음에 TextBlock을 그릴 때 필요한 공간으로 확장되는 상황에 빠지게된다는 것입니다. 그러나 그 후에는 크기가 조정되지 않습니다.

크기를 조정할 수있는 부모에게 바인딩하면 (모든 항목이 자동으로 크기가 조정되지는 않는다는 점에 유의하십시오.)) 그런 변경을 할 수 있습니다.

디자인 단계에서 내가 좋아하는 한 가지는 항목의 스타일을 지정하여 스타일을 결정하는 것입니다. 이 예를 들어

<Grid Background="DarkGreen"> 
    <ListBox x:Name="lbChatHistory" 
      ItemsSource="{StaticResource Orders}" 
      HorizontalAlignment="Stretch" 
      VerticalAlignment="Stretch" 
      Background="DarkBlue" 
      Margin="10"> 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <VirtualizingStackPanel VerticalAlignment="Bottom" /> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <TextBlock Text="{Binding CustomerName, FallbackValue=Unknown}" 
          FontSize="14" 
          Foreground="White" 
          TextWrapping="Wrap" 
          Width="{Binding ElementName=lbChatHistory, Path=ActualWidth}" 
          VerticalAlignment="Stretch" 
          HorizontalAlignment="Stretch" 
          Background="DarkRed"/> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
</Grid> 

---

코드는 컨트롤이 확실한 특성을 가진 Orders의 목록에 바인딩 완전성, 그러나 당신의 데이터는 물론 다릅니다.

<Page.Resources> 
    <model:Orders x:Key="Orders"> 
     <model:Order CustomerName="Alpha" 
         OrderId="997" 
         InProgress="True" /> 
     <model:Order CustomerName="Beta" 
         OrderId="998" 
         InProgress="False" /> 
     <model:Order CustomerName="Omega" 
         OrderId="999" 
         InProgress="True" /> 
     <model:Order CustomerName="The rain in spain falls mainly" 
         OrderId="1000" 
         InProgress="False" /> 
    </model:Orders> 
</Page.Resources> 

---

난 당신이 주변 TextBlock의 색상으로 당신의 다음 질문이 필요할 수있다 ListBoxItem HorizontalContentAlignment To Stretch Across Full Width of ListBox 준 대답에 원격으로 유사한이 답변.