tag: xaml

Apps, Binding, INotifyPropertyChanged y BindableBase | XAML | C#

Como recordarán en versiones anteriores de Visual Studio se solia incluir en los templates la clase BindableBase . Esta clase nos ayudaba a agilizar la creación de Modelos que hicieran Binding con la UI. Sin embargo esta clase desaparecio en versiones posteriores y si, a muchos nos hace falta. En este artículo veremos como crearla, y como es mi costumbre lo haremos paso a paso para aprender. Si solo quieres utilizar BindableBase y ahorrarte toda la explicación acá lo tienes: Código fuente de este artículo El código fuente completo de este artículo se encuentra disponible en GitHub. https://github.com/JuanKRuiz/…

leer más...

Como crear y/o utilizar el Charm de Settings en WinRT | C# | XAML

El charm de setting es una de esas cosas que en mi opinión aún están por afinar en WinRT, es tan necesario y común su forma de uso que siempre me pregunto porque no viene el problema ya resuelto. Muchos de ustedes, y me incluyo, seguro que han tratado de usar el settings charm buscando algún componente ya creado para mostrar una nueva ventana y resulta que simplemente no existe. He creado mi propia solución al respecto y estoy seguro que les será de mucha ayuda. Analizando el Charm de Settings Revisemos la implementación del settings charm Espacio disponible en…

leer más...

video Curso: Cómo Crear Apps con XAML y C#

Les comparto este curso completo en video con más de 10 capítulos para aprender a crear Apps con XAML y C#. Lista de Capítulos Introducción Fundamentos de XAML Otros Controles XAML Contenedores y Layout en XAML Binding Básico XAML Controles de Lista XAML Binding Avanzado Listas y Binding de Colecciones Appbar,MessageDialog,Popup y ViewStates Search Y Share Contract DESDE CERO…

leer más...

Cargar una imagen desde C# y no desde XAML | WinRT

Otros artículos de manipulación de imágenes en WinRT Acceder a los pixeles de una imagen en Apps de WinRT Modificar los pixeles en un BitmapImage utilizando BitmapEncoder | C# | WinRT Modificar los pixeles en un BitmapImage utilizando WriteableBitmap | C# | WinRT A veces queremos cargar una imagen dinámicamente, esto es cargarla en cualquier momento durante la aplicación, si hemos sido cuidadosos basta en cambiar la Uri asignada al modelo con el cual estamos haciendo Binding, esto es muy valido, pero en ocasiones simplemente tenemos que hacerlos por código, la primera aproximación a la que llegamos es simplemente reescribir lo que tenemos en…

leer más...

Zoom tradicional y Zoom Semántico | XAML | WinRT

Tradicionalmente las herramientas de desarrollo de UI modernas han incorporado controles para hacer Zoom, los cuales permiten agrandar el tamaño de la información mostrada sean imágenes o texto. El zoom tradicionalmente tiene el problema de ocasionar que las imágenes y demás componentes como controles y texto se pixelen XAML desde siempre ha incorporado funcionalidades para hacer zoom, la mas destacada de ellas es el ViewBox, este control hace zoom a todos los controles que contiene, WinRT ha incorporado el SemanticZoom , el cual permite hacer Zoom no sobre imagenes, pixeles o vectores,sino sobre el conjunto de datos. ViewBox Viewbox y…

leer más...

Cómo crear agrupamiento utilizando listas en WinRT | XAML | C#

Es un tema en esencia sencillo, tengo un conjunto de datos y quiero mostrarlos de manera agrupada por un criterio. Sin embargo para implementarlo hay que tener en cuenta varios tips adicionales, más allá de la documentación de msdn. Los pasos a seguir son: Crear el origen de datos agrupados Instanciar el origen de datos desde el XAML Modificar el template del control para que soporte grouping Modificar el template para optimizar la visualización de los grupos Crear el origen de datos agrupados Los primero es que debes tener ya establecido un conjunto de datos, ¿necesitas datos de prueba? Cómo…

leer más...

Cómo utilizar controles de lista para mostrar colecciones de datos en WinRT | C# | XAML

Las listas son de los controles más poderosos para mostrar datos que posee WinRT. Para mostrar datos por ejemplo en un GridVew, basta con hacer esto: <GridView> <Border Background="Goldenrod"> <TextBlock Text="Texto"/> </Border> <Border Background="GreenYellow"> <TextBlock Text="Texto"/> </Border> <Border Background="MidnightBlue"> <TextBlock Text="Texto"/> </Border> <Border Background="Violet"> <TextBlock Text="Texto"/> </Border> <Ellipse Width=…

leer más...

SemanticZoom : Cómo hacer zoom sobre un ítem específico | XAML | C#

Para realizar SemanticZoom únicamente podemos hacer uso de componentes que hereden de ListViewBase, estos componentes son: ListView GridView Este es un ejemplo de SemanticZoom implementado. <SemanticZoom Grid.Row="1" IsZoomedInViewActive="False"> <SemanticZoom.ZoomedOutView> <GridView ItemsSource="{Binding Source={StaticResource BlogRssConsumer},Path=FeedSource}" SelectionMode="None"> <ItemsControl.ItemTemplate> <DataTemplate> <Border Width="250" Height="250" Background="DarkSlateBlue"> <StackPanel> <Image Source="{Binding ImageUrl}" HorizontalAlignment="Stretch" MaxHeight="125" MinHeight="125&…

leer más...