码迷,mamicode.com
首页 > 其他好文 > 详细

WP开发笔记——控件倾斜效果

时间:2014-05-05 12:08:26      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:des   style   class   blog   code   color   

  1. 创建一个基本的 Windows Phone 应用程序并添加 TiltEffect 类文件。

  2. 添加要倾斜的控件的分类。

  3. 全局应用 IsTiltEnabled 依赖项属性,以便为所有的指定控件提供倾斜功能。

  4. 对一个控件应用 SuppressTilt 依赖项属性,以抑制倾斜效果。

创建基本倾斜效果应用程序的步骤

  1. “开始”菜单启动 Visual Studio 2010 Express for Windows Phone

  2. 通过选择“文件 | 新建项目”菜单命令来创建一个新项目。

  3. 将显示“新建项目”窗口。展开“Visual C#”模板,然后选择“Silverlight for Windows Phone”模板。

  4. 选择“Windows Phone 应用程序”模板。填写所需的项目“名称”

  5. 单击“确定”。将创建一个新项目并在 Visual Studio 设计器窗口中打开 MainPage.xaml

  6. “解决方案资源管理器”中,右键单击该项目,单击“添加”,然后单击“新项”。选择“类”并将该文件重命名为 TiltEffect.cs,然后单击位于页面底部的“添加”

  下载 ControlTiltEffect 示例:控件倾斜效果示例

  下载该解决方案之后,必须执行以下步骤。

导入 TiltEffect.cs 文件的步骤

  1. 在下载的解决方案中找到 TiltEffect.cs 文件。

  2. 将 TiltEffect.cs 文件导入到您的项目中。

  3. “解决方案资源管理器”中右键单击该项目,单击“添加”,然后选择“现有项”。浏览 TiltEffect.cs 文件,然后单击“添加”

  4. 将 TiltEffect.cs 文件中的命名空间更改为您项目的命名空间名称。例如,将代码复制到该文件中之后,命名空间将为 ControlTiltEffect

    namespace ControlTiltEffect

    将该命名空间更改为您项目的命名空间。

添加可倾斜控件的步骤

  • 在 MainPage.xaml 中,将以下代码添加到 XAML 代码的接近页面底部的“Content Panel”部分下面。该部分前面的注释为“<!--ContentPanel - 将其他内容置于此处-->。”删除已填充该部分的开始和结束 Grid 标记。

     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
                <Button Width="186" Height="185" Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="9,20,0,0" />
                <Button Content="Button (Suppressed)" Height="150" HorizontalAlignment="Left" Margin="37,0,0,161" VerticalAlignment="Bottom" Width="380"/>
                <CheckBox Content="CheckBox" Height="72" HorizontalAlignment="Left" Margin="235,25,0,0" Name="checkBox1" VerticalAlignment="Top" />
                <RadioButton Content="RadioButton" Height="72" HorizontalAlignment="Left" Margin="235,103,0,0" Name="radioButton1" VerticalAlignment="Top" />
                <HyperlinkButton Content="HyperlinkButton" Height="30" HorizontalAlignment="Left" Margin="25,211,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="409" />
                <ListBox Height="110" HorizontalAlignment="Left" Margin="6,472,0,0" Name="listBox1" VerticalAlignment="Top" Width="460" ItemsSource="{Binding}" >
                    <ListBoxItem Content="First ListBoxItem" ></ListBoxItem>
                    <ListBoxItem Content="Second ListBoxItem" ></ListBoxItem>
                    <ListBoxItem Content="Third ListBoxItem" ></ListBoxItem>
                    <ListBoxItem Content="Fourth ListBoxItem" ></ListBoxItem>
                </ListBox>             
    </Grid>

      

    bubuko.com,布布扣

应用倾斜效果依赖项属性的步骤

  1. 在 MainPage.xaml 中,向页面顶部添加以下命名空间声明:

    1
    xmlns:local="clr-namespace:[Namespace]"
  2. 在 MainPage.xaml 中,在页面顶部添加并启用依赖项属性 IsTiltEnabled

    1
    local:TiltEffect.IsTiltEnabled="True"
  3. 在该页面上,在 XAML 代码中找到 Content 属性设置为 Button (Suppressed) 的 Button 控件。将代码修改为以下内容:

    1
    <Button Content="Button (Suppressed)" Height="150" HorizontalAlignment="Left" Margin="37,0,0,161" VerticalAlignment="Bottom" Width="380" local:TiltEffect.SuppressTilt="True"/>
  4. 通过选择“调试 | 启动调试”菜单命令运行应用程序。这将打开模拟器窗口并启动该应用程序,或者部署到您选择的设备。运行应用程序之后,您应该看到所有控件都应用了倾斜效果。唯一的例外是启用了抑制倾斜依赖项属性的按钮。

WP开发笔记——控件倾斜效果,布布扣,bubuko.com

WP开发笔记——控件倾斜效果

标签:des   style   class   blog   code   color   

原文地址:http://www.cnblogs.com/joetoalways/p/3705971.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!