WPF - Controles de terceiros

Os controles de terceiros são aqueles que não são criados pela Microsoft, mas são criados por algum indivíduo ou empresa usando o Controle de usuário WPF ou Controle personalizado. Telerik e DevExpress são as empresas mais populares para a criação de controles de terceiros.

Neste capítulo, usaremos os controles Telerik. Portanto, vamos começar seguindo as etapas abaixo.

Acesse o link Telerik que contém os controles WPF da Telerik e baixe a IU para WPF.
Assim que o download for concluído, instale os arquivos em sua máquina.
Após a instalação, abra o Visual Studio e crie um novo projeto WPF com o nome WPF3rdPartyControls.
Na caixa de ferramentas, você verá os controles da IU do Telerik. Além disso, você observará que no Solution Explorer, todos osdll também são adicionados após a instalação.

Vamos expandir o Telerik UI for WPF – input 2015 Q2na caixa de ferramentas. Você verá muitos controles integrados.

Agora arraste RadCalculator da caixa de ferramentas para a janela de design.
Dê uma olhada em sua janela XAML na qual a tag RadCalculator foi adicionada.

<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>

Vamos compilar e executar o código acima. Você verá uma calculadora totalmente funcional em sua janela com apenas uma linha de código.

Essa é a beleza dos controles de terceiros. Mas não é gratuito, você precisará comprar uma licença se quiser usar controles de terceiros em seu aplicativo.

Vamos dar uma olhada em outro controle Telerik. Crie um novo projeto WPF com o nomeWPF3rdPartyControls. Arraste o controle RadDateTimePicker da caixa de ferramentas. O código XAML é o seguinte -

<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>

Aqui está o C# code no qual o evento de seleção alterada é implementado.

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() ); 
      }
		
   } 
}

Quando você compila e executa o código acima, ele produzirá a seguinte janela.

Selecione qualquer hora e data e isso será exibido na caixa de mensagem.

Exemplo

Aqui está um exemplo de RichTextBox. O código XAML a seguir cria três botões de alternância e uma caixa de rich text.

<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>

Aqui está o implementation in C# para evento de clique de botão.

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(); 
      } 
		
   } 
}

Quando você compila e executa o código acima, ele produzirá a seguinte janela. Com a ajuda dos três botões, você pode formatar o texto (negrito, itálico, sublinhado) digitado na caixa de rich text.

Recomendamos que você tente usar os outros controles disponíveis em sua caixa de ferramentas e experimente.

↰ Previous page