Atititi 软件界面gui开发之道 attilax著

1. 概览 2

1.1. 编程语言的发展 asm>native>vm>script>dsl 2

1.2. Ui的细化html ,css ,js,分离了布局，外观，与行为。。更加的领域特定了。。细化 3

1.3. 界面ui技术三大分类 native，插件体系，dsl体系 3

1.4. Gui界面语言的趋势，dsl 系列 h5系列 3

2. 界面控件dom体系 4

2.1. 布局体系容器类 webkit控件表单form winform 4

2.2. 菜单控件右键菜单，托盘菜单工具条 4

2.3. 常用控件文本框，按钮，标签等 4

2.4. 数据控件表格树形控件 4

2.5. 多媒体 4

2.6. 其他托盘图标，文件与文件夹选择对话框 4

2.7. Icon图标 font icon 4

2.8. H5 体系 4

2.9. 报表与图表（柱状图，饼图，线图趋势图，金字塔，地图，架构图）等 4

3. Gui风格体系 4

3.1. Page体系 h5 5

3.2. Windows体系 5

3.3. stage舞台场景Scene 体系 5

4. 界面自绘像素体系 5

4.1. 2d paint GDI+绘图 5

4.2. H5 canvas 5

4.3. Cocos2d 5

5. 事件处理与界面逻辑script 6

5.1. Gui线程 6

5.2. 拖放 6

5.3. Js 6

6. 特效与动画 6

6.1. 过渡、动画和变换 6

7. 架构体系 6

7.1. Bs cs 桌面 web 移动 6

7.2. 离线Web应用程序 6

8. Gui工具与框架与类库 6

8.1. Dw cs ajax fetch vue jquery 6

8.2. 双向绑定 6

8.3. Swing javafx wpf winform qt h5 6

8.4. 客户端mvc 6

9. 其他 7

9.1. Webkit渲染， 7

9.2. 国际化 7

9.3. 自定义外观　　样式表子类化 css 7

10. Plugin体系插件 7

11. 三维图形 7

11.1. 使用OpenGL绘图 three.js 7

11.2. 使用帧缓存对象生成叠加 7

12. 参考资料 8

1. 概览

1.1. 编程语言的发展 asm>native>vm>script>dsl

从机器语言，汇编语言到本地native语言(c c++) 到vm语言(java c#) 再到脚本语言(js php python等) 再到dsl（h5 sql 图像处理halcon matlab）

语言层次越高，可读性一般越好，可移植性越好，不过性能也越差了。。当然如果使用同样的类库的话，只是写点胶水代码的话，差别到是相对来说不大了。

机器语言，可以说彻底淘汰，唯一的优点就是性能，其他基本全是缺点。。

汇编语言，貌似也基本淘汰，比起机器语言，提升了很大的可读性。。

native语言(c c++) 相对汇编语言可读性又大幅提升，性能方面不如汇编，但比vm语言要高。。。缺点是开发效率，以及可移植性仍然需要提升。。很多图像库貌似都是使用此开发。。依赖于性能的应用大有所为。

vm语言(java c#) 改进了native语言的问题，增加一个vm层隔离开了os。目前的业界高层应用开发主力

脚本语言带来更高的生产力。但目前ide的问题，大型复杂企业级开发还难当重任，目前貌似在轻复杂度代码领域比较大发展。

Dsl语言，领域特定语言。。比如H5做界面。。Sql做数据库查询。Matlab halcon使用的语言，用来做图像处理。。

更高的开发效率，特别对于特定领域，图像处理，界面，数据库查询等大有优势。。正则表达式，用来文本搜索等。

Dsl语言本身性能很差，但是它如果是调用类库的，类库使用底层语言书写的，所以对性能不影响。

1.2. Ui的细化html ,css ,js,分离了布局，外观，与行为。。更加的领域特定了。。细化

1.3. 界面ui技术三大分类 native，插件体系，dsl体系

Native的就不推荐了，swing winform 安卓 ios native。。

插件体系也没落了，flash Silverlight Applet 等。。

Dsl体系正主流。。H5 wpf（xaml）。。但是推荐公有标准化的h5..不推荐wpf了，wpf就是ms的h5。。Java体系基本没有标准化的dsl，只有一些builder框架有一些私有的h5.。。

微信小程序就是腾讯的h5，也是属于一种私有化dsl ，私有化h5

1.4. Gui界面语言的趋势，dsl 系列 h5系列

界面是个很专门的领域，需要领域特点语言来做。。

Dsl系列是目前最好的趋势了。。Dsl里面最好的额就是h5了，跨平台，通用。。

2. 界面控件dom体系

2.1. 布局体系容器类 webkit控件表单form winform

2.2. 菜单控件右键菜单，托盘菜单工具条

2.3. 常用控件文本框，按钮，标签等

2.4. 数据控件表格树形控件

2.5. 多媒体

2.6. 其他托盘图标，文件与文件夹选择对话框

2.7. Icon图标 font icon

2.8. H5 体系

2.9. 报表与图表（柱状图，饼图，线图趋势图，金字塔，地图，架构图）等

3. Gui风格体系

3.1. Page体系 h5

3.2. Windows体系

3.3. stage舞台场景Scene 体系

展示stage舞台，stage舞台是一个类似于Swing中的JWindow的顶级容器，代表一个窗口。它用于容纳场景Scene，场景Scene是一个类似于Swing的JFrame的容器

4. 界面自绘像素体系

4.1. 2d paint GDI+绘图

4.2. H5 canvas

4.3. Cocos2d

5. 事件处理与界面逻辑script

5.1. Gui线程

5.2. 拖放

5.3. Js

6. 特效与动画

6.1. 过渡、动画和变换

7. 架构体系

7.1. Bs cs 桌面 web 移动

7.2. 离线Web应用程序

8. Gui工具与框架与类库

8.1. Dw cs ajax fetch vue jquery

8.2. 双向绑定

8.3. Swing javafx wpf winform qt h5

8.4. 客户端mvc

9. 其他

9.1. Webkit渲染，

9.2. 国际化

使用Unicode
18.2 让应用程序感知翻译
18.3 动态切换语言
18.4 翻译应用程序

9.3. 自定义外观　　样式表子类化 css

10. Plugin体系插件

11. 三维图形

11.1. 使用OpenGL绘图 three.js

11.2. 使用帧缓存对象生成叠加

12. 参考资料

《HTML5权威指南【非常全面详实的网页设计参考书】》(（美）弗里曼著)【简介_书评_在线阅读】 - 当当图书.html

Atitit gui界面ui技术发展史与未来趋势

《C++ GUI Qt 4编程（第二版）(Trolltech的Qt培训教材，生动、全面、深刻地阐明了Qt程序的设计理念，轻松创建跨平台的解决方案。)》(（加）布兰切特)【简介_书评_在线阅读】 - 当当图书.html

《Java Swing图形界面开发与案例详解》(王鹏)【简介_书评_在线阅读】 - 当当图书.html

《C# WinForm 实践开发教程 (软件职业技术学院“十一五”规划教材)》(钱哨)【简介_书评_在线阅读】 - 当当图书.html

《JavaFX本质论》(（美）安德森)【简介_书评_在线阅读】 - 当当图书.html

作者:: 绰号:老哇的爪子claw of Eagle 偶像破坏者Iconoclast image-smasher

捕鸟王"Bird Catcher kok 虔诚者Pious 宗教信仰捍卫者 Defender Of the Faith. 卡拉卡拉红斗篷 Caracalla red cloak 万兽之王

简称：： Emir Attilax Akbar 埃米尔阿提拉克斯阿克巴

全名：：Emir Attilax Akbar bin Mahmud bin attila bin Solomon bin adam Al Rapanui 埃米尔阿提拉克斯阿克巴本马哈茂德本阿提拉本所罗门本亚当阿尔拉帕努伊

常用名：艾提拉（艾龙）， EMAIL:1466519819@qq.com

头衔：uke总部o2o负责人，全球网格化项目创始人，

uke交友协会会长 uke捕猎协会会长 Emir Uke部落首席大酋长，

uke宗教与文化融合事务部部长， uke宗教改革委员会副主席

uke制度与重大会议委员会委员长，uke保安部首席大队长,uke制度检查委员会副会长，

uke 首席cto 软件部门总监技术部副总监研发部门总监主管产品部副经理项目部副经理 uke科技研究院院长uke软件培训大师

uke波利尼西亚区大区连锁负责人汤加王国区域负责人 uke克尔格伦群岛区连锁负责人，莱恩群岛区连锁负责人，uke布维岛和南乔治亚和南桑威奇群岛大区连锁负责人

Uke软件标准化协会理事长理事长 Uke 数据库与存储标准化协会副会长

uke终身教育学校副校长 Uke医院与医学院方面的创始人

uec学院校长， uecip图像处理机器视觉专业系主任 uke文档检索专业系主任

Uke图像处理与机器视觉学院首席院长

Uke 户外运动协会理事长度假村首席大村长 uke出版社编辑总编

转载请注明来源：attilax的专栏 ?http://blog.csdn.net/attilax

--Atiend v8

Atititi 软件界面gui开发之道 attilax著相关推荐

wxpython开发的软件_Python GUI开发环境的搭建(wxPython)
最近对Python的开发又来了兴趣,对于Python的开发一直停留在一个表面层的认识. Python的入手简单,语法让人爱不释手,在网络通信方面自带有成熟的类库,还有第三方开发的开源包. 在GUI的开 ...
php要用到哪些软件吗,php开发需要用什么程序
php开发可以用wordpress程序,具体操作步骤如下: WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站. 也可以把 WordP ...
LED晶圆 COT工艺AOI软件界面
LED晶圆 COT工艺AOI软件(GUI) 晶圆(wafer) 晶粒(Die) 软件界面GUI
matlab软件中GUI界面开发学习——双色球选择小工具
matlab软件中GUI界面开发学习--双色球选择小工具先上一张界面截图: 特别说明:只是最近对双色球比较感兴趣,所以找了一个实际的项目依据帮助我学习GUI工具,小工具的相关条件仅代表个人想法,选择 ...
python软件界面翻译_python英汉词典,在线翻译器,带GUI界面下载
使用请求模块获得的职位信息有道词典网页,BeautifulSoup获得所需的内容,并生成gui界面通过tkinter模块.2. Python实现翻译工具git源代码地址代码如下:# !\/bin\/e ...
api 二次开发禅道_浅谈-软件开发流程
先直接放出我对软件开发的相关人员职责和流程: 图一:软件开发的相关人员职责以下是截屏的开发流程泳道图: 横轴是相关开发人员的工作模块:纵轴是从上至下开发时序周期. 图二:软件开发的流程图从职责图和 ...
【Qt设计开发】GUI界面设计开发
文章目录一.Qt简介和下载安装二.Qt入门 2.1 创建第一个项目 2.2 快捷键和命名规范 2.3 Qt项目和VS2022项目相互转换三.Qt基础 3.1 Qt对象树和窗口坐标系概念 3.2 ...
客户端软件GUI开发技术漫谈：原生与跨平台解决方案分析
原生开发应用开发 Microsoft阵营的 Winform WinForm是·Net开发平台中对Windows Form的一种称谓. 如果你想深入的美化UI,需要耗费很大的力气,对于目前主流的CSS样 ...
python autoit打开软件_Python+AutoIt实现界面工具开发
前言不同于Linux服务器上的命令行操作,在windows系统上用户的使用习惯还是倾向于使用有界面的工具.如果工具是命令行交互操作的方式,可能是有悖于在windows上使用的操作习惯,往往不容易推广 ...
UI设计/GUI开发-入门界面设计
概述从几个概念谈起,GUI(图形用户界面).UI开发.前端.Web开发,这些个耳熟的词语,是否想过它们正真的含义!一款使用体验极好的软件,好看.好用,必然不是凭空想出来的,而是有理论依据.多方配合设 ...