en Windows 8 en SemanticZoom apoyo vista de zoom para la GridView vista efecto y ListView controla para hacer un zoom, se proporciona una vista detallada de la información (ZoomedInView) para permitir a los usuarios ver información detallada, además de proporcionar un índice estrecho Ver (ZoomedOutView) permite a los usuarios localizar rápidamente la información acerca de la gama que desea ver. un
quiere lograr este efecto tenemos que utilizar los controles SemanticZoom CollectionViewSource y controles utilizados en conjunción con:
SemanticZoom controles: Hotel < SemanticZoom.ZoomedOutView >
< - llenar índice reducido aquí.! vista GridView, generalmente vinculante Group.Title - >
< /SemanticZoom.ZoomedOutView>
< SemanticZoom.ZoomedInView >
<! - genérico uno donde el llenado GridView mostrar más información - > <
; /SemanticZoom.ZoomedInView>
CollectionViewSource y la recepción es un conjunto de fuente de control de interfaz de usuario interactiva.
Fuente: fuente de propiedades
IsSourceGrouped enlace de datos: si se permite el paquete
Vista: Obtiene el objeto de vista
View.CollectionGroups actualmente asociados con esta instancia de CollectionViewSource: devuelve una colección de todos los grupos asociados a la vista.
II. Ahora observa un ejemplo de cómo utilizar SemanticZoom lograr el punto de vista de zoom, ejemplos de artículos de los casos antes de esta selección.
1. Frente proporcionado de control CollectionViewSource
< Grid.Resources >
< CollectionViewSourcex: Nombre = " itemcollectSource " IsSourceGrouped = " verdadero " ItemsPath = " ItemContent " />
< /Grid.Resources>
2. dibujo ZoomedInView vista frontal y una vista ZoomedOutView GridView
< SemanticZoomx: Nombre = " semanticZoom " VerticalAlignment = " Center " >
< SemanticZoom.ZoomedOutView >
< GridViewScrollViewer.IsHorizontalScrollChainingEnabled = " falso " > Hotel < GridView.ItemTemplate > Hotel < DataTemplate > Hotel <! - Tenga en cuenta aquí que las propiedades de unión del conjunto de entidades GroupTitle - >
< TextBlockText = " {BindingGroup.GroupTitle} " FontSize = " 24 " />
< /DataTemplate >
< /GridView.ItemTemplate>
< GridView.ItemsPanel >
< ItemsPanelTemplate >
< WrapGridItemWidth = " 150 " ItemHeight = " 75 " MaximumRowsOrColumns = " 1 " VerticalChildrenAlignment = " Center " />
< /ItemsPanelTemplate >
< /GridView.ItemsPanel>
< GridView.ItemContainerStyle >
< StyleTargetType = " GridViewItem " >
< SetterProperty = " margen " VALUE = " 4 " />
< SetterProperty = " Padding " VALUE = " 10 " />
< SetterProperty = " BorderBrush " VALUE = " Gray " />
< SetterProperty = " BorderThickness " VALUE = " 1 " />
< SetterProperty = " HorizontalContentAlignment " VALUE = " Center " />
< SetterProperty = " VerticalContentAlignment " VALUE = " Center " />
< /Style >
< /GridView.ItemContainerStyle>
< /GridView >
< /SemanticZoom.ZoomedOutView>
< SemanticZoom.ZoomedInView >
< - dispuesto ScrollViewer.IsHorizontalScrollChainingEnabled = "! False " - >
< GridViewName = " gv_Item " ItemsSource = " {BindingSource = {StaticResourceitemcollectSource}} "
SelectedItem = " {BindingItemContent , Mode = TwoWay} " ScrollViewer.IsHorizontalScrollChainingEnabled = " falso "
Margen = " 20,140,40,20 " IsSwipeEnabled = " True " >
< GridView.ItemTemplate >
< DataTemplate >
< gridwidth = " 250 " altura = " 200 " de fondo = " # 33CCCCCC " >
< Grid.ColumnDefinitions >
< ColumnDefinitionWidth = " 110 " >
<; < > /ColumnDefinition ColumnDefinition > < /ColumnDefinition >
< /Grid.ColumnDefinitions>
< ImageGrid.Column = " 0 " Margen = " 5,0,0, 0 " Fuente = " {BindingImageUrl} " Stretch = " Ninguno " > < /imagen >
< TextBlockGrid.Column = " 1 " Margen = " 15,15,0,0 " primer plano = " Negro " Text = " {BindingtxtTitle} "
FontWeight = " Negrita " FontSize = " 16 " TextWrapping = " Wrap " />
< TextBlockGrid.Column = " 1 " Margen = " 15,40,0,0 " primer plano = " Negro " Texto = " {} BindingtxtContent "
Fon tWeight = " Light " FontSize = " 14 " TextWrapping = " Wrap " />
< /cuadrícula >
< /DataTemplate >
< /GridView.ItemTemplate>
< GridView.ItemsPanel >
< ItemsPanelTemplate >
< VariableSizedWrapGridOrientation = " vertical " MaximumRowsOrColumns = " 3 " />
< /ItemsPanelTemplate >
< /GridView.ItemsPanel>
< GridView.GroupStyle >
< GroupStyle >
< GroupStyle.HeaderTemplate >
< DataTemplate >
< GridMargin = " 1,0,0,6 " >
< ButtonAutomationProperties.Name = " nombre de grupo " contenido = " {BindingGroupTitle} " />
< /cuadrícula >
< /DataTemplate >
< /GroupStyle.HeaderTemplate>
< GroupStyle.Panel >
< ItemsPanelTemplate >
< VariableSizedWrapGridOrientation = " vertical " Margen = " 0,0,50,0 " />
< /ItemsPanelTemplate >
< /GroupStyle.Panel>
< /GroupStyle >
< /GridView.GroupStyle>
< /Gr IDView >
< /SemanticZoom.ZoomedInView>
< /SemanticZoom >