WPF - Contrôles tiers

Les contrôles tiers sont ceux qui ne sont pas créés par Microsoft, mais qui sont créés par une personne ou une entreprise à l'aide du contrôle utilisateur WPF ou du contrôle personnalisé. Telerik et DevExpress sont les entreprises les plus populaires pour la création de contrôles tiers.

Dans ce chapitre, nous utiliserons les contrôles Telerik. Commençons donc par suivre les étapes ci-dessous.

Accédez au lien Telerik qui contient les contrôles Telerik WPF et téléchargez l'interface utilisateur pour WPF.
Une fois le téléchargement terminé, installez les fichiers sur votre machine.
Après l'installation, ouvrez Visual Studio et créez un nouveau projet WPF avec le nom WPF3rdPartyControls.
Sur Toolbox, vous verrez les contrôles de l'interface utilisateur Telerik. De plus, vous observerez que dans l'explorateur de solutions, tous lesdll sont également ajoutés après l'installation.

Développons le Telerik UI for WPF – input 2015 Q2dans la boîte à outils. Vous verrez de nombreux contrôles intégrés.

Faites maintenant glisser RadCalculator de la boîte à outils vers la fenêtre de conception.
Jetez un œil à votre fenêtre XAML dans laquelle la balise RadCalculator a été ajoutée.

<Window  x:Class = "WPF3rdPartyControls.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPF3rdPartyControls" 
   xmlns:telerik = "http://schemas.telerik.com/2008/xaml/presentation" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid>
      <telerik:RadCalculator HorizontalAlignment = "Left" Margin = "174,25,0,0" 
         VerticalAlignment = "Top" /> 
   </Grid> 
	
</Window>

Compilons et exécutons le code ci-dessus. Vous verrez une calculatrice entièrement fonctionnelle sur votre fenêtre avec une seule ligne de code.

C'est la beauté des contrôles tiers. Mais ce n'est pas gratuit, vous devrez acheter une licence si vous souhaitez utiliser des contrôles tiers dans votre application.

Jetons un coup d'œil à un autre contrôle Telerik. Créer un nouveau projet WPF avec le nomWPF3rdPartyControls. Faites glisser le contrôle RadDateTimePicker de la boîte à outils. Le code XAML est le suivant -

<Window x:Class = "RadDateTimePickerDemo.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:telerik = "http://schemas.telerik.com/2008/xaml/presentation" 
   Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
      <telerik:RadDateTimePicker VerticalAlignment = "Top" 
         Name = "dateTimePicker" /> 
   </Grid> 
	
</Window>

Voici la C# code dans lequel l'événement de changement de sélection est implémenté.

using System; 
using System.Windows; 
using System.Windows.Controls; 
 
namespace RadDateTimePickerDemo { 

   public partial class MainWindow : Window {
	
      public MainWindow() { 
         InitializeComponent(); 
         dateTimePicker.SelectionChanged += dateTimePicker_SelectionChanged; 
      } 
		
      void dateTimePicker_SelectionChanged( object sender, SelectionChangedEventArgs e ) { 
         DateTime? dt = dateTimePicker.SelectedValue; 
         DateTime? date = dateTimePicker.SelectedDate; 
         TimeSpan? time = dateTimePicker.SelectedTime; 
         MessageBox.Show( "Selected date/time: " + dt.ToString() ); 
      }
		
   } 
}

Lorsque vous compilez et exécutez le code ci-dessus, il produira la fenêtre suivante.

Sélectionnez n'importe quelle heure et date et elle sera affichée dans la boîte de message.

Exemple

Voici un exemple de RichTextBox. Le code XAML suivant crée trois boutons bascule et une zone de texte enrichi.

<Window x:Class = "RichTextBoxDemo.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:telerik = "http://schemas.telerik.com/2008/xaml/presentation" 
   Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid> 
      <StackPanel> 
         <StackPanel Orientation = "Horizontal"> 
            <ToggleButton Content = "B" x:Name = "BoldButton" Click = "BoldButton_Click" /> 
            <ToggleButton Content = "I" x:Name = "ItalicButton" 
               Click = "ItalicButton_Click" /> 
            <ToggleButton Content = "U"x:Name = "UnderlineButton" 
               Click = "UnderlineButton_Click" /> 
         </StackPanel> 
			
         <telerik:RadRichTextBox Height = "250" Width = "400" Name = "richTextBox"/> 
      </StackPanel> 
   </Grid> 
	
</Window>

Voici la implementation in C# pour l'événement de clic de bouton.

using System.Windows;
 
namespace RichTextBoxDemo { 
   /// <summary> 
      /// Interaction logic for MainWindow.xaml 
   /// </summary>
	
   public partial class MainWindow : Window { 
	
      public MainWindow() { 
         InitializeComponent(); 
      }  
		
      private void BoldButton_Click( object sender, RoutedEventArgs e ) { 
         richTextBox.ToggleBold(); 
      }  
		
      private void ItalicButton_Click( object sender, RoutedEventArgs e ) { 
         richTextBox.ToggleItalic(); 
      } 
		
      private void UnderlineButton_Click( object sender, RoutedEventArgs e ) { 
         richTextBox.ToggleUnderline(); 
      } 
		
   } 
}

Lorsque vous compilez et exécutez le code ci-dessus, il produira la fenêtre suivante. À l'aide des trois boutons, vous pouvez mettre en forme le texte (gras, italique, souligné) tapé dans la zone de texte enrichi.

Nous vous recommandons d'essayer d'utiliser les autres commandes disponibles dans votre boîte à outils et d'expérimenter.

↰ Previous page

WPF - Contrôles tiers

Exemple

Tutoriel WPF