服务器之家

服务器之家 > 正文

自定义WPF窗体形状的实战记录

时间:2022-02-28 14:24     来源/作者:nopapp

介绍

你好wpf爱好者。 随着wpf等统一api语言的发明,丰富用户界面变得非常容易。 创建丰富的用户界面只是一个想法。 您需要拥有的是创造性思维和最新技术融合。 wpf和expression blend在制作丰富的ui应用程序,清晰的图形和非常好的动画方面非常有用。

在创建wpf应用的时候,你第一个看到的就是窗体类。它作为窗体的基础,提供标准的边框、工具条、最大化、最小化和关闭按钮。wpf窗体是xaml文件和后台代码文件的混合体。

背景

我将要发布的是将窗口矩形形状塑造成图像的形状。 它可以是任何图像,任何形状,任何大小,它应该是没有背景的png(便携式网络图形)图像(白色背景被移除)。

代码使用

嗯,实现这一点是小菜一碟,但我仍然会提供一个完整的演练过程。

先决条件

  • .net framework 3.0或以上
  • visual studio 2008或以上
  • adobe photoshop或者一个图片编辑工具
  • 您要使用的图像文件
  • xaml相关知识

准备图片文件

  1. 选择要用作窗体形状的图像文件。
  2. 在大多数图像编辑工具中,使图像背景自由是一个非常简单的过程,但是,我将为adobe photoshop解释它(因为我喜欢该产品)。
  3. 在adobe photoshop中打开图像文件。
  4. 选择除背景之外的整个图像。
  5. 复制选择。
  6. 单击菜单文件>>新建。 这将显示一个对话框。 在对话框的“内容”部分中,选择“透明”,然后单击“确定”。
  7. 将打开透明背景画布,将图像粘贴到那里并将其另存为png文件。

自定义WPF窗体形状的实战记录

现在我们的图像文件准备就绪,让我们现在塑造我们的wpf表格。

设置wpf应用

打开visual studio 2008并创建新项目。

在visual c#项目模板下,选择windows >> wpf应用。

使用下面的xaml:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<window title="shapedwindow" windowstartuplocation="centerscreen"
 
 allowstransparency="true" opacitymask="white" windowstyle="none"
 
 background="transparent" width="620" height="267"
 
 xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml
 
 xmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentation
 
 x:class="shapedwpfform.shapedwindow">
 <grid>
  <img name="imgbackground" source="shape.png" stretch="fill" />
 </grid>
</window>

所有就完成了

xaml属性解释:

  • allowstransparency="true" - 设置窗体透明度。
  • background="transparent" - 表明背景是透明的。
  • windowstyle="none" - 此属性删除标题栏并使窗体无边框。 基本上从窗体中删除所有系统控件。
  • opacitymask="white" - 此属性使指定的背景颜色不受窗体的影响。

完成,教程完成。 通过这样做,您可以将图像作为窗体形状。 为您的窗体赋予创意。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对服务器之家的支持。

原文链接:http://www.nopapp.com/Blog/Article/Shaped-WPF-Form

标签:

相关文章

热门资讯

2022年最旺的微信头像大全 微信头像2022年最新版图片
2022年最旺的微信头像大全 微信头像2022年最新版图片 2022-01-10
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整 2021-08-24
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
返回顶部