2012-08-25 7 views
0

J'essaye de créer un modèle ListViewItem qui ressemble à this, mais je ne fais pas beaucoup de progrès.listview itemtemplate avec une image

Voici le style que j'ai créé jusqu'à présent:

<ListView.ItemTemplate> 
    <DataTemplate> 
     <Grid> 
      <Border HorizontalAlignment="Stretch" Margin="1.5" CornerRadius="5" BorderThickness="1,1,1,1" BorderBrush="#FF997137"> 
       <Border.Background> 
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
         <GradientStop Color="#FF4B4B4B" Offset="0" /> 
         <GradientStop Color="#FF8F8F8F" Offset="1" /> 
        </LinearGradientBrush> 
       </Border.Background> 
      </Border> 
      <StackPanel Orientation="Horizontal" > 
       <Image HorizontalAlignment="Left" Width="32" Source="/Images/stop.png" Stretch="Fill" Height="32" /> 
       <TextBlock Foreground="#FFECAD25" TextWrapping="Wrap" Width="150" > 
        This is a user control. The animation uses the attached BalloonShowing event. 
       </TextBlock> 
       <StackPanel Orientation="Vertical" > 
        <Image HorizontalAlignment="Right" Margin="0,10,5,0" VerticalAlignment="Top" Width="16" Height="16" Source="/Images/Close.png" Stretch="Fill" 
          Opacity="0.4" ToolTip="Delete" x:Name="Delete" /> 
        <Image HorizontalAlignment="Right" Margin="0,5,5,0" VerticalAlignment="Top" Width="16" Height="16" Source="/Images/Close.png" Stretch="Fill" 
          Opacity="0.4" ToolTip="Edit" x:Name="Edit" /> 
       </StackPanel> 
      </StackPanel> 
     </Grid> 
    </DataTemplate> 
</ListView.ItemTemplate> 

Est-il possible d'étendre le texte sous l'image/icône?

Répondre

0

Je ne crois pas qu'il existe un moyen original de le faire avec un 'TextBlock'. Toutefois, si vous pouvez utiliser le contrôle FlowDocument, voici quelques options: answer 1, answer 2.

+0

merci .... Je suis à la recherche en elle, les liens que vous avez données sont très utiles .... – Dannyboy

Questions connexes