wpf 制作的音频播放器

最近做了一个音乐播放器,因为是新手,可能不是太好,高手多提意见(*^__^*) 。

样式:

<Window.Resources>
        <Style x:Key="TopBorder" TargetType="{x:Type ListBoxItem}">
            <Setter Property="BorderBrush" Value="Gray"/>
            <Setter Property="Foreground" Value="#FF5C4739"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="FontSize" Value="16"/>
            <Setter Property="BorderThickness" Value="0,0,0,1"/>
            <Setter Property="Height" Value="40"/>
        </Style>
        <!--棕色按钮-->
        <Style x:Key="ButtonStyle">
            <Setter Property="Button.Foreground" Value="White"/>
            <Setter Property="Button.Background" Value="Black"/>
            <Setter Property="Button.FontSize" Value="16"></Setter>
            <Setter Property="Button.Template">
                <Setter.Value>
                    <!--控件模板-->
                    <ControlTemplate TargetType="Button">
                        <!--背景色-->
                        <Border x:Name="back" CornerRadius="2">
                            <Border.BitmapEffect>
                                <OuterGlowBitmapEffect GlowSize="0" GlowColor="#FF443926" />
                            </Border.BitmapEffect>
                            <Border.Background>
                                <SolidColorBrush Color="#FF443926"></SolidColorBrush>
                            </Border.Background>
                            <!--前景色及边框-->
                            <Border x:Name="fore" BorderThickness="1" CornerRadius="2">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF79584F" Offset="0"/>
                                        <GradientStop Color="#FF443926" Offset="1"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Border.BorderBrush>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#99FFFFFF" Offset="0"/>
                                        <GradientStop Color="Black" Offset="1"/>
                                    </LinearGradientBrush>
                                </Border.BorderBrush>
                                <!--按钮内容-->
                                <ContentPresenter x:Name="content" HorizontalAlignment="Center" VerticalAlignment="Center" Content="{TemplateBinding  Content}">
                                    <ContentPresenter.BitmapEffect>
                                        <DropShadowBitmapEffect Color="White" Direction="-90" ShadowDepth="2" Softness="0.1" Opacity="0.3" />
                                    </ContentPresenter.BitmapEffect>
                                </ContentPresenter>
                            </Border>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
  <Style x:Key="ButtonStyle1"  TargetType="{x:Type Button}">
            <Setter Property="Button.Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border CornerRadius="2" BorderThickness="1" BorderBrush="#404040">
                            <Border.Background>
                                <VisualBrush>
                                    <VisualBrush.Visual>
                                        <Grid ClipToBounds="True" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="1*" />
                                                <RowDefinition Height="1*" />
                                            </Grid.RowDefinitions>
                                            <Grid.Background>
                                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                    <GradientStop Color="#FFCEC2AD" Offset="0" />
                                                    <GradientStop Color="#FF725C36" Offset="0.5" />
                                                    <GradientStop Color="#FF443926" Offset="0.5" />
                                                </LinearGradientBrush>
                                            </Grid.Background>
                                            <Ellipse Opacity="0.8" Grid.Row="1" Fill="#FFFFA200" Height="{TemplateBinding Height}"  Width="{TemplateBinding Width}">
                                                <Ellipse.BitmapEffect>
                                                    <BlurBitmapEffect Radius="55" />
                                                </Ellipse.BitmapEffect>
                                            </Ellipse>
           <ContentPresenter Opacity="0.6" Grid.RowSpan="2" TextElement.Foreground="#FFFFA200" HorizontalAlignment="Center" VerticalAlignment="Center">
                                                <ContentPresenter.BitmapEffect>
                                                    <BlurBitmapEffect Radius="25"/>
                                                </ContentPresenter.BitmapEffect>
                                            </ContentPresenter>
                                        </Grid>
                                    </VisualBrush.Visual>
                                </VisualBrush>
                            </Border.Background>
                            <ContentPresenter TextElement.Foreground="#FFF" HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

 

前台界面:

<Border  BorderBrush="Black" BorderThickness="1" >
    <Grid>
    <!--播放器-->
    <Border Margin="20,60,20,12" Background="White" BorderThickness="5">
         <Border.BorderBrush>
             <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                 <GradientStop Color="#FF79584F" Offset="0"/>
                 <GradientStop Color="#FF443926" Offset="1"/>
              </LinearGradientBrush>
         </Border.BorderBrush>
         <Grid>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="199"/>
                 <ColumnDefinition Width="0.5*"/>
             <ColumnDefinition Width="0.5*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
             <RowDefinition Height="0.333*"/>
             <RowDefinition Height="0.139*"/>
             <RowDefinition Height="0.528*"/>
        </Grid.RowDefinitions>
        <TextBox Name="txtRingPath" Height="30" Margin="19.333,18,275.667,0" VerticalAlignment="Top" FontSize="15"/>
         <Button Height="35" Margin="0,15,125,0" Name="btnSeclectRing" VerticalAlignment="Top" FontSize="18.667"  Width="121.666"  HorizontalAlignment="Right" Click="btnSeclectRing_Click"  Style="{DynamicResource ButtonStyle}">选择铃声</Button>
        <Rectangle Grid.RowSpan="3" Grid.ColumnSpan="3" Fill="White" Stroke="Black" StrokeThickness="1.5" />
        <TextBlock Name="tbMusicName" Text="MusicName" HorizontalAlignment="Left" Margin="20,8,0,0" TextWrapping="Wrap" FontSize="21.333" VerticalAlignment="Top"/>
        <Slider Name="sliPosition" Margin="16,0,16,-0.044" Grid.ColumnSpan="3" Grid.Row="1" ValueChanged="sliPosition_ValueChanged" ></Slider>
        <Button Name="btnRingPlay" Grid.Row="2" Content="播放" FontSize="16" Click="btnPlay_Click" Margin="16,8,0,8"
                                        Width="76" HorizontalAlignment="Left" d:LayoutOverrides="Width" Style="{DynamicResource ButtonStyle1}"/>
        <Button Name="btnRingClose" Grid.Row="2" Content="停止" FontSize="16" Width="76" HorizontalAlignment="Left"
                                        Margin="107,8,0,8" Click="btnClose_Click"  Style="{DynamicResource ButtonStyle1}"/>
        <Button Name="btnVolume" Grid.Row="2" Content="V" Margin="20,8,0,8" Click="btnVolumn_Click"
           HorizontalAlignment="Left" Width="38" Grid.Column="1"  Style="{DynamicResource ButtonStyle1}"/>
        <Slider Name="sliVolume" Grid.Row="2" Value="{Binding ElementName=mediaRing,Path=Volume,Mode=TwoWay}" Margin="66,22,0.852,19.024"
             d:LayoutOverrides="VerticalAlignment" Grid.Column="1" Width="100" HorizontalAlignment="Left" Minimum="0" Maximum="1"/>
        <Button x:Name="btnBalance" Grid.Row="2" Content="B" Margin="20,8,0,8" HorizontalAlignment="Left" Width="38"
          Grid.Column="2" Click="btnBalance_Click"  Style="{DynamicResource ButtonStyle1}"/>
        <Slider x:Name="sliBalance" Grid.Row="2" Value="{Binding ElementName=mediaRing,Path=Balance,Mode=TwoWay}" Grid.Column="2"
             Margin="66,22,16,19.024" d:LayoutOverrides="VerticalAlignment" Width="100" HorizontalAlignment="Left" Minimum="-1" Maximum="1"/>
       </Grid>
      </Border>
                    </Grid>
                </Border>

 

代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Xml;
using System.Data;
using forms=System.Windows.Forms;
using System.Timers;

 

namespace FamilyIntelligenceGateway
{
    /// <summary>
    /// winClock.xaml 的交互逻辑
    /// </summary>
    public partial class winClock : Window
    {
        int isMplay = 0;//判断音乐是否正在播放

        Timer _t;//用于刷新进度条

       

        public winClock()
        {
            InitializeComponent();
            _t = new Timer();
            _t.Elapsed += new ElapsedEventHandler(_t_Elapsed);//用于实时显示播放进度
            _t.Interval = 100;
            _t.Start();
        }

        void _t_Elapsed(object sender, ElapsedEventArgs e)
        {
            Dispatcher.Invoke(new MethodDelegate(ShowPosition), new object[] { });
        }
        private delegate void MethodDelegate();
        private void ShowPosition()
        {
            sliPosition.Value = mediaRing.Position.TotalSeconds;
            sliPosition.ToolTip = mediaRing.Position.ToString();
        }

 

        /// <summary>
        /// 停止播放
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnClose_Click(object sender, RoutedEventArgs e)
        {
            StopMedia();
        }
        /// <summary>
        /// 播放/暂停
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnPlay_Click(object sender, RoutedEventArgs e)
        {
            PlayMedia();
        }

        //播放/暂停
        private void PlayMedia()
        {
            if (isMplay == 0)
            {
                if (txtRingPath.Text != "")
                {
                    mediaRing.Source = new Uri(txtRingPath.Text.ToString());
                }
                else
                {

                    //默认铃声为Debug下Ring文件夹下的Ring.mp3
                    mediaRing.Source = new Uri(System.Windows.Forms.Application.StartupPath + @//Ring//Ring.mp3);
                }
                mediaRing.Play();

                btnRingPlay.Content = "暂停";
                isMplay = 1;
            }
            else
            {
                mediaRing.Pause();
                btnRingPlay.Content = "播放";
                isMplay = 0;
            }
            string[] strSource = mediaRing.Source.ToString().Split('/');
            string strMM = strSource[strSource.Length - 1];
            this.tbMusicName.Text = strMM;
        }

        //停止
        private void StopMedia()
        {
            mediaRing.Close();
            isMplay = 0;
            btnRingPlay.Content = "播放";
            sliPosition.Value = 0;
        }

        private void mediaRing_MediaOpened(object sender, RoutedEventArgs e)
        {
            sliPosition.Minimum = 0;
            sliPosition.Maximum = mediaRing.NaturalDuration.TimeSpan.TotalSeconds;
        }

        private void mediaRing_MediaEnded(object sender, RoutedEventArgs e)
        {
          
            sliPosition.Value = 0;
        }

        /// <summary>
        /// 是否静音
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnVolumn_Click(object sender, RoutedEventArgs e)
        {
            if (mediaRing.IsMuted == false || mediaRing.Volume==0)
            {
                //静音
                mediaRing.IsMuted = true;
                btnVolume.Content = "NV";
                sliVolume.IsEnabled = false;
            }
            else
            {
                mediaRing.IsMuted = false;
                btnVolume.Content = "V";
                sliVolume.IsEnabled = true;
            }
        }

        /// <summary>
        /// 是否开启音量平衡
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnBalance_Click(object sender, RoutedEventArgs e)
        {
            if (btnBalance.Content == "B")
            {//不开启
                btnBalance.Content = "NB";
                sliBalance.IsEnabled = false;
            }
            else
            {
                btnBalance.Content = "B";
                sliBalance.IsEnabled = true;
            }
        }

        /// <summary>
        /// 播放器进度条位置改变
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void sliPosition_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            mediaRing.Pause();
            mediaRing.Position = TimeSpan.FromSeconds(sliPosition.Value);
            mediaRing.Play();
        }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值