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. 起源  20世纪80年代20世纪80年代 4

3. 准则 10大准则 4

4. 应用领域 10大领域 4

5. UI趋势 cli>gui>nui/cui 5

6. 常用的界面ui体系 5

6.1. H5标准与私有ui规范 5

6.2. 俩大模型 dom模型与像素级自绘制 5

6.3. 三大Gui风格体系 6

6.3.1. Page体系  h5 6

6.3.2. Windows体系 6

6.3.3. stage舞台 场景Scene 体系 6

7. 界面控件dom体系 7

7.1. 2 组成部分? 桌面? 视窗? 单一文件界面? 多文件界面? 标签? 菜单? 图标? 按钮 7

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

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

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

7.5. 数据控件 表格  树形控件 7

7.6. 多媒体 7

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

7.8. Icon图标   font icon 7

7.9. H5 体系 7

7.10. 报表与图表 7

8. 布局模式 7

8.1. Flow float 7

8.2. BoxLayout（ html默认布局） 7

8.3. Grid布局 7. CardLayout （tab 布局） 4 8

8.4. 其他 8

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

9.1. Dom模型 （例如Svg） 8

9.2. 自绘制模式 8

10. Mvc  与服务端ui 9

10.1. 客户端mvc 9

10.2. 渐渐消逝的服务端mvc与服务端ui 9

11. 事件处理与界面逻辑script 9

11.1. Gui线程 9

11.2. 拖放 9

11.3. Js 9

12. 架构体系 9

12.1. Bs cs 桌面  web 移动 9

12.2. 离线Web应用程序 9

13. -----------------其他-------------------------- 9

14. 多点触控gui 10

14.1. 包括滑动(swiping),轻按（tapping）,挤压(pinching)及旋转(reverse pinching)。 10

14.2. 加速器 旋转 10

15. 界面自绘 像素体系 10

15.1. 2d paint  GDI+绘图 10

15.2. H5 canvas 10

15.3. Cocos2d 10

16. 特效与动画 10

16.1. 过渡、动画和变换 10

17. Gui常用工具与框架与类库 11

17.1. Dw cs ajax fetch vue jquery 11

17.2. 双向绑定 11

17.3. Swing javafx wpf winform qt h5 11

17.4. 客户端mvc 11

18. 其他 11

18.1. Webkit渲染， 11

18.2. 国际化 11

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

19. Plugin体系 插件 12

20. 三维图形 12

20.1.  使用OpenGL绘图  three.js 12

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

21. 参考资料 12

  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. Ui的细化html ,css ,js,分离了布局，外观，与行为。。更加的领域特定了。。细化
  2. 界面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. Gui界面语言的趋势，dsl 系列 h5系列

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

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

  1. 起源  20世纪80年代20世纪80年代

20世纪80年代苹果公司首先将图形用户界面引入微机领域，推出的Macintosh以其全鼠标、下拉菜单操作和直观的图形界面，引发了微机人机界面的历史性的变革。而后微软公司推出了Windows系统，从Windows 3.0发展到Windows 10，使得GUI被应用于用户面更广的个人计算机平台。图形界面的特点是人们不需要记忆和键入繁琐的命令，只需要使用鼠标直接操纵界面。

  1. 准则 10大准则

减少用户的认知负担

保持界面的一致性

满足不同目标用户的创意需求

用户界面友好性

图标识别平衡性

图标功能的一致性

建立界面与用户的互动交流

更为人性化的视觉优化

更具识别性的图标及其他元素

更具可操控性和扩充性的使用易用性

更具有企业品牌特色的视觉识别性

  1. 应用领域 10大领域

手机通讯移动产品

电脑操作平台

软件产品

PDA产品

数码产品

车载系统产品

智能家电产品

游戏产品

产品的在线推广

网页设计

  1. UI趋势 cli>gui>nui/cui
  2. 常用的界面ui体系
    1. H5标准与私有ui规范

form mvc 私有化h5 h5 webpage

私有化h5  javafx wpf

ASP.NET Form到ASP.NET MVC，最后到AngularJS +Bootstrap，从Windows Forms到WPF。走技术的变更与业务领域结合的路线，一直对.NET开发很有信心。

  1. 俩大模型 dom模型与像素级自绘制
  1. 三大Gui风格体系
  1. Page体系  h5
  2. Windows体系
  3. stage舞台 场景Scene 体系

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

  1. 界面控件dom体系

    1. 2 组成部分? 桌面? 视窗? 单一文件界面? 多文件界面? 标签? 菜单? 图标? 按钮
    2. 布局体系  容器类 webkit控件 表单form  winform
    3. 菜单控件 右键菜单，托盘菜单 工具条
    4. 常用控件 文本框，按钮，标签等
    5. 数据控件 表格  树形控件
    6. 多媒体
    7. 其他 托盘图标，文件与文件夹选择 对话框
    8. Icon图标   font icon
    9. H5 体系
    10. 报表与图表
  2. 布局模式
    1. Flow float
    2.  BoxLayout（ html默认布局）
    3. Grid布局 7. CardLayout （tab 布局） 4

7. CardLayout （tab 布局） 4

  1. 其他

1. 布局的继承结构 1

2. Absoluti 布局（常用） 1

3. Dock、Anchor布局//SpringLayout  (常用) 2

4. Flow 布局（不常用） 2

5. BorderLayout （不常用） 2

6. BoxLayout（ html默认布局） 3

7. CardLayout （tab 布局） 4

8. GridLayout( 不常用) 4

9. GridBagLayout (不常用) 4

10. Fixed 定位（不常用） 4

11. GroupLayout(不推荐) 4

12. 别的布局 5

12.1. DefaultToolBarLayout 5

12.2. MetalRootLayout 5

12.3. JBuilder自带的VerticalFlowLayout 5

12.4. OverlayLayout 5

12.5. RootLayout 5

13. Java的三大的布局:border,flow,grid 6

Anchor布局   3Dock flow float

Anchor布局   3Dock flow float

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

    1. Dom模型 （例如Svg）
    2. 自绘制模式

比如h5 的Canvas，其他语言的gdi

  1. Mvc  与服务端ui

    1. 客户端mvc
    2. 渐渐消逝的服务端mvc与服务端ui

Jsp jsf jstl wpf aspx等服务端ui

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

    1. Gui线程
    2. 拖放
    3. Js
  1. 架构体系

    1. Bs cs 桌面  web 移动
    2. 离线Web应用程序
  1. -----------------其他--------------------------
  1. 多点触控gui

用户界面

作。控制方法包括滑动,轻触开关及按键。与系统互动包括滑动(swiping),轻按（tapping）,挤压(pinching)及旋转(reverse pinching)。此外,通过其内置的加速器,可以令其旋转装置改变其y轴以令屏幕改变方向，这样的设计令iPhone更便于使用。

    1. 包括滑动(swiping),轻按（tapping）,挤压(pinching)及旋转(reverse pinching)。
    2. 加速器 旋转
  2. 界面自绘 像素体系
    1. 2d paint  GDI+绘图
    2. H5 canvas
    3. Cocos2d
  1. 特效与动画

    1. 过渡、动画和变换
  1. Gui常用工具与框架与类库

    1. Dw cs ajax fetch vue jquery
    2. 双向绑定
    3. Swing javafx wpf winform qt h5
    4. 客户端mvc
  2. 其他
    1. Webkit渲染，
  1. 国际化

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

    1. 自定义外观　　样式表   子类化 css
  2. Plugin体系 插件
  3. 三维图形
    1.  使用OpenGL绘图  three.js
    2. 使用帧缓存对象生成叠加
  1. 参考资料

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

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

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

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

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

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

atitit.软件开发GUI 布局管理总结java swing wpf web html c++ qt php vOBB.doc

作者:: 常用名：艾提拉  曾用名 艾龙

绰号:老哇的爪子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 埃米尔 阿提拉克斯 -阿克巴 - 马哈茂德 - 阿提拉 - 所罗门 - 亚当  阿尔 拉帕努伊

热衷于在it  宗教 哲学 经济学 教育 法学 医学 动植物学 管理 历史 文学 音乐 艺术 军事等各个领域均取得了一定成果

EMAIL:1466519819@qq.com

Atititi 软件界面gui开发之道 attilax著 1. 概览 2 1.1. 编程语言的发展 asmnativevmscriptdsl 2 1.2. Ui的细化html ,css ,相关推荐

  1. wxpython开发的软件_Python GUI开发环境的搭建(wxPython)

    最近对Python的开发又来了兴趣,对于Python的开发一直停留在一个表面层的认识. Python的入手简单,语法让人爱不释手,在网络通信方面自带有成熟的类库,还有第三方开发的开源包. 在GUI的开 ...

  2. php要用到哪些软件吗,php开发需要用什么程序

    php开发可以用wordpress程序,具体操作步骤如下: WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站. 也可以把 WordP ...

  3. LED晶圆 COT工艺AOI软件界面

    LED晶圆 COT工艺AOI软件(GUI) 晶圆(wafer) 晶粒(Die) 软件界面GUI

  4. matlab软件中GUI界面开发学习——双色球选择小工具

    matlab软件中GUI界面开发学习--双色球选择小工具 先上一张界面截图: 特别说明:只是最近对双色球比较感兴趣,所以找了一个实际的项目依据帮助我学习GUI工具,小工具的相关条件仅代表个人想法,选择 ...

  5. python软件界面翻译_python英汉词典,在线翻译器,带GUI界面下载

    使用请求模块获得的职位信息有道词典网页,BeautifulSoup获得所需的内容,并生成gui界面通过tkinter模块.2. Python实现翻译工具git源代码地址代码如下:# !\/bin\/e ...

  6. api 二次 开发 禅道_浅谈-软件开发流程

    先直接放出我对软件开发的相关人员职责和流程: 图一:软件开发的相关人员职责 以下是截屏的开发流程泳道图: 横轴是相关开发人员的工作模块:纵轴是从上至下开发时序周期. 图二:软件开发的流程图 从职责图和 ...

  7. 【Qt设计开发】GUI界面设计开发

    文章目录 一.Qt简介和下载安装 二.Qt入门 2.1 创建第一个项目 2.2 快捷键和命名规范 2.3 Qt项目和VS2022项目相互转换 三.Qt基础 3.1 Qt对象树和窗口坐标系概念 3.2 ...

  8. 客户端软件GUI开发技术漫谈：原生与跨平台解决方案分析

    原生开发应用开发 Microsoft阵营的 Winform WinForm是·Net开发平台中对Windows Form的一种称谓. 如果你想深入的美化UI,需要耗费很大的力气,对于目前主流的CSS样 ...

  9. python autoit打开软件_Python+AutoIt实现界面工具开发

    前言 不同于Linux服务器上的命令行操作,在windows系统上用户的使用习惯还是倾向于使用有界面的工具.如果工具是命令行交互操作的方式,可能是有悖于在windows上使用的操作习惯,往往不容易推广 ...

  10. UI设计/GUI开发-入门界面设计

    概述 从几个概念谈起,GUI(图形用户界面).UI开发.前端.Web开发,这些个耳熟的词语,是否想过它们正真的含义!一款使用体验极好的软件,好看.好用,必然不是凭空想出来的,而是有理论依据.多方配合设 ...

最新文章

  1. Java基础学习总结（3）——抽象类
  2. 稀疏矩阵快速转置核心代码
  3. TCP/IP总结（2）基础概念
  4. 学院派CAD工具箱及CAD调用外部应用程序的方法
  5. DNS 与BIND（第五版）
  6. NFL discussion调研
  7. leetcode743. 网络延迟时间（迪杰斯特拉算法）
  8. 有趣的JS 一行代码 偷取所有图片
  9. 银行工作的你压力大吗？待遇还好吗？
  10. （转）查理·芒格：光靠已有的知识，你走不了多远
  11. python读写将excel转换为xml_Python实现将Excel转换成xml的方法示例
  12. visio2016下载以及永久激活
  13. python属于汇编语言还是高级语言_python语言属于汇编语言吗？_后端开发
  14. php服务器搬迁失败原因
  15. 深度解析PHP数组函数array_combine
  16. java 解析uri_Uri详解之——Uri结构与代码提取
  17. Oracle 数据库表空间的管理
  18. 赵小楼《天道》《遥远的救世主》深度解析（41）芮小丹的恋爱观背后的文化属性
  19. 登录本地MySQL数据库服务器
  20. 去掉最高分最低分求平均分

热门文章

  1. win7系统网络计算机,Win7系统打开局域网没看到其他计算机的修复方法
  2. centos下java编程工具_centos下安装JAVA开发工具(4)------Redis
  3. exfat最佳单元大小_ICLR2019最佳论文！神经网络子网络压缩10倍，精确度还能保持不变...
  4. python配置文件读取环境变量_转载:Python项目读取配置的几种方式
  5. web页面渲染（二） 1
  6. Android全面屏如何做适配
  7. 指定Pycharm在py3.6环境下启动
  8. 安装appach时出现没有安装gcc的错误，用yum安装gcc时yum出现错误（修改yum配置）...
  9. CSS z-index 属性 控制div上下层次
  10. 苹果或弃用Java 称Java已经过时