微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言，

如果对您有所帮助：欢迎赞赏。

简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发

阅读导航

  1. 本文背景
  2. 代码实现
  3. 本文参考
  4. 源码

1. 本文背景

继续 MaterialDesignThemes 开源控件库学习，尤其是它的图标组件，本文设计的音乐播放器主界面设计使用该组件较多。

2. 代码实现

使用 .NET CORE 3.1 创建名为 “Player” 的WPF模板项目，添加1个Nuget库：MaterialDesignThemes.3.1.0-ci981。

解决方案主要文件目录组织结构：

  • Player

    • App.xaml
    • MainWindow.xaml
      • MainWindow.xaml.cs

2.1 App.xaml文件引入样式

文件【App.xaml】，在 StartupUri 中设置启动的视图【MainWindow.xaml】，并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件：

<Application x:Class="Player.App"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:local="clr-namespace:Player"

             StartupUri="MainWindow.xaml">

    <Application.Resources>

        <ResourceDictionary>

            <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml" />

            </ResourceDictionary.MergedDictionaries>

        </ResourceDictionary>

    </Application.Resources>

</Application>

2.2 MainWindow.xaml音乐播放器主窗体

文件【MainWindow.xaml】，设计主界面，源码如下：

<Window x:Class="Player.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        MouseLeftButtonDown="MoveWindow_MouseLeftButtonDown"

        Title="播放器" Height="500" Width="300" ResizeMode="NoResize" WindowStartupLocation="CenterScreen" WindowStyle="None" Foreground="LightSteelBlue">

    <Window.Resources>

        <ResourceDictionary>

            <Style x:Key="ScrollThumbs" TargetType="{x:Type Thumb}">

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="{x:Type Thumb}">

                            <Grid x:Name="Grid">

                                <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Fill="Transparent" />

                                <Border x:Name="Rectangle1" CornerRadius="10" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto"  Background="{TemplateBinding Background}" />

                            </Grid>

                            <ControlTemplate.Triggers>

                                <Trigger Property="Tag" Value="Horizontal">

                                    <Setter TargetName="Rectangle1" Property="Width" Value="Auto" />

                                    <Setter TargetName="Rectangle1" Property="Height" Value="7" />

                                </Trigger>

                            </ControlTemplate.Triggers>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

            <!--ScrollBars-->

            <Style x:Key="{x:Type ScrollBar}" TargetType="{x:Type ScrollBar}">

                <Setter Property="Stylus.IsFlicksEnabled" Value="false" />

                <Setter Property="Foreground" Value="LightGray" />

                <Setter Property="Background" Value="DarkGray" />

                <Setter Property="Width" Value="10" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="{x:Type ScrollBar}">

                            <Grid x:Name="GridRoot" Width="19" Background="{x:Null}">

                                <Track x:Name="PART_Track" Grid.Row="0" IsDirectionReversed="true" Focusable="false">

                                    <Track.Thumb>

                                        <Thumb x:Name="Thumb" Background="{TemplateBinding Foreground}" Style="{DynamicResource ScrollThumbs}" />

                                    </Track.Thumb>

                                    <Track.IncreaseRepeatButton>

                                        <RepeatButton x:Name="PageUp" Command="ScrollBar.PageDownCommand" Opacity="0" Focusable="false" />

                                    </Track.IncreaseRepeatButton>

                                    <Track.DecreaseRepeatButton>

                                        <RepeatButton x:Name="PageDown" Command="ScrollBar.PageUpCommand" Opacity="0" Focusable="false" />

                                    </Track.DecreaseRepeatButton>

                                </Track>

                            </Grid>

                            <ControlTemplate.Triggers>

                                <Trigger SourceName="Thumb" Property="IsMouseOver" Value="true">

                                    <Setter Value="{DynamicResource ButtonSelectBrush}" TargetName="Thumb" Property="Background" />

                                </Trigger>

                                <Trigger SourceName="Thumb" Property="IsDragging" Value="true">

                                    <Setter Value="{DynamicResource DarkBrush}" TargetName="Thumb" Property="Background" />

                                </Trigger>

                                <Trigger Property="IsEnabled" Value="false">

                                    <Setter TargetName="Thumb" Property="Visibility" Value="Collapsed" />

                                </Trigger>

                                <Trigger Property="Orientation" Value="Horizontal">

                                    <Setter TargetName="GridRoot" Property="LayoutTransform">

                                        <Setter.Value>

                                            <RotateTransform Angle="-90" />

                                        </Setter.Value>

                                    </Setter>

                                    <Setter TargetName="PART_Track" Property="LayoutTransform">

                                        <Setter.Value>

                                            <RotateTransform Angle="-90" />

                                        </Setter.Value>

                                    </Setter>

                                    <Setter Property="Width" Value="Auto" />

                                    <Setter Property="Height" Value="12" />

                                    <Setter TargetName="Thumb" Property="Tag" Value="Horizontal" />

                                    <Setter TargetName="PageDown" Property="Command" Value="ScrollBar.PageLeftCommand" />

                                    <Setter TargetName="PageUp" Property="Command" Value="ScrollBar.PageRightCommand" />

                                </Trigger>

                            </ControlTemplate.Triggers>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Style>

        </ResourceDictionary>

    </Window.Resources>

    <Grid Background="Black">

        <Grid Background="#44444444" Margin="10" Height="300" VerticalAlignment="Top">

            <Grid VerticalAlignment="Top">

                <Button x:Name="ButtonFechar" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="{x:Null}" BorderBrush="{x:Null}" HorizontalAlignment="Right" Width="20" Height="20" Margin="10,0" Click="ButtonFechar_Click">

                    <materialDesign:PackIcon Kind="Close" VerticalAlignment="Center" Width="20" Height="20">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

                <Button Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="{x:Null}" BorderBrush="{x:Null}" HorizontalAlignment="Left" Width="20" Height="20" Margin="10,0">

                    <materialDesign:PackIcon Kind="Plus" VerticalAlignment="Center" Width="20" Height="20">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

                <TextBlock Text="野狼disco" Margin="5" HorizontalAlignment="Center" />

            </Grid>

            <TextBlock Text="宝石Gem &amp; 陈伟霆" Margin="25" HorizontalAlignment="Center" VerticalAlignment="Top"/>

            <Grid VerticalAlignment="Top" Margin="0,50">

                <Ellipse Width="150" Height="150" HorizontalAlignment="Center" VerticalAlignment="Center">

                    <Ellipse.Stroke>

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

                            <GradientStop x:Name="c1" Color="Black" Offset="0.71"/>

                            <GradientStop Color="#FFB85219"/>

                            <GradientStop x:Name="c2" Color="#FEB14F18" Offset="0.6"/>

                        </LinearGradientBrush>

                    </Ellipse.Stroke>

                </Ellipse>

                <Ellipse Width="145" Height="145" HorizontalAlignment="Center" VerticalAlignment="Center">

                    <Ellipse.Fill>

                        <RadialGradientBrush>

                            <GradientStop Color="#FF0C0604" Offset="1"/>

                            <GradientStop Color="#FF210900" Offset="0.047"/>

                            <GradientStop Color="#FF1D0800" Offset="0.602"/>

                        </RadialGradientBrush>

                    </Ellipse.Fill>

                </Ellipse>

                <Ellipse Width="135" Height="135">

                    <Ellipse.Fill>

                        <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131233622.png" Stretch="Uniform"/>

                    </Ellipse.Fill>

                </Ellipse>

                <Ellipse Fill="#7F000000"  Width="135" Height="135"/>

            </Grid>

            <Grid VerticalAlignment="Bottom" Margin="5">

                <Button Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="{x:Null}" BorderBrush="{x:Null}" HorizontalAlignment="Left">

                    <materialDesign:PackIcon Kind="RotateRight" VerticalAlignment="Center" Width="30" Height="30">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

                <Button x:Name="Anterior" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="{x:Null}" BorderBrush="{x:Null}"  HorizontalAlignment="Left" Margin="50,0" Click="Anterior_Click">

                    <materialDesign:PackIcon Kind="ChevronLeft" VerticalAlignment="Center" Width="30" Height="30">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

                <Button Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="#00000000" BorderBrush="#70702222" HorizontalAlignment="Center">

                    <Button.Effect>

                        <DropShadowEffect Color="#FFD67619" RenderingBias="Quality" BlurRadius="40" Direction="0"/>

                    </Button.Effect>

                    <materialDesign:PackIcon Kind="Pause" VerticalAlignment="Center" Width="30" Height="30">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

                <Button x:Name="Proxima" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="{x:Null}" BorderBrush="{x:Null}"  HorizontalAlignment="Right" Margin="50,0" Click="Proxima_Click">

                    <materialDesign:PackIcon Kind="ChevronRight" VerticalAlignment="Center" Width="30" Height="30">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

                <Button Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Background="{x:Null}" BorderBrush="{x:Null}" HorizontalAlignment="Right">

                    <materialDesign:PackIcon Kind="ShuffleVariant" VerticalAlignment="Center" Width="30" Height="30">

                        <materialDesign:PackIcon.Foreground>

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

                                <GradientStop Color="#FFD69016"/>

                                <GradientStop Color="#FFD6511E" Offset="0.747"/>

                                <GradientStop Color="#FF9B330D" Offset="0.807"/>

                            </LinearGradientBrush>

                        </materialDesign:PackIcon.Foreground>

                    </materialDesign:PackIcon>

                </Button>

            </Grid>

        </Grid>

        <ListView VerticalAlignment="Bottom" Height="150" Margin="5" Foreground="LightSteelBlue">

            <ListViewItem>

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="01" Margin="5" VerticalAlignment="Center"/>

                    <Ellipse Width="30" Height="30">

                        <Ellipse.Fill>

                            <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131234152.png"/>

                        </Ellipse.Fill>

                    </Ellipse>

                    <TextBlock Text="我的梦 - 张靓颖" Margin="10,0" VerticalAlignment="Center" Width="100" TextTrimming="CharacterEllipsis"/>

                    <TextBlock Text="2016" VerticalAlignment="Center"/>

                    <TextBlock Text="4:04" Margin="10,0" VerticalAlignment="Center"/>

                </StackPanel>

            </ListViewItem>

            <ListViewItem>

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="02" Margin="5" VerticalAlignment="Center"/>

                    <Ellipse Width="30" Height="30">

                        <Ellipse.Fill>

                            <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131234746.png"/>

                        </Ellipse.Fill>

                    </Ellipse>

                    <TextBlock Text="凉凉 – 杨宗纬 &amp; 张碧晨" Margin="10,0" VerticalAlignment="Center" Width="100" TextTrimming="CharacterEllipsis"/>

                    <TextBlock Text="2017" VerticalAlignment="Center"/>

                    <TextBlock Text="3:20" Margin="10,0" VerticalAlignment="Center"/>

                </StackPanel>

            </ListViewItem>

            <ListViewItem>

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="03" Margin="5" VerticalAlignment="Center"/>

                    <Ellipse Width="30" Height="30">

                        <Ellipse.Fill>

                            <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131235020.png"/>

                        </Ellipse.Fill>

                    </Ellipse>

                    <TextBlock Text="如果这就是爱情 – 张靓颖" Margin="10,0" VerticalAlignment="Center" Width="100" TextTrimming="CharacterEllipsis"/>

                    <TextBlock Text="2017" VerticalAlignment="Center"/>

                    <TextBlock Text="2:57" Margin="10,0" VerticalAlignment="Center"/>

                </StackPanel>

            </ListViewItem>

            <ListViewItem>

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="04" Margin="5" VerticalAlignment="Center"/>

                    <Ellipse Width="30" Height="30">

                        <Ellipse.Fill>

                            <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131235218.png"/>

                        </Ellipse.Fill>

                    </Ellipse>

                    <TextBlock Text="女儿国 – 张靓颖" Margin="10,0" VerticalAlignment="Center" Width="100" TextTrimming="CharacterEllipsis"/>

                    <TextBlock Text="2016" VerticalAlignment="Center"/>

                    <TextBlock Text="3:28" Margin="10,0" VerticalAlignment="Center"/>

                </StackPanel>

            </ListViewItem>

            <ListViewItem>

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="05" Margin="5" VerticalAlignment="Center"/>

                    <Ellipse Width="30" Height="30">

                        <Ellipse.Fill>

                            <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131235356.png"/>

                        </Ellipse.Fill>

                    </Ellipse>

                    <TextBlock Text="另一个天堂 – 王力宏 &amp; 张靓颖" Margin="10,0" VerticalAlignment="Center" Width="100" TextTrimming="CharacterEllipsis"/>

                    <TextBlock Text="2017" VerticalAlignment="Center"/>

                    <TextBlock Text="3:22" Margin="10,0" VerticalAlignment="Center"/>

                </StackPanel>

            </ListViewItem>

            <ListViewItem>

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="06" Margin="5" VerticalAlignment="Center"/>

                    <Ellipse Width="30" Height="30">

                        <Ellipse.Fill>

                            <ImageBrush ImageSource="https://dotnet9.com/wp-content/uploads/2020/01/20200131235528.png"/>

                        </Ellipse.Fill>

                    </Ellipse>

                    <TextBlock Text="我们说好的 – 张靓颖" Margin="10,0" VerticalAlignment="Center" Width="100" TextTrimming="CharacterEllipsis"/>

                    <TextBlock Text="2017" VerticalAlignment="Center"/>

                    <TextBlock Text="4:02" Margin="10,0" VerticalAlignment="Center"/>

                </StackPanel>

            </ListViewItem>

        </ListView>

    </Grid>

</Window>

简单说明：

  1. 界面中按钮使用开源控件库MD的【PackIcon】组件，统一风格使用了自定义前景色【Foreground】。
  2. 列表控件【ListView】用于展示音乐播放列表，方便演示，每一项写死的，实际使用需要封装成模板，方便MVVM数据绑定。
  3. 列表控件【ListView】的竖直滚动条样式进行了修改，可看资源定义，改为了整体和黑色背景比较搭配的白色。

下面是后台代码：文件【MainWindow.xaml.cs】，关闭窗体、窗体移动、上一首及下一首按钮简单点击等事件处理，因为是演示事例，所以写的简单。

using System.Windows;

using System.Windows.Input;

namespace Player

{

    /// <summary>

    /// Interaction logic for MainWindow.xaml

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void ButtonFechar_Click(object sender, RoutedEventArgs e)

        {

            Application.Current.Shutdown();

        }

        private void Proxima_Click(object sender, RoutedEventArgs e)

        {

            if (c1.Offset >= 0)

            {

                c1.Offset -= 0.01;

                c2.Offset -= 0.01;

            }

            else

            {

                c1.Offset = 1;

                c2.Offset = 0.89;

            }

        }

        private void Anterior_Click(object sender, RoutedEventArgs e)

        {

            if (c2.Offset <= 1)

            {

                c1.Offset += 0.01;

                c2.Offset += 0.01;

            }

            else

            {

                c1.Offset = 0.11;

                c2.Offset = 0;

            }

        }

        private void MoveWindow_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

        {

            DragMove();

        }

    }

}

3.本文参考

  1. 视频一：C# WPF Design UI: Music Player，配套源码：Player1。
  2. C# WPF开源控件库《MaterialDesignInXAML》

4.源码

演示代码已全部奉上，为了方便演示，代码中的图片使用本站外链，代码可直接拷贝并按代码结构组织编译即可运行。

可运行Demo点击即可下载： 【音乐播放器】。

除非注明，文章均由 Dotnet9 整理发布，欢迎转载。


转载请注明本文地址：https://dotnet9.com/7981.html


欢迎扫描下方二维码关注 Dotnet9 的微信公众号，本站会及时推送最新技术文章


时间如流水，只能流去不流回！

点击《【阅读原文】》，本站还有更多技术类文章等着您哦！！！

此刻顺便为我点个《【再看】》可好？

简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发的更多相关文章

  1. ios开发学习- 简易音乐播放器2 （基于iPhone4s屏幕尺寸）-- 歌词解析--plist文件应用--imageNamed图片加载耗内存

    声明:(部分图片来自网络,如果侵犯了您的权益请联系我,会尽快删除!) 又是音乐播放器,不过这次和上次不一样了,准确说这次更像播放器了,初学者不建议看这个,可以先看前面一个音乐播放器(1),当然 我没加 ...

  2. iso 开发学习--简易音乐播放器（基于iPhone4s屏幕尺寸）

    三个按钮  一个进度条 贴图(软件中部分图片,来自网络,如果侵犯了您的权益,请联系我,会立刻撤下) 核心代码 // // ViewController.m // 08-10-MusicPlayer / ...

  3. 10个免费开源的JS音乐播放器插件

    点这里 音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些 网页播放器 插件比较少见,所以这里为大家整理一个集合,也许会有用到的时候. 下面整理的播放器有些是支持自适应的, ...

  4. js插件---10个免费开源的JS音乐播放器插件

    js插件---10个免费开源的JS音乐播放器插件 一.总结 一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件 亲测可用 音乐播放器在网页设计中有时候会用到, ...

  5. Android 实现简单音乐播放器（一）

    今天掐指一算,学习Android长达近两个月了,今天开始,对过去一段时间的学习收获以及遇到的疑难杂症做一些总结. 简单音乐播放器是我自己完成的第一个功能较为完整的APP,可以说是我的Android学习 ...

  6. vue——一个页面实现音乐播放器

    请忽略下面这段文字年关将至,时间好歹又多出了些许.却不敢过度消遣.岁月未曾饶过我,我亦不想饶过岁月.且将它塞得膨胀,让这一年看似加更充实.不曾料想我一个爱些风花雪月.研墨行歌之人,却做起了碼农这一行当 ...

  7. 一个简单的Android音乐播放器

    Android小白的期末作业 Android期末项目,仅用作学习使用,在线音乐部分只获取了网易云热歌榜,API来自鼻子亲了脸 传送门: GitHub 参考: anddiencn 实现功能 展示出本地的 ...

  8. SE Springer小组之《Spring音乐播放器》需求分析说明书二

    2.1 目标 Spring音乐播放器软件为课程<软件工程>所开发的课程作业,主要意图是为访问计算机中的mp3格式的音频文件,并使其能够完成访问,读取,添加,保存,播放,切换音频文件等功能. ...

  9. 基于Basys2开发板的简易电子琴和音乐播放器设计

    背景:华中科技大学 电测综合实验 主要功能:Basys2开发板外接一个扬声器(或无源蜂鸣器也可)实现电子琴和音乐播放器的功能.其中由于开发板上只有4个按键,所以电子琴功能只做了4个音调,分别对应于4个 ...

随机推荐

  1. Qt使用QAxObject快速批量读取Excel内容

    网上各种教程用的方法主要是如下这一句: QAxObject * range = worksheet->querySubObject("Cells(int,int)", 1, ...

  2. 图像处理:AlphaBlend混合两张图片

    使用vs2017新建一个项目 混合A,B两张图的基础算法: outColor = srcColor * srcAlpha + destColor * (1 - srcAlpha) 输出颜色 = 源颜色 ...

  3. 'NoneType' object has no attribute shape

    使用cv2读取图片时,输出图片形状大小时出现报错“ 'NoneType' object has no attribute shape”,后来排查发现读取图片的返回值image为None, 这就说明图片 ...

  4. 虚拟机ubuntu系统怎么添加 VMware tools

    首先弹出光盘 然后安装 点击安装VMware tools 然后进入光盘 打开VMware tools 文件夹 将解压文件拉到桌面上 打开桌面上的文件夹 不选中文件 然后键入下面的内容 输入密码 输入y ...

  5. 源码分析系列 | 从零开始写MVC框架

    1. 前言 2. 为什么要自己手写框架 3. 简单MVC框架设计思路 4. 课程目标 5. 编码实战 5.1 配置阶段 web.xml配置 config.properties 自定义注解 5.2 初始 ...

  6. 3万字总结，Mysql优化之精髓

    本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降. ...

  7. kvm命令

    查询:virsh -c     qemu:///system list    查看当前的虚拟系统 brctl show     列出当前所有的网桥接口virsh list   列出运行的虚拟机virs ...

  8. LUA学习笔记（第1-4章）

    需要一种简单的脚本语言来代替批处理,它需要足够小巧,同时功能上也应该足够强劲,自然选择了LUA语言. 第一章 Hello World print('Hello World') print(" ...

  9. Mplayer另类在线播放影音文件技巧【转】

    http://www.linuxsir.org/bbs/showthread.php?t=254467 本文介绍的Mplayer在线播放的方法,不是指在浏览器中安装Mplayer插件这种方法,而是在命 ...

  10. 一分钟简单了解 JSON Web Token

    JSON Web Token(JWT)是一个开放的标准(RFC 7519),它定义了一个紧凑且自包含的方式,用于在各方之间作为 JSON 对象安全地传输信息.由于此信息是经过数字签名的,因此可以被验证 ...