wp7全景控件

原创 2012年03月30日 21:12:29
现在让我们学习下WP7开发
<phone:PhoneApplicationPage 
    x:Class="PanoramaApp1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
 
        <!--Panorama 控件-->
        <controls:Panorama Title="我的应用程序" FontWeight="Normal">
            <controls:Panorama.Background>
                <ImageBrush ImageSource="PanoramaBackground.png"/>
            </controls:Panorama.Background>
 
            <!--Panorama 项目一-->
            <controls:PanoramaItem Header="第一项">
                <!--具有文字环绕的双线列表-->
                <ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="0,0,0,17" Width="432" Height="78">
                                <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>
 
            <!--Panorama 项目二-->
            <!--使用“Orientation="Horizontal"”可使面板水平放置-->
            <controls:PanoramaItem Header="第二项">
                <!--具有图像占位符和文字环绕的双线列表-->
                <ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                                <!--用图像替换矩形-->
                                <Rectangle Height="100" Width="100" Fill="#FFE5001b" Margin="12,0,9,0"/>
                                <StackPanel Width="311">                                    
                                    <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" 
                                               Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                    <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" 
                                               Style="{StaticResource PhoneTextSubtleStyle}"/>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </controls:PanoramaItem>
        </controls:Panorama>
    </Grid>
</phone:PhoneApplicationPage>

WP7 - 全景视图界面设计

全景视图是WP7引入的一个重要UX概念,Microsoft也提供了相应的设计模板。Taylor的一篇blog介绍了如何使用模板设计一个简单的全景试图界面,他使用的设计工具是免费的GIMP...
  • jameszhou
  • jameszhou
  • 2011年01月31日 12:42
  • 2698

WP7入门篇(一)开发环境搭建以及相关学习资源

wp7入门篇,首先整理对于wp7应用开发的准备工作,如下 需要的环境配置 一、在没有安装vs2010最终版情况下可以使用一下方法 Windows Phone SDK 7.1下载地址  visu...
  • changwei07080
  • changwei07080
  • 2012年03月26日 16:26
  • 420

百度地图的简单开发之实现地图全景,内景展示功能(四)

今天,我就接着来浅谈一下关于百度地图的内景,外景的展示功能。今天具体要实现的功能就是输入该地点的名称然后就展示该地点的内景图片,有内景就展示内景,没有则显示该地点的街景,该功能是参考百度地图官方的AP...
  • qq_27489007
  • qq_27489007
  • 2016年11月24日 20:41
  • 4187

Android 仿 WP7 布局

布局文件:
  • czjuttsw
  • czjuttsw
  • 2013年05月11日 23:06
  • 1661

解锁wp7手机实现真机调试

http://www.dotblogs.com.tw/vbwp7/archive/2011/11/13/57683.aspx  注册西安文理学院的edu邮箱   点此注册 补充说明一下: 1....
  • yihu0817
  • yihu0817
  • 2014年12月16日 20:45
  • 390

WP_WP7开发环境搭建(图文教程)

微软已经帮我们打包好了WP7开发环境,从微软官网下载vm_web2.exe文件后,直接点击安装,如果网速给力的话,半个小时我们就可以搭建好WP7开发环境。 AD: ...
  • jiguanghoverli
  • jiguanghoverli
  • 2012年05月31日 09:55
  • 5140

Windows Phone开发学习之三——建立第一个WP7项目

欲使用 Visual Studio 2010 Express for Windows Phone 建立 Windows Phone 7 应用程序,您可以启动 Visual Studio 2010 Ex...
  • gdddww
  • gdddww
  • 2012年04月14日 11:05
  • 1027

基于Threejs的360全景图预览

首先,我们先来了解一下Photo Sphere Viewer,它是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图,也可以上下180度查看图片。使用该...
  • Ashes18
  • Ashes18
  • 2017年05月12日 01:20
  • 1056

360X180度全景图预览插件Photo Sphere Viewer

http://www.jq22.com/jquery-info10782
  • woshimeihuo
  • woshimeihuo
  • 2017年02月10日 13:44
  • 510

无需重置手机更换wp7手机的LIVE帐号

注册live帐号的时候 要把打地址填成台湾、香港或美国(大陆不支持商店), 如果已经填成中国之后,除了重置手机(资料清空,就是恢复出厂设置),也可以 通过修改注册表实现,有风险!!! 需要...
  • xiangshimoni
  • xiangshimoni
  • 2012年02月27日 19:57
  • 2263
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:wp7全景控件
举报原因:
原因补充:

(最多只允许输入30个字)