DevExpress WinForms拥有180+组件和UI库,可以为Windows Forms平台创建有影响力的业务解决方案。DevExpress WinForms可以完美构建流畅、美观、易用的应用程序。无论是办公风
DevExpress WinForms拥有180+组件和UI库,可以为Windows Forms平台创建有影响力的业务解决方案。DevExpress WinForms可以完美构建流畅、美观、易用的应用程序。无论是办公风格的界面,还是大量业务数据的分析处理,都能轻松胜任!
在Winform中,很多控件元素都是标准的,比如图标、按钮、工具栏等。,所以一般设计标准的Winform的界面是比较快的,但是往往这个界面比较单调,特别是在界面控件很少的情况下,我们往往需要添加一些图片和背景来衬托,看起来图文并茂。本文主要介绍如何利用各种控件的特点,设计出一个相对美观、图文并茂的窗口。
一、界面效应分析在一些场景下,比如一些进销存系统,我们经常会把一些相关的模块放在一起,比如采购、退货、库存调入、调出、产品、库存、存货等。,它们是场景的内容。有时候,你可以把它们放在一起,但如果只是简单地放几个按钮,可能会显得单调。为了丰富界面效果,我们将界面设计如下。
这个界面虽然不是特别华丽,但是比仅仅放几个标准按钮要漂亮,按钮之间还有一些箭头表示它们的进程或者隶属关系。所以在一些场合,我们更喜欢用这种直观明了的界面表达,也增添了一定的美感。
二、界面的设计过程在上面的界面中,设计过程并不麻烦,就是先确定界面上需要画什么,放置那些按钮,规划好这些之后,就可以开始在界面上动手了。
我们来分析一下上面的界面,就是在Winform界面上,放置一张背景图片,然后在界面的适当位置添加相应的图片或者按钮,这样相应的图标基本上就可以处理click事件了。
1.画一幅背景图为了达到最好的界面效果,但又不能在Winform界面上绘画,只好退而求其次,在绘图工具上画一些比较好的图形作为界面背景。比如我们可以用强大万能的Photoshop,Word或者其他画图工具,会抓老鼠的就是好猫!
在这里,我喜欢用一些有现成图元的画图工具,比如EDraw Max等。来画背景。事先预留了图标按钮的位置。我们绘制一个背景,如下所示。
画出这些背景,截图备用。记得给图片预留一定的位置,有一定的画布大小。我们希望图片以正常方式设置为背景,这样当我们放大窗口时,就不会直接看完图片。对于抓拍的图片,在左上角预留一定的位置。
2.设置表单的背景以添加图片。在我们预先创建的表单之上,设置它的BackgroundImage,如下图所示。
以上效果是增加图片按钮的效果。一开始是没有图片按钮的,但是后来这些都加到空白位置了。图标按钮一般是为了好看的效果。传统的Winform可以采用PictureBox,而基于DevExpress,可以通过LabelControl标签控件来处理。设置它的图片可以达到很好的效果。
下面显示了几种LabelControl设置。
您还需要将ImageAlignToText的属性设置为TopCenter,以便图标可以显示在中间。
上图是64×64。一般可以根据关键词在网站上找到一些喜欢的图标。通过以下图标搜索的网站如下所示。
你总能从上面找到一些合适的、免费的各种文件类型的图标,把它们放在合适的场景里对我们来说太棒了。
设置好背景图片按钮后,我们就可以处理它的click事件,弹出相应的表单。弹出窗体有两种方式,一种是模式对话框,如下面的代码所示。
private void btnPurchase_Click(object sender, EventArgs e){FrmPurchase dlg = new FrmPurchase();dlg.ShowDialog();}
另一种方法是在多文档界面中显示,如下面的代码所示。
private void btnStock_Click(object sender, EventArgs e){ChildWinManagement.LoadMdiForm(Portal.gc.MainDialog, typeof(FrmStock));}private void btnProduct_Click(object sender, EventArgs e){ChildWinManagement.LoadMdiForm(Portal.gc.MainDialog, typeof(FrmProduct));}
最后可以得到如下图的整体界面体验效果。
以上是关于图形界面设计的一些想法。希望对你设计界面有帮助。