Pimp My Listbox

1. PimpMyListbox Rainer Stropekcubidobusinesssolutionsgmbh

5. enter the the presentation name in the footer field

7. ElementBaum Window StackPanel TextBlock TextBox

8. Logischer und visueller Baum Border AdornerDecorator ContentPresenter Window AdornerLayer StackPanel TextBlock String TextBox String ... (ScrollViewer, Grid, Rectangle, ScrollBar, etc.)

11. [ContentPropertyAttribute("Items")] [LocalizabilityAttribute(LocalizationCategory.None, Readability=Readability.Unreadable)] [StyleTypedPropertyAttribute(Property="ItemContainerStyle", StyleTargetType=typeof(FrameworkElement))] public class ItemsControl : Control, IAddChild <ListBox> <TextBlock Text="MyTextBlock" /> <Button Content="My Button" /> <Rectangle Width="30" Height="10" Fill="Gray" /> <sys:String>Ein Text!</sys:String> <sys:Random /> </ListBox>

12. Füllen einer Listbox im XAML-Code Demo...

13. <Page ... xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:sysio="clr-namespace:System.IO;assembly=mscorlib" Margin="10"> <Page.Resources> <ObjectDataProvider ObjectType="{x:Type sysio:DirectoryInfo}" MethodName="GetFiles" x:Key="Files"> <ObjectDataProvider.ConstructorParameters> <sys:String>[...]\Images</sys:String> </ObjectDataProvider.ConstructorParameters> </ObjectDataProvider> </Page.Resources> <ListBox ItemsSource="{Binding Source={StaticResource Files}}" /> </Page>

14. Füllen einer Listbox mit Data Binding Demo...

16. Resourcen Lokale Resourcen <ListBox ..."> <ListBox.Resources> <Style TargetType="ListBox"> ... </Style> </ListBox.Resources> </ListBox> Resourcen in Windows oder Pages Resourcen in app.xaml <Page.Resources> <Style TargetType="ListBox"> ... </Style> <Style TargetType="ListBoxItem"> ... </Style> </Page.Resources> <Application.Resources> <Style TargetType="ListBox"> ... </Style> ... </Application.Resources>

17. Styles <ListBoxGrid.Column="0" Grid.Row="1" ItemsSource="{Binding Source={StaticResource Files}}"> <ListBox.Resources> <Style TargetType="ListBox"> <Setter Property="Background" Value="LightGray" /> <Setter Property="FontSize" Value="11" /> </Style> </ListBox.Resources> </ListBox>

18. Styling der Listbox Demo...

19. Templates

21. Data Trigger <DataTemplateDataType="{x:Type sysio:FileInfo}"> ... <DataTemplate.Triggers> <DataTrigger Binding="{Binding Path=IsReadOnly}" Value="True"> <Setter Property="TextBlock.Foreground" Value="Gray" /> <Setter Property="TextBlock.FontStyle" Value="Italic" /> </DataTrigger> </DataTemplate.Triggers> </DataTemplate>

22. Data Template mit Data Trigger Demo...

23. Control Template <Style TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplateTargetType="Button"> <Grid> <Ellipse Fill="{StaticResourceButtonBrush}" Stroke="DarkGray" /> <ContentPresenterHorizontalAlignment="Center" VerticalAlignment="Center" /> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style>

24. Control Template mit Trigger Demo...

25. <ListBoxScrollViewer.HorizontalScrollBarVisibility="Disabled"><ListBoxScrollViewer.HorizontalScrollBarVisibility="Disabled"> <ListBox.ItemsPanel> <ItemsPanelTemplate> <WrapPanel /> </ItemsPanelTemplate> </ListBox.ItemsPanel> <TextBlock Text="MyTextBlock" /> <Button Content="My Button" /> <Rectangle Width="30" Height="10" Fill="Gray" /> <sys:String>Ein Text!</sys:String> <sys:Random /> ... </ListBox>

27. ListBox mit WrapPanel statt StackPanel Demo…

29. ItemsPanelTemplate, individuelles Panel Demo...

30. Custom Controls

31. Custom Control Demo...

32. enter the the presentation name in the footer field

33. r.stropek@cubido.at oder rainer@software-architects.at Karin Huber, Rainer Stropek Software Architects