我的第一个wp8小程序

时间：2023-03-09 04:00:03
我的第一个wp8小程序

一：截图，功能介绍：点击音乐红色按钮，播放铃声

我的第一个wp8小程序

二：代码

XAML代码
<phone:PhoneApplicationPage

    x:Class="PhoneApp1.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:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    FontFamily="{StaticResource PhoneFontFamilyNormal}"

    FontSize="{StaticResource PhoneFontSizeNormal}"

    Foreground="{StaticResource PhoneForegroundBrush}"

    SupportedOrientations="Portrait" Orientation="Portrait"

    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->

    <Grid x:Name="LayoutRoot" Background="Transparent">

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition Height="*"/>

        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <StackPanel x:Name="TitlePanel" Grid.Row="" Margin="12,17,0,28">

            <TextBlock Text="红马車" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>

            <TextBlock Text="hongmaju" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

        </StackPanel>

        <!--ContentPanel - place additional content here-->

        <Grid x:Name="CttpnMap" Grid.Row="" Margin="12,0,12,0">

            <Button Name="PlayVoiceBtn"

                    Height=""

                    Width=""

                    HorizontalAlignment="Left"

                    VerticalAlignment="Center"

                    Margin="0,-400,0,0"

                    Click="PlayVoiceBtn_Click_1">

                <Button.Background>

                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                        <GradientStop Color="Black" Offset=""></GradientStop>

                        <GradientStop Color="Red" Offset=""></GradientStop>

                    </LinearGradientBrush>

                </Button.Background>

                音乐</Button>

            <MediaElement x:Name="CuMediaElement"

                          Source="/Assets/Voices/Alarm01.wav"

                          Volume=""

                          AutoPlay="False"

                ></MediaElement>

        </Grid>

    </Grid>

</phone:PhoneApplicationPage>
后台代码
using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Navigation;

using Microsoft.Phone.Controls;

using Microsoft.Phone.Shell;

using PhoneApp1.Resources;

using System.Windows.Media;

namespace PhoneApp1

{

    public partial class MainPage : PhoneApplicationPage

    {

        // Constructor

        public MainPage()

        {

            InitializeComponent();

            Button myButton = new Button();

            myButton.Name="myBtn";

            myButton.Width = ;

            myButton.Height = ;

            myButton.Background = new SolidColorBrush(Colors.Red);

            myButton.HorizontalAlignment = System.Windows.HorizontalAlignment.Left;

            myButton.VerticalAlignment = System.Windows.VerticalAlignment.Top;

            myButton.Content = "音乐二";

            CttpnMap.Children.Add(myButton);//将控件加入到grid中

            myButton.Margin = new Thickness(, , , );

        }

        //单击事件

        private void PlayVoiceBtn_Click_1(object sender, RoutedEventArgs e)

        {

            CuMediaElement.Play();

        }

    }

}

三：注意事项

如果不能实现单机播放铃声，可以查看铃声的路径是否正确，路径不使用反斜杠“\”

XAML代码，btn的代码和media元素代码必须放在同一级的同一个grid中，不能将一个和另一个所在的grid并列放到同一级的grid中

四：相关知识点

命名空间和Code-Behind类

在上文代码中设置了两个XAML命名空间（NameSpace），它们是Visual Studio 2008自动生成的，具体如下所示： 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     设置命名空间的主要目的是帮助XAML解析器了解类所在的位置，其能够减少冲突的可能性。设置命名空间通过xmlns属性来实现，该属性值通常必须是URI（统一资源标志符），例如上面所设置的值。在每个XAML文档中都应该声明类似这样的命名空间。
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    是WPF的核心命名空间，其涵盖所有WPF类，包括构建用户界面使用的控件。在本例中，该命名空间没有使用前缀，所以它是整个文档的默认命名空间。换言之，在没有特殊情况下，每个元素都自动归置于该命名空间之下。

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    是XAML的命名空间，其包括影响文档解释的各种XAML特性。该命名空间映射为前缀x。这意味着，通过在任何元素名称之前放置这个前缀，都可使用该前缀，例如<x:ElementName>。

在了解命名空间之后，读者一定还看到在其之上有一行：

<Window x:Class="HelloWpf.Window1"    这行代码表示的并不是命名空间，而是设置所引用的Code-Behind类。HelloWpf.Window1类中包括有关按钮单击的事件处理程序。

如前文所述，开发人员使用XAML可构建用户界面，同时为了实现业务逻辑还需要撰写程序逻辑代码，例如事件处理程序等。这些程序逻辑代码包含在Code- Behind类文件中。显而易见，必须在XAML与Code-Behind类文件之间建立一定的引用关系，其使用的就是上面那行代码。

注意：在使用<Window>元素时必须设置x:Class。

相关文章