'ItemsPanel'에 해당되는 글 1건

  1. 2011.02.15 [wp7] ItemsControl을 사용한 WrapPanel 사용
Windows Phone 72011.02.15 14:26

이전 포스트에서도 썻지만 이번에 Toolkit에 추가 됨으로 사용법을 알아보자

 

일단 WrapPanel을 사용하기 위해서는 wp7용 toolkit을 다운 받아야 한다.

 

그뒤에 itemsControl을 이용하여 유동으로 생성되게 하면 된다.

 

<Grid x:Name="LayoutRoot" Background="Transparent" >        
        <ScrollViewer HorizontalScrollBarVisibility="Disabled"  HorizontalAlignment="Stretch">
            <ItemsControl ItemsSource="{Binding CollectionBookData}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Border Margin="10" BorderThickness="3" Width="100" Height="150" BorderBrush="White">                                
                                <TextBlock Text="{Binding}" />
                            </Border>                            
                        </StackPanel>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <tk:WrapPanel />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
        </ScrollViewer>
    </Grid>    

 

위에 보면 알겠지만 itemsPanelTemplate에 WrapPanel을 넣었다.

 

data에는 Border로 그렸다.

 

무식하게 비하인드에서 Children.Add로 추가하지 말자

 

image

Posted by 동동(이재동)