[How To] Agregar controles Telerik en Aplicaciones Universales

enero 13, 2016 Christian Amado 0 Comentarios

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>
      5. 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í.

      Christian Amado