C# - 音乐小闹钟_BetaV3.0
- 时间:2017-11-22 作者:byzqy
介绍:
音乐小闹钟 BetaV3.0 新鲜出炉了,快来围观吧!上效果图:
是不是觉得顿时变得高大上了许多呢?^_^
工具/原料:
(操作系统:Windows 7/10,开发工具:Visual Studio 2015,目标框架:.NET Framework 4)
Windows窗体(1个)
用到的控件:Label、ComboBox、Button、CheckBox、PictureBox、Panel
组件:Timer
素材:
①wav 格式的音乐文件(若干,需要用阿拉伯数字命名,如:1.wav、2.wav、3.wav ……)
②txt 格式文本歌词文件(若干,同样需要用阿拉伯数字命名)
③jpg(或gif)格式歌手照片(若干,同样需要用阿拉伯数字命名)
④gif 格式图片(1张,用来“假冒”跳动的柱形音乐频谱 ^_^)
⑤png 格式图片(8枚,自定义的按钮图片,可以自己画,也可以网上下载)
代码/逻辑:
本次更新在功能上没有什么改进,最大的改动在于界面的变化,不过图还是要画的,代码结构大体于上一版相同,程序执行流程如下,(ˇˍˇ)看图:
新增代码:(来自文件:Form1.cs)
片段1:实现移动无边框窗体
说明:将窗体Form1的 FormBorderStyle 属性值设为 None 后,就窗体就变成了无边框、无标题栏、无ControlBox(即最大化最小化关闭按钮)的窗体。不管是出于为了界面简洁,还是觉得默认的窗体边框及按钮不好看想自定义的目的隐藏了自带的边框,“拖动窗体”这一习以为常的动作还是很有必要的。这里的解决办法就是添加一个 Panel 控件,即用 Panel 控件来充当自己的标题栏,将自己喜欢的图标、button等都放进去,然后为 Panel 添加 MouseDown 事件,事件中加入可以拖动窗体的代码,就实现了拖动 Panel 来移动窗体。同样,有 MouseDown 事件的其它控件也可以添加此方法,窗体也可以添加!
#region 引用方法:移动无边框窗体(添加至控件MouseDown事件)
//引用方法:移动(拖动)无边框窗体
[DllImport("user32.dll")]
public static extern bool ReleaseCapture();
[DllImport("user32.dll")]
public static extern bool SendMessage(IntPtr hwnd, int wMsg, int wParam, int lParam);
public const int WM_SYSCOMMAND = 0x0112;
public const int SC_MOVE = 0xF010;
public const int HTCAPTION = 0x0002; //按下鼠标
private void panel1_MouseDown(object sender, MouseEventArgs e)
{
ReleaseCapture();
SendMessage(this.Handle, WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);
}
#endregion
片段2:为窗体绘制圆角
说明:直棱直角的窗体看起来难免闲的生硬,给窗体适当的倒个圆角的话看起来会舒服很多,下面的方法便可实现此功能!
#region 引用方法:为窗体绘制圆角(添加至窗体Resize事件)
//此方法设置窗体有效区域为圆角矩形
public void SetWindowRegion()
{
System.Drawing.Drawing2D.GraphicsPath FormPath;
FormPath = new System.Drawing.Drawing2D.GraphicsPath();
Rectangle rect = new Rectangle(0, 0, this.Width, this.Height);
FormPath = GetRoundedRectPath(rect, 18);
this.Region = new Region(FormPath);
} //辅助方法:此方法用来创建圆角矩形路径
private GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)
{
int diameter = radius;
Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));
GraphicsPath path = new GraphicsPath(); // 左上角
path.AddArc(arcRect, 180, 90); // 右上角
arcRect.X = rect.Right - diameter;
path.AddArc(arcRect, 270, 90); // 右下角
arcRect.Y = rect.Bottom - diameter;
path.AddArc(arcRect, 0, 90); // 左下角
arcRect.X = rect.Left;
path.AddArc(arcRect, 90, 90);
path.CloseFigure();//闭合曲线
return path;
} //在窗体尺寸改变的时候我们需要调用SetWindowRegion()将窗体变成圆角的
private void Form1_Resize(object sender, EventArgs e)
{
SetWindowRegion();
}
#endregion
片段3:渐变背景色
说明:这个方法本来是用在窗体的 Paint 事件中的,但是不知是不是窗体设置了无边框的原因,实现背景颜色渐变后窗体无法“最小化”,最小化就会报出异常。目前还没有解决此问题!
只能将就将此方法先用在 Panel 控件之上了。渐变背景色的视觉效果真是没得说,很漂亮!(绿黄渐变,效果如下图)
#region 自定方法:渐变背景色(添加至Paint事件)
//添加Panel的Paint事件,用颜色填充Panel区域
private void panelTitleBar_Paint(object sender, PaintEventArgs e)
{
GradientColor(e);
} //抽取成一个方法实现渐变色,在Paint中引用
private void GradientColor(PaintEventArgs e)
{
Graphics g = e.Graphics;
Color FColor = Color.Green;
Color TColor = Color.Yellow; Brush b = new LinearGradientBrush(this.ClientRectangle, FColor, TColor, LinearGradientMode.ForwardDiagonal); g.FillRectangle(b, this.ClientRectangle); /*
* Horizontal = 0 摘要:指定从左到右的渐变。
*
* Vertical = 1 摘要: 指定从上到下的渐变。
*
* ForwardDiagonal = 2 摘要:指定从左上到右下的渐变。
*
* BackwardDiagonal = 3 摘要:指定从右上到左下的渐变。
*/
}
#endregion
片段4:提取图片颜色
说明:使用过手机版网易云音乐的人都知道,在播放音乐时,播放界面的背景会随着不同的专辑画报而改变,色彩很绚丽多样,看着就很舒服。怀疑这种效果是对专辑画报的虚化来实现的。
虽然达不到人家的这种效果,但是提取图片中某点的颜色来填充到图片背景的空白区域也是有一定美化效果的!(比如如下这张,照片纵向长横向窄,取照片中一点颜色来填充 PictureBox 左右两侧的空白,颜色相近,完美匹配^_^)
#region 自定方法:提取图片颜色
//提取图片中的颜色用作PictureBox的背景色
private void ExtractPictureColor()
{
Color color = new Bitmap(pictureBoxSinger.Image).GetPixel(50, 50); //将提取到的颜色应用到PictureBox
pictureBoxSinger.BackColor = color;
}
#endregion
实现的功能/存在的问题:
1、窗体无边框、拖动无边框窗体
2、窗体背景色渐变(存在问题:无法最小化)、控件背景色渐变(问题1:还有没有别的方式实现渐变;问题2:如果使用提前制作好的渐变图片充当背景,哪种方式效果更好)
3、窗体倒圆角(问题:能不能将此方法同样用在控件上,比如说:PictureBox倒圆角、Panel倒圆角)
4、提取照片像素块颜色并使用颜色(问题:如何实现照片的虚化的背景效果)
5、……
--The End!(本篇完)
C# - 音乐小闹钟_BetaV3.0的更多相关文章
- C# - 音乐小闹钟_BetaV1.0
时间:2017-11-20 作者:byzqy 介绍: 前段时间看到别人利用Timer控件实现了检查电脑本地时间,然后对时间进行比较,最终实现闹钟功能.感觉有点意思,于是自己也做了一个小闹钟! 先看一下 ...
- C# - 音乐小闹钟_BetaV2.0
时间:2017-11-21 作者:byzqy 介绍: 虽然上一版本基本实现了闹钟的功能,但是界面.功能.用户体验(简直谈不上体验^_^),以及众多的bug,所以升级,刻不容缓! 还是先看一下Beta ...
- Android菜鸟的成长笔记(25)——可爱的小闹钟
摘要: 这一篇主要使用系统为我们提供的一个服务AlarmManager来制作一个Android小闹钟,同时还涉及到了自定义主题.判断第一次启动应用.自定义动画.对话框.制作指导滑动页面等方面.最后形成 ...
- python学习之——小闹钟(持续完善ing)
"啊,坏了,我忘了那啥啥了~~~" 为了不坏了,动手做一个小闹钟吧,一点点完善的过程一定美好极了,必像等待培育许久的花儿绽放一样,不多说,加油,期待↖(^ω^)↗ #! /usr/ ...
- 安卓开发笔记——Broadcast广播机制(实现自定义小闹钟)
什么是广播机制? 简单点来说,是一种广泛运用在程序之间的传输信息的一种方式.比如,手机电量不足10%,此时系统会发出一个通知,这就是运用到了广播机制. 广播机制的三要素: Android广播机制包含三 ...
- 生日小助手V4.0——迁移到Python3
生日小助手V4.0——迁移到Python3 生日小助手V4.0只支持Linux系统,依赖命令行软件lunar Ubuntu系统安装方法:1.安装lunarsudo apt-get install lu ...
- 【开源分享】2018CRM C# 源码(基于小黄豆CRMv2.0.925.3版本功能更新)
分享出来的初衷,我分享一下最近我在小黄豆CRM2.0版本(小黄豆CRM+v2.0.925.3)上加的功能,如果有类似需求的,可以把功能代码发你,节约你的开发时间.(这是在小黄豆开源免费CRM①群231 ...
- Windows10 小闹钟
Windows 10 自带小闹钟功能,便于我们进行时间管理,到点提醒. 尤其作为IT的工作者,首先要保证身体的健康,要定好休息的时间,哪怕5分钟,也能让人满血复活. 其次,便于我们将各种优先级的事务进 ...
- WordPress版微信小程序3.0版发布
距离WordPress版微信小程序上一个版本的发布过去了一个月了.在此间,我的工作有些变化,加上正在开发新版本,目前开源版的完善和升级稍稍有些滞后. 虽然这个版本是3.0版,期间有个过渡的2.8版,不 ...
随机推荐
- 【LeetCode】111. 二叉树的最小深度
111. 二叉树的最小深度 知识点:二叉树,递归 题目描述 给定一个二叉树,找出其最小深度. 最小深度是从根节点到最近叶子节点的最短路径上的节点数量. 说明:叶子节点是指没有子节点的节点. 示例 输入 ...
- cmd MySQL登录
mysql -uroot -p >Mysql -P 3306 -h 0.0.0.0 -u root -p 可远程访问
- AlarmManager定时提醒的那些坑
https://blog.csdn.net/zackratos/article/details/53243595 https://blog.csdn.net/bingshushu/article/de ...
- 安装Linux的步骤 包含linux下安装jdk,及mysql
https://mirrors.tuna.tsinghua.edu.cn/centos/7.9.2009/isos/x86_64/ 镜像下载网址,4G 左右. 安装VMware 15版本 一路下一步, ...
- 漏洞分析:CVE 2021-3156
漏洞分析:CVE 2021-3156 漏洞简述 漏洞名称:sudo堆溢出本地提权 漏洞编号:CVE-2021-3156 漏洞类型:堆溢出 漏洞影响:本地提权 利用难度:较高 基础权限:需要普通用户权限 ...
- linux50个常用命令
1.存放用户账号的文件在哪里? /etc/passwd 2.如何删除一个非空的目录? rm -rf 目录名 3.查看当前的工作目录用什么命令? pwd 4.创建一个文件夹用什么命令? mkdir 5. ...
- 20分钟掌握Android Gradle
目前国内对Android领域的探索已经越来越深,不少技术领域如插件化.热修复.构建系统等都对Gradle有迫切的需求,不懂Gradle将无法完成上述事情.所以Gradle必须要学习. Gradle 里 ...
- CentOS时间日期类语法
目录 一.date时间日期类 1. date显示当前时间 2. date 显示非当前时间 3. date 设置系统时间 二.cal 查看日历 一.date时间日期类 date [OPTION]... ...
- idea构建servlet程序
1 新建maven项目 勾选maven_web模板 2 idea加载后应是如图所示 3 在main目录下新增两个文件夹,一个java 设置为源码根目录,另一个是resources 设置为源目录 4 在 ...
- Java之JSTL标签与JavaBean
Java之JSTL标签与JavaBean JSP.JSTL标签及 EL表达式 <!-- jstl表达式--> <dependency> <groupId>javax ...