轻松构建高颜值应用界面,这些内置图标多重要!

user_W1wPozIR 2020/11/9 16:16:39

点击获取工具>>在我们一般的程序中,为一般的界面元素添加一定的图标展示,有助于提升界面的整体的美观。结合排版布局,以及固定场景的图标,往往给用户非常好的直观感受:统一、美观、易理解。因此在一般的程序界面中,都尽量在略显单调的界面增加一些图标进行点缀…

点击获取工具>>
在我们一般的程序中,为一般的界面元素添加一定的图标展示,有助于提升界面的整体的美观。结合排版布局,以及固定场景的图标,往往给用户非常好的直观感受:统一、美观、易理解。因此在一般的程序界面中,都尽量在略显单调的界面增加一些图标进行点缀,能够达到较好的整体效果。本文介绍在Winform程序界面中,可以使用自己的图标库,也可以引入DevExpress程序中使用内置的图标,从而实现给开发的程序润色。

一、使用自己的图标库

不管在Web还是在WInform项目里面,开发者积累一定的图标库,包括256,128,64像素等大型的图标,或者常规32,16像素规格的图标都是比较不错的,有时候可以选择符合主题和场景的图标,给开发的程序增添更美丽的元素。

不过即使自己存储不够,也不要紧,可以通过网站搜索一些符合要求的图标,网站上也有很多免费的图标可以下载,如下面几个网址:

  • http://www.iconfinder.com/
  • http://www.iconpng.com/
  • http://findicons.com/
  • http://www.iconseeker.com/
  • http://mricons.com/
  • http://www.iconarchive.com/

从中总能找到自己所需要主题的图标的。

WinForm界面开发教程

WinForm界面开发教程

如下面是我WInform开发框架里面的程序主界面风格,使用了很多自己的图标。

二、使用DevExpress内置的图标库

在一些常规的界面里面,如编辑界面和查询界面里面的按钮,我倾向于使用内置的DevExpress图标,这样程序看起来比较统一,例如我在界面设计的基类窗体里面,图标应用效果如下所示。

WinForm界面开发教程

添加图标方式非常简单,在按钮的右上角小图标上单击一下进入编辑界面,如下所示。

WinForm界面开发教程

然后选择Image按钮,进入图标选择界面,选择内置的DevExpress图标库即可,基本上,只要是DevExpress的原生控件,那么就可以通过这种内置图标的对话框进行图标选择,非常方便。

WinForm界面开发教程

大图标选择3232的,小图标则可以选择1616的尺寸。

这样我们设计一些常规的列表界面操作按钮的时候,可以选择同一的图标,形成较为标准的图标。

WinForm界面开发教程

WinForm界面开发教程

WinForm界面开发教程

WinForm界面开发教程

以上就是我WInform开发框架、混合式开发框架里面,WInform界面的的图表设计,当然很多界面如树列表、右键菜单、工具条等都可以采用一定的图标,把界面装饰的更加美观大方,易于理解。

本文转载自博客园-伍华聪

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[轻松构建高颜值应用界面,这些内置图标多重要!]http://www.zyiz.net/tech/detail-148818.html

上一篇:C# 中的 ref 已经被放开,或许你已经不认识了

下一篇:WinForm界面开发小技巧,如何将Pivot Grid用作主筛选器项

赞(0)

共有 条评论 网友评论

验证码: 看不清楚?
    关注微信小程序
    程序员编程王-随时随地学编程

    扫描二维码或查找【程序员编程王】

    可以随时随地学编程啦!

    技术文章导航 更多>
    扫一扫关注最新编程教程