PERSONALIZAR IDE VISUAL STUDIO 2010

PERSONALIZAR IDE VISUAL STUDIO 2010

Para aquellos que nos les guste los colores de su IDE les dejo como personalizarlos muy fácil y no vayan cambiando uno por uno todos los elementos que realmente es un lió:

IDE Visual Studio 2010, 2008 y 2005

1. Ingresen a la página http://studiostyl.es/
2. Descarga el Schema que más te agrade y mucho cuidado con bajar el Schema para versión de Visual Studio que tienens instalado.
3. Abre tu Visual Studio y ve al menu Tools (Herramientas) y luego a Import and Export  Setting (Importar y exportar configuración)
4. Selecciona la segunda opción.
5. Respalda tu configuración actual si es que ya lo habías personalizado.
6. Indica el archivo que descargaste de la página anterior
7. Selecciona todos y fin

Si no te gusta el color de la ventana de Visual Studio descarga el este plugin: http://visualstudiogallery.msdn.microsoft.com/20cd93a2-c435-4d00-a797-499f16402378/

Y por ultimo si le quieres un toque de Visual Studio a tu fondo de escritorio, en esta página encontraras varios fondos: http://vs2010wallpapers.com/

PRIMER APLICACIÓN WPF

Para empezar un nuevo proyecto en WPF en Visual C# deben de elegir WPF Application. Este proyecto les va crear App.xaml que es la Application que inicializa mi aplicación y nos crea un MainWindow.xaml que es la ventana que se lanza en primera instancia. Es muy importante recordar que en WPF ya no existen los FORMS entonces ahora les llamaremos Window o Page depende que este usando.



XAML 

Si no vamos al archivo MainWindow y lo vemos en vista diseño, Visual Studio nos divide la pantalla a la mitad tenemos una vista previa de nuestro diseño y del otro nuestro código XAML. Por ejemplo el mío

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Ejmeplo" Height="350" Width="525"
        WindowStartupLocation="CenterScreen" WindowState="Normal" ShowInTaskbar="True" ResizeMode="CanResize">
   
 
   


x:Class="Ejemplo.MainWindow". Le indica a XAML donde se encuentra nuestro code Behind.
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation". Hace referencia a todos los controles que podemos usar con XAML.
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" . Hace referencia a las reglas de XAML, para validar nuestro documento.

Un Window ó Page solo puede un elemento por esa razón es que siempre vamos a ver un Grid en su interior. El Grid puede contener uno o más elementos anidados.

Para empezar vamos a meter un DataGrid que ocupe el ancho y alto de mi ventana y dos botones para agregar y eliminar que siempre van a estar arriba a la derecha. A dentro de mi grid:



       
       

Para los que ya hayan trabajado con ASP.NET ya se habran dado cuenta que es casí el mismo concepto.

CODE BEHIND C#

Ahora en nuestro Code Behind de C# tenemos una lista de contactos y dos métodos, uno para agregar un contacto y otro para eliminar el contacto seleccionado. Por el momento el DataGrid se encarga de autogenerar las columnas.

namespace EjemploJesus
{
    ///

    /// Interaction logic for MainWindow.xaml
    ///

    public partial class MainWindow : Window
    {
        List iContactos;
        public MainWindow()
        {
            InitializeComponent();
            iContactos=new List();
            dgDatos.ItemsSource = iContactos;
        }

        private void btnAgregar_Click(object sender, RoutedEventArgs e)
        {
            iContactos.Add(new Contacto("ISRAEL", "ROMERO PONCE", "27272XXXXX"));
            dgDatos.Items.Refresh();
        }

        private void btnEliminar_Click(object sender, RoutedEventArgs e)
        {
            iContactos.Remove((Contacto)dgDatos.SelectedItem);
            dgDatos.Items.Refresh();
        }
    }

    class Contacto
    {
        string nombre;

        public string Nombre
        {
            get { return nombre; }
            set { nombre = value; }
        }
        string apellidos;

        public string Apellidos
        {
            get { return apellidos; }
            set { apellidos = value; }
        }
        string telefono;

        public string Telefono
        {
            get { return telefono; }
            set { telefono = value; }
        }

        public Contacto(string nombre, string apellidos, string telefono)
        {
            this.nombre = nombre;
            this.apellidos = apellidos;
            this.telefono = telefono;
        }
    }
}

Y listo ya tienen un pequeña aplicación que Agrega, elimina y aparte edita dentro del DataGrid. La lista de Contactos esta sincronizada con el datagrid. Fácil y sencillo para el siguiente ejemplo lo haremos con base de datos y LINQ, que casi el mismo concepto.

¿Qué es XAML?

Fuente: http://www.vacationinnicaragua.com/microsoft/expression-blend/XAML/concept_xaml_whatis.htm

¿Qué es XAML?

El lenguaje de marcado de aplicaciones extensible o XAML es un lenguaje de marcado basado en XML desarrollado por Microsoft. XAML es el lenguaje que se usa para la presentación visual de las aplicaciones desarrolladas con Microsoft® Expression Blend™, del mismo modo que HTML es el lenguaje que se usa para la presentación visual de las páginas Web. La creación de aplicaciones en Expression Blend supone tener que escribir código XAML, ya sea de forma manual o visualmente mediante la vista Diseño de Expression Blend.

No es necesario comprender el código XAML para crear aplicaciones en Expression Blend si se trabaja en la vista Diseño. Para obtener más información, veaEditar XAML en la vista Diseño de Expression Blend en el tema Editar XAML de este Manual del usuario.

XAML, Windows Presentation Foundation y Microsoft .NET Framework 3.0

XAML forma parte de Microsoft® Windows Presentation Foundation (WPF). WPF es la categoría de funciones de Microsoft® .NET Framework 3.0 relacionadas con la representación visual de las aplicaciones basadas en Windows y de las aplicaciones cliente basadas en exploradores Web. Las aplicaciones basadas en WPF se pueden ejecutar en Windows Vista™ o en versiones anteriores de Windows siempre que esté instalado Microsoft .NET Framework 3.0 (e Internet Explorer 7.0 en el caso de las aplicaciones cliente de exploradores Web). Para obtener más información acerca de los requisitos de las aplicaciones WPF, vea el tema Implementar y publicar aplicaciones de Expression Blend en este Manual del usuario.

WPF usa XAML para crear interfaces de usuario (UI) de una excelente calidad visual en lenguaje de marcado en lugar de lenguaje de programación como, por ejemplo, C#. Puede crear documentos elaborados de UI totalmente en XAML con elementos tales como controles, texto, imágenes, formas, animación y mucho más. Como XAML es declarativo (al igual que HTML), se requerirá la adición de código si fuera necesario agregar lógica en tiempo de ejecución a la aplicación. Por ejemplo, si la aplicación sólo usa XAML, se pueden crear y animar elementos de la interfaz de usuario y configurarlos para que respondan de un modo limitado a los datos proporcionados por el usuario (mediante desencadenadores de eventos), pero la aplicación no podrá realizar cálculos ni responderlos, ni podrá crear espontáneamente nuevos elementos de UI sin la adición de código. El código de una aplicación XAML se almacena en un archivo distinto del documento XAML. El hecho de que el diseño de la interfaz de usuario esté separado del código subyacente permite a programadores y diseñadores trabajar juntos en el mismo proyecto sin interferir mutuamente en su trabajo. Para obtener información acerca del modo en que Expression Blend le puede ayudar a incorporar código en una aplicación XAML, vea el tema Edición de código e interoperabilidad con Visual Studio 2005 en este Manual del usuario.

Para obtener más información acerca de XAML y WPF, vea el tema sobre la introducción a XAML en MSDN o visite el centro para programadores de Windows Vista(en inglés).

XAML, código y Expression Blend

El XAML de cualquier documento de Expression Blend se almacena en un archivo .xaml. Si el documento XAML tiene código subyacente, este código se almacena en un archivo con el mismo nombre, pero con la extensión adicional .cs o .vb. Por ejemplo, si el documento XAML se llama Window1.xaml, el archivo de código subyacente se llamará Window1.xaml.cs si el lenguaje de programación del código es C#. Para obtener información acerca del modo de creación de documentos XAML con archivos subyacentes o sin ellos, vea el tema Crear un nuevo documento o proyecto en este Manual del usuario.

Cuando se crea un proyecto, el analizador de WPF lee los archivos .xaml del proyecto y genera un informe de los errores que se hayan producido. Del mismo modo, cuando se abre un proyecto existente en Expression Blend, el analizador lee los archivos .xaml incluidos en la carpeta del proyecto e intenta analizar los elementos y mostrar los documentos en el área de diseño en la vista Diseño. En ambos casos, si el analizador detecta errores, el área de diseño se deshabilita y Expression Blend muestra un mensaje de error con un vínculo para abrir la vista XAML, donde podrá resolver los errores. También se informa de los errores detectados por el analizador en la ficha Errores del panel Resultados. Para obtener más información, vea los temas Editar XAML, Control de errores y Depurar aplicaciones de Expression Blend en este Manual del usuario. Para obtener información acerca de la sintaxis de controles individuales, vea el tema sobre la biblioteca de controles o busque los elementos XAML en la referencia sobre la biblioteca de clases en MSDN (en inglés).

XAML como ecualizador entre aplicaciones de diseño

Puede exportar elementos gráficos de Microsoft® Expression® Design como XAML y después importar el XAML en Expression Blend como recursos que se pueden usar en el proyecto de Expression Blend. Algunas otras aplicaciones de diseño tienen herramientas que pueden convertir los elementos gráficos en XAML. En Internet, podrá encontrar herramientas de conversión en sitios de confianza.

Para obtener más información acerca de la importación de XAML, vea los temas Importar XAML exportado desde Expression Design e Importar contenidos 3D en este Manual de usuario.

QUE ES XAML?

QUE ES XAML?

Su siglas en ingles significan Extensible Application Markup Language y se pronuncia "zammel", este lenguaje se usa para instanciar objetos de .NET (Buttons, Datagrid, Label, TextBox, etc). XAML puede ser utilizado en diversos tipos de problemas, su principal role para el cual fue construido es para interfaces de usuario WPF.

Si eres desarrollador deberás ocupar el Visual Studio pero si eres diseñador lo ideal sería que se uses Expression Blend. Las dos herramientas crean el mismo código XAML la única diferencia son las herramientas de diseño.

ANTES DE WPF

Las tradicionales tecnologías de despliegue de Microsoft, no era fácil separar la capa presentación del código. El principal problema con Windows Form es cada form que creabas esta definido en tu código C#. Así como uno iba arrastrando controles a tu área de diseño el código se tenia que ir ajustando, algo similar en Java. Esto forzaba a un diseñador gráfico a trabajar con herramientas de dibujo para crear las interfaces gráficas y luego el diseño se lo pasaba al programador para llevarla a cabo.

 

Ahora WPF resuelve este problema con XAML, cuando diseñas una aplicación WPF en Visual Studio, la ventana que estas diseñando ya no se traslada en código. Ahora la interfaz se serializa en tags XAML. Cuando la aplicación corre, estas tags se usan para generar objetos para componer la interfaz de usuario.

VARIANTES DE XAML

Se utiliza para diversos propositos:

• WPF XAML. Crea vectores gráficos, controles, y documentos.
• XPS XAML. Es parte de WPF XAML, que define una representación de XML para formatear un documento electrónico.
• Silverlight XAML. Para crear contenido enriquecido en la Web con 2D, animaciones, audio y video. Esta tecnología no tuvo mucho éxito, y se me amenazada por HTML5.
• WF XAML. Windows Workflow Foundation.

XAML Compilación

Los creadores de WPF sabían que XAML era necesario, no solo para resolver el problema de colaboración en el diseño, sino que también tenía que ser rápido.

WPF soluciona esta deficiencia con BAML (Binary Application Markup Languaje), BAML es realmente nada más una representación binaria de XAML. Cuando compilas una aplicación WPF en Visual Studio, todos los archivos XAML se convierten en BAML, y BAML se incrusta como un recurso en un ensamblado DLL o EXE. BAML se vuelve compacto, lo que significa que los largos bits de XAML se reemplazan por pequeños tokens. No solo BAML significa menor tamaño, sino también una forma optimizada.

Bueno los desarrolladores y diseñadores no se preocupen por esta conversión de XAML a BAML, solo se los menciono para aquellos que les preocupa el rendimiento y la forma en como se compila sus aplicaciones.