[windows phone开发]新生助手的开发过程与体会三

最新推荐文章于 2025-08-24 10:33:07 发布

转载最新推荐文章于 2025-08-24 10:33:07 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dgzhangning/p/3298999.html

文章标签：

#c#

本文介绍了Windows Phone应用中动态磁帖的实现方法，通过PanoramaItem和HubTile组件展示不同校园设施的简介与图片。使用XAML进行布局配置，并通过Tap事件触发进一步操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于网络原因，新生助手开发介绍的博客近期一直没有更新，请大家见谅。今天向大家介绍一下新生助手中动态磁帖的实现。

在PhoneApplicationPage中添加如下引用

    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

实现该页面效果的代码如下所示，大家自己试一试，

            <!--Panorama 项目二-->
            <phone:PanoramaItem >
                <phone:PanoramaItem.HeaderTemplate>
                    <DataTemplate>
                        <TextBlock Text="学院简介" Margin="12,10"/>
                    </DataTemplate>
                </phone:PanoramaItem.HeaderTemplate>
                <ScrollViewer  Margin="12,-35,12,0" ScrollViewer.VerticalScrollBarVisibility="Visible"  >
                    <ScrollViewer.Content>
                        <StackPanel>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,10">
                                <toolkit:HubTile Name="htAll" Source="/Images/Introduction/4.png"  Title="正门"  Background="GreenYellow" Tap="htAll_Tap" />
                                <toolkit:HubTile Name="htSuShe" Source="/Images/Introduction/2.jpg" Title="生活区" Background="OrangeRed" Margin="20,0" Tap="htSuShe_Tap"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Margin="0,10">
                                <toolkit:HubTile Name="htLibrary" Source="/Images/Introduction/3.png"  Title="图书馆"  Background="OrangeRed"  Tap="htLibrary_Tap"/>
                                <toolkit:HubTile Name="htTeachingBuilding" Source="/Images/Introduction/6.png"  Title="教学楼"  Background="GreenYellow" Margin="20,0" Tap="htTeachingBuilding_Tap"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Margin="0,10">
                                <toolkit:HubTile Name="htShiXunJiDi" Source="/Images/Introduction/5.png"  Title="实训基地"  Background="GreenYellow" Tap="htShiXunJiDi_Tap"/>
                                <toolkit:HubTile Name="htSports" Source="/Images/Introduction/1.jpg"    Title="体育场馆"  Background="OrangeRed" Margin="20,0" Tap="htSports_Tap"/>
                            </StackPanel>
                        </StackPanel>
                    </ScrollViewer.Content>
                </ScrollViewer>
            </phone:PanoramaItem>