[WPF] ListBox ItemTemplate

 

 

 

            <DockPanel
                Grid.Column="1">
                <ListBox 
                        x:Name="appsItemListBox"
                        HorizontalContentAlignment="Stretch"
                        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                        SelectionMode="Single"
                        ItemsSource="{Binding AppManager.AppsListBoxData}">
                    <dxmvvm:Interaction.Behaviors>
                        <dxmvvm:EventToCommand EventName="SelectionChanged" 
                                               Command="{Binding ItemSelectionChangedCommand}"
                                               CommandParameter="{Binding ElementName=SelectionChangedEventArgs}"
                                               PassEventArgsToCommand="True"/>
                    </dxmvvm:Interaction.Behaviors>
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Grid
                            Height="80">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="auto"/>
                                    <ColumnDefinition Width="6*"/>
                                    <ColumnDefinition Width="auto"/>
                                </Grid.ColumnDefinitions>

                                <Image 
                                Grid.Column="0"
                                Source="{Binding ItemImagePath}"/>
                                <Grid 
                                        Grid.Column="1"
                                        x:Name="listBoxTextCol">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="2*"/>
                                        <RowDefinition Height="3*"/>
                                        <RowDefinition Height="2*"/>
                                    </Grid.RowDefinitions>
                                    <!--ItemName-->
                                    <TextBlock 
                                            Grid.Row="0"
                                            FontSize="18"
                                            MaxWidth="{Binding  ElementName=listBoxTextCol, Path=ActualWidth}"
                                            TextAlignment="Left"
                                            TextWrapping="Wrap"
                                            Text="{Binding ItemName}"/>
                                    <!--ItemDescription-->
                                    <TextBlock 
                                            Grid.Row="1"
                                            FontStyle="Oblique"
                                            MaxWidth="{Binding  ElementName=listBoxTextCol, Path=ActualWidth}"
                                            TextTrimming="CharacterEllipsis"
                                            TextAlignment="Left"
                                            TextWrapping="Wrap"
                                            Text="{Binding ItemDescription}"/>
                                    <!--ItemFree-->
                                    <Border
                                            Grid.Row="2"
                                            HorizontalAlignment="Left"
                                            Width="auto"
                                            CornerRadius="2"
                                            Background="DarkGray">
                                        <TextBlock 
                                                Margin="2"
                                            HorizontalAlignment="Left"
                                            TextAlignment="Left"
                                            TextWrapping="Wrap"/>
                                    </Border>
                                </Grid>
                                <Button
                                Grid.Column="2"
                                Visibility="{Binding ItemVisibility}"
                                Content="Download"
                                Margin="5, 3, 5, 0"
                                VerticalAlignment="Top"
                                Command="{Binding DownloadClickCommand}"/>
                            </Grid>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

            </DockPanel>