[How To] Agregar controles Telerik en Aplicaciones Universales

[How To] Agregar controles Telerik en Aplicaciones Universales

Introducción

Cuando desarrollamos aplicaciones buscamos la mayor productividad (eficacia y eficiencia) en este ámbito. La primera tarea que realizamos es la búsqueda de controles que nos faciliten la vida (pues muchos desarrolladores somos muy malos a la hora de diseñar) y uno de esos controles son los de Telerik.
Hace años vengo utilizando estos controles y puedo decir que son los mejores del mercado (he probado otros y no me han convencido) por eso los he elegido también para mis desarrollos en Aplicaciones Universales.

Utilizando controles Telerik

No hay demasiado secreto en su utilización. Básicamente se logra siguiendo los siguiente pasos:
  1. Vas a sitio de Telerik, descargas los controles necesarios desde aquí.
      1. Instalas el paquete correspondiente siguiendo las instrucciones en pantalla.
      2. Inicias Visual Studio 2015+ y creas un Nuevo Proyecto del tipo Windows Universal.
      3. Agregamos referencias a los controles Universales de Telerik.
      4. Agregamos un control del tipo Input y mostramos en el medio de la pantalla.
      5. <Page
        x:Class="TelerikUWP.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:TelerikUWP"
        xmlns:telerik="using:Telerik.UI.Xaml.Controls.Input"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d">

        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <TextBlock Text="Números" HorizontalAlignment="Center" VerticalAlignment="Center" />
        <telerik:RadNumericBox Grid.Column="1" HorizontalAlignment="Center"
        VerticalAlignment="Center" Width="60" Height="30" />
        </Grid>
        </Page>
      6. El resultado de la compilación debería verse similar a esto:

      Conclusión

      De esta manera logramos introducir en nuestras Aplicaciones Universales controles estéticamente perfectos y con funcionalidades extendidas (en comparación a las disponibles de manera nativa) simplemete agregándolos como referencia al proyecto. Más información sobre estos controles lo pueden encontrar aquí.

      Deja un comentario

      Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

      Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.