- 浏览: 183252 次
- 性别:
- 来自: 深圳
文章分类
最新评论
引入命名空间xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
Panorama控件用来在一个很长的横向面板上显示相关的内容,屏幕之外的内容可以依次切入到屏幕中,可以通过左右滑动的方式来切换它们。当看到其中的一个元素的时候,可以在屏幕右边显示出了一点下一屏的内容,这样你就可以知道在当前屏幕的下一屏还是有内容的。当浏览到内容的最后一屏再继续切换的话,则会回到第一屏。另外Panorama控件自身内置了触控和导航,通常来说这些已经够用,基本上不需要再为其实现特殊的手势功能。
在Windows Phone系统下,内置的People和Music+Videos界面就是一个典型的案例
xaml:
<controls:Panorama Title="pictuper and note">
<controls:Panorama.Background>
<ImageBrush ImageSource="/Image/4.jpg"></ImageBrush>
</controls:Panorama.Background>
<controls:PanoramaItem Header="图片1" Orientation="Horizontal">
<Image Source="/Image/1.jpg"></Image>
</controls:PanoramaItem>
<controls:PanoramaItem Header="图片2" Orientation="Horizontal">
<Image Source="/Image/2.jpg"></Image>
</controls:PanoramaItem>
<controls:PanoramaItem Header="图片3" Orientation="Horizontal">
<Image Source="/Image/3.jpg"></Image>
</controls:PanoramaItem>
<controls:PanoramaItem Header="文本">
<ListBox FontSize="30">
<ListBoxItem Content="aaaaaaaaaaaaaaaa"></ListBoxItem>
<ListBoxItem Content="aaaaaaaaaaaaaaaa"></ListBoxItem>
<ListBoxItem Content="aaaaaaaaaaaaaaaa"></ListBoxItem>
</ListBox>
</controls:PanoramaItem>
<controls:PanoramaItem Header="first item">
<ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,17" Width="432">
<TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
<TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</controls:PanoramaItem>
</controls:Panorama>
尽量控制PanoramaItems的个数最大不超过四个。
除非PanoramaItems有内容显示,否则最好是把Visibility属性设置成Collapsed以隐藏。
通过设置Orientation属性为Horizontal使PanoramaItems可以显示比屏幕边界更宽的内容。
使用合适的背景图片大小,建议为高度800像素,宽度在2000像素以内。
尽量设置Panorama的Title属性为应用程序在开始界面的名称。
尽量避免为Panorama的Title填加动画或者动态更改其大小。
发表评论
文章已被作者锁定,不允许评论。
-
WP7 学习之MultiScaleImage控件使用
2012-02-22 22:53 1568xaml: <MultiScaleImage Hori ... -
WP7 学习之pivot控件应用
2012-01-08 22:52 1876Pivot控件用来过滤大量的数据集,在不同的视图中查看它们,或 ... -
WP7学习之使用字体文件库
2012-01-05 20:49 1076<TextBlock Text="60&quo ... -
WP7 silverlight toolkit 学习之NavigationInTransition
2011-12-30 22:09 1953NavigationInTransition这个是实现页面切换 ... -
WP7 silverlight toolkit 之 AutoCompleteBox 应用学习
2011-12-27 22:13 1516案例一: xaml: < ... -
WP7 silverlight toolkit 学习之DatePicker and TimePicker
2011-12-26 20:48 1909DatePicker xaml: <toolkit:D ... -
WP7 silverlight toolkit 学习之 WrapPanel 使用
2011-12-23 21:28 2207xaml: <toolkit:WrapPanel H ... -
WP7 silverlight toolkit 学习 之 ToggleSwitch 使用
2011-12-23 21:23 2101xaml: <toolkit:ToggleSwitch ... -
Wp7 silverlight toolkit 学习之 ContextMenu使用
2011-12-23 21:17 1791xaml: <Button Content=" ... -
wp7学习笔记 之二
2011-12-22 23:07 12324)可以选中一个控件然后再在控件里添加子控件5)新建时间线、可 ... -
wp7学习笔记 之一
2011-12-22 23:06 1190Emulator中文叫仿真器,是精确地在一种环境下仿真另一种环 ... -
盘点Windows Phone Developer Tools 7.1 Beta (for Mango)新增功能
2011-12-21 20:50 984盘点Windows Phone Developer Tools ... -
Windows Phone中Silverlight Toolkit的使用
2011-12-19 22:18 1172首先需要去下载一个Silv ... -
WP7 开发学习之 Map 地图小应用
2011-12-16 23:33 1833用map控件 首先要先注册一个key ,我这就提供一个:AtR ... -
wp7 开发学习之 ScrollViewer小应用
2011-12-09 09:17 1318xaml <ScrollViewerWidth=&qu ... -
wp7 开发学习之 MediaElment小应用
2011-12-09 09:18 836xaml <MediaElement Height=& ... -
wp7 开发学习之 TextBox小应用
2011-12-09 09:18 972xaml <TextBox Height=" ... -
wp7 开发学习之 Thumb小应用
2011-12-09 09:19 1306xaml页面 <Thumb Height=" ... -
wp7 开发学习之 Slider 小应用
2011-12-09 09:19 1564xaml页面 <Slider Height=" ... -
wp7 开发学习之 ProgressBar 小应用
2011-12-08 22:28 2050xaml页面 <ProgressBar Height ...
相关推荐
仿WindowsPhone7 的panorama控件效果。
WPF全景控件Panorama源码 源码描述: Panorama的作用是非常简单,可以很容易地总结以下几点: 1.Create a Metro style control. I say Style, as it may not be 100% in line with what the Win8 Metro tile ...
这两个项目是WP开发的基础控件,页面布局和资源字典的练习 WPControls 是wp基础控件练习 SilverlightToolkitControls 是SilverlightToolkit中的控件练习 1. 项目WPControls中包含如下控件使用: 面板类控件 Grid ...
iphone ipad 360度全景库 可以直接使用 提供cube6面体 球形灯多种全景图片模式
WPF全景控件Panorama源码Win8风格源代码
ios源码之基于Panorama的全景Demo.rar
ArcSoft Panorama Maker 是一款高质量的专业拼图程序, 可方便快捷地将一系列重叠拍摄的图片自动拼接成一幅精美的全景图片。 Panorama Maker 支持多种 RAW 格式,可以与最新的数码相机密切合作。除此之外,它还为...
使用 Pivot 和 Panorama 控件 实验版本: 1.0.0 最后更新: 2/12/2011
在全景相机中,您还可以为全景照片应用特效。在拍摄之前,点击选择所需的特效,如负片效果、老照片效果、素描效果等等;一旦选择了特效,拍摄的全景照片就会添加上特效了。 分享全景照片也很简单,您可以一次将全景...
链接:https://pan.baidu.com/s/15f_6qcSz5XQTB6rddqBKyw 仅供交流学习,请勿商业用途!
全景照片制作Panorama_Maker4 .全景照片制作Panorama_Maker4 .
全景图制作:Panorama_Maker_4_Pro_v4.5.0.107_简体中文绿色特别版
ArcSoft.Panorama.Maker 全景拼图
ArcSoft Panorama Maker 5 Pro是一款高质量的专业拼图程序, 可方便快捷地将一系列重叠拍摄的图片拼接成一幅精美的全景图片。Panorama Maker 4 Pro支持多种RAW格式,可以与最新的数码相机密切合作。除此之外,...
之前在网上找到份可编译通过的Panorama360的demo,但是时间比较久了,demo还是基于mrc环境的。我重新改为arc下编译,本以为会很顺利,但是也遇到了诸如C99,linkfaild什么的各种错误,还有个比较坑的地方。原作者的...
html5_3d虚拟现实全景图panorama,
ArcSoft Panorama Maker Pro【全景大师】 v5.0.0.21 简体中文绿色版
全景图 360度全景查看器。 入门 在您的pubspec.yaml文件中将Panorama添加为依赖项。 dependencies : panorama : ^0.4.0 导入Panorama小部件并将其添加到您的项目中。 import 'package:panorama/panorama.dart' ...
ADG Panorama Tools是一个非常直观的软件,可生成360度网络全景照片,无需插件,HTML或Java编程。这个软件工具具有许多功能如自动缝合,自动融合,网页自动生成,真实圆柱景物和输出图像过滤。