WPF & C# - ListBox 를 WrapPanel 처럼 사용하기 ( ItemsPanelTemplate )

 

 

 

WPF & C# - ListBox 를 WrapPanel 처럼 사용하기 ( ItemsPanelTemplate  )

 

ListBox_ItemsPanelTemplate.zip

0.79MB

 

 

MainWindow.xaml

 

 

<ListBox x:Name="lbx" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <Button x:Name="btn" Content="Button" Width="75" Height="67" Click="btn_Click"/>
</ListBox>

 

 

코드로 넣기

MainWindow.xaml.cs

 

 

// 리스트박스 추가
ListBox lbx = new ListBox();
 
FrameworkElementFactory factoryPanel = new FrameworkElementFactory(typeof(WrapPanel));
factoryPanel.SetValue(WrapPanel.OrientationProperty, Orientation.Horizontal);
ItemsPanelTemplate template = new ItemsPanelTemplate();
template.VisualTree = factoryPanel;
lbx.ItemsPanel = template;
 
lbx.SetValue(ScrollViewer.HorizontalScrollBarVisibilityProperty, ScrollBarVisibility.Disabled);
lbx.ItemsPanel = template;

 

 

 

ItemsPanelTemplate.zip

0.27MB

 

MainWindow.xaml.cs

 

 

// 컬러 종류 나열
private System.Windows.Media.Color[] circleColors =
{
    Colors.Red,
    Colors.Black,
    Colors.LawnGreen,
    Colors.Blue,
    Colors.Cyan,
    Colors.Magenta,
    Colors.Blue,
    Colors.BlueViolet,
    Colors.Brown,
    Colors.BurlyWood,
    Colors.Chartreuse,
    Colors.Coral,
    Colors.Tomato,
    Colors.Teal,
    Colors.SteelBlue,
    Colors.SpringGreen,
    Colors.SlateGray,
    Colors.SlateBlue,
    Colors.Purple,
    Colors.GreenYellow,
    Colors.Green,
    Colors.Firebrick,
    Colors.DarkOrchid,
    Colors.Crimson,
    Colors.Chartreuse,
    Colors.DarkViolet,
    Colors.DeepPink,
    Colors.Violet,
    Colors.YellowGreen,
    Colors.Yellow
};
 
int i = 0;
private void btn_Click(object sender, RoutedEventArgs e)
{
    // Ellipse 생성 
    Ellipse ell = new Ellipse();
    ell.Width = 50;
    ell.Height = 50;
    ell.Fill = new SolidColorBrush(circleColors[i++ % circleColors.Count()]);
 
    lbx.Items.Add(ell);
}