[Windows 10] Usando fuentes personalizadas en las aplicaciones UWP

Hay ocasiones en las que necesitamos añadir un tipo de letra o fuente a una aplicación universal (Universal Windows Platform App), ya sean por cuestiones de diseño o para disponer de nuevos iconos, por ejemplo.

Continuar leyendo “[Windows 10] Usando fuentes personalizadas en las aplicaciones UWP”

[WP7] Añadir acceso directo a “Calificar y Opinar” desde la aplicación

Si quieres anunciar al usuario mediante algun cuadro de diálogo u algún botón que califique y opine tu aplicación en el MarketPlace de Windows Phone 7, sólo tienes que introducir el siguiente fragmento de código en el evento correspondiente.

 

MarketplaceReviewTask marketplaceReviewTask = new MarketplaceReviewTask();
marketplaceReviewTask.Show();

 

[WPF] Layout (2ª Parte)

Continuando con el anterior artículo, en éste último vamos a ver los paneles “Grid” , “WrapPanel” y “Canvas”

  • Grid

Éste panel permite situar los controles en una tabla de filas y columnas. En cada casilla, podemos colocar más de un control.

Grid

<Grid>

        <!--Definimos las columnas que vamos a usar-->

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="Auto"/>

        </Grid.ColumnDefinitions>

        

        <!--Definimos las filas que vamos a usar-->

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition Height="Auto"/>

        </Grid.RowDefinitions>

        

        <Image Grid.Column="0" Grid.Row="0"

               Source="/WpfApplication1;component/Images/1.png"/>

        <Image Grid.Column="1" Grid.Row="0"

               Source="/WpfApplication1;component/Images/2.png"/>

        <Image Grid.Column="2" Grid.Row="0"

               Source="/WpfApplication1;component/Images/3.png"/>

    <Image Grid.Column="0" Grid.Row="1"

           Source="/WpfApplication1;component/Images/4.png"/>

    <Image Grid.Column="1" Grid.Row="1"

           Source="/WpfApplication1;component/Images/5.png"/>

    <Image Grid.Column="2" Grid.Row="1"

           Source="/WpfApplication1;component/Images/6.png"/>

</Grid>

  • WrapPanel

Agrupa los elementos de izquierda a derecha o de arriba abajo, pero a diferencia del StackPanel, al llegar al final cambia de fila.

WrapPanel

<WrapPanel Orientation="Horizontal">

    <Image Width="75" Source="/WpfApplication1;component/Images/1.png"/>

    <Image Width="75" Source="/WpfApplication1;component/Images/2.png"/>

    <Image Width="75" Source="/WpfApplication1;component/Images/3.png"/>

    <Image Width="75" Source="/WpfApplication1;component/Images/4.png"/>

    <Image Width="75" Source="/WpfApplication1;component/Images/5.png"/>

    <Image Width="75" Source="/WpfApplication1;component/Images/6.png"/>

</WrapPanel>

  • Canvas

En el panel Canvas, los elementos se sitúan según las coordenadas que se le indiquen

Canvas

<Canvas>

     <Image Source="/WpfApplication1;component/Images/1.png"

           Canvas.Top="0" Canvas.Left="0"/>

     <Image Source="/WpfApplication1;component/Images/2.png"

           Canvas.Top="100" Canvas.Left="100"/>

     <Image Source="/WpfApplication1;component/Images/3.png"

           Canvas.Top="0" Canvas.Left="200"/>

</Canvas>

 

Si queréis obtener más información sobre los distintos paneles de WPF os recomiendo que visitéis la web de tutoriales de Christian Mosers :

WPFTutorial.net –> Layout

 

<— [WPF] Layout (1ª Parte)

Windows Forms: Creando nuestra primera aplicación

Para empezar a trabajar, necesitamos tener instalado Visual C# Express 2010. Esta versión es totalmente gratuita y podéis encontrarla aquí. La instalación es muy sencilla pero una vez que se ha instalado debemos registrarlo, ya que si no lo hacemos, a los 30 días dejará de funcionar.

Para registrarlo es muy sencillo, abrimos Visual C# Express y hacemos clic en el menú “Help” y después a “Register Product”. A continuación nos saldra una ventana como la siguiente



Aquí debemos hacer clic en “Obtain a registration key online” y rellenar un formulario. Una vez rellenado dicho formulario, recibiremos en nuestro correo electrónico la clave de registro que hay que introducir en esta ventana.

Una vez hecho todo esto, ya tendremos Visual C# Express 2010 listo para trabajar.

Ahora que está todo listo, vamos a crear el proyecto en el que desarrollaremos nuestra primera aplicación. Para ello, hacemos clic en el menú “File” y en “New Proyect”.  En la ventana que nos aparecerá a continuación, debemos elegir “Windows Forms Application” e introducir el nombre de dicho proyecto en la parte inferior (yo lo llamaré “HolaMundo”).

Ya con el proyecto creado nos encontraremos con una nueva pantalla en la que distinguimos tres zonas. En la zona central, nos aparecerá una ventana donde agregaremos los componentes y escribiremos el código de nuestra aplicación. En la parte izquierda nos encontraremos con la caja de herramientas que contiene todos los controles que podemos usar. Y por último, en la parte derecha nos encontraremos con el explorador de archivos en la parte superior y la ventana de propiedades en la parte inferior. Si alguno de estas cajas no os aparece, debéis ir al menú “View” -> “Other Windows” y comprobar que tenéis seleccionadas “Properties Window”, “Solution Explorer” y “Toolbox”

Una vez terminado la pequeña introducción a Visual C# Express 2010, vamos a crear nuestra primera aplicación. Va a ser algo sencillo: Un botón que muestre una nueva ventana con un mensaje. Para ello en caja de herramientas buscamos el control “Button” (Botón) al formulario que tenemos en la parte central y una vez situado, le hacemos doble clic. Ahora nos llevara al editor en el cual nos habrá aparecido un nuevo método llamado “button1_Click”, que sera llamado cuando hagamos clic en el boton. Por último añadimos:

MessageBox.Show(“Hola Mundo!”);

Con esto lo que hacemos es que cada vez que hagamos clic sobre el botón, nos saldrá una nueva ventana con el texto “Hola Mundo!”

Así es como os debe quedar el código:


También podéis cambiar el texto del botón haciendo clic sobre el botón y buscando la propiedad “Text” en la ventana de propiedades que esta situada abajo a la izquierda. Lo mismo si queréis cambiar el nombre a la ventana, seleccionáis la ventana en el editor y buscáis la propiedad “Text”. Ahí podéis poner “Mi primera aplicación” en vez de “Form1″

Espero que para los que estáis empezando os sirva de ayuda 🙂

Código fuente