189 8069 5689

漫谈GUI开发—各种平台UI开发概况

前言:

目前成都创新互联已为千余家的企业提供了网站建设、域名、虚拟空间、成都网站托管、企业网站设计、枝江网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

在看这边文章前,可以建议看下:图形界面操作系统发展史——计算机界面发展历史回顾

从CS到BS,现在的前端开发,其实也是GUI开发范畴。现今

各平台的UI开发概况

HTML&CSS,Winform&WPF,Universal Windows APP,JAVA GUI, Android,iOS……

不一而足,先让我们看看

JAVA GUI

我觉得java是最好学的语言。也是像我这种非科班出生的,踏入码农行业的敲门砖(看C c++ 学了一年,也就hello word,会写几个demo界面)。

做java开发,从AWT/Swing、SWT/JFace,这个有IBM的大佬总结,传送门:https://www.ibm.com/developerworks/cn/java/j-gui/

我觉得,无论是c还是java,还是 后面的hmlt ,UI开发 总可以借鉴基本的 Swing Class 树

Object
    *Component
        Container
            *JComponent
                *AbstractButton
                    JButton
                    JMenuItem
                        JCheckBonMenuItem
                        JMenu
                        JRadioButonMenuItem
                    *JToggleButton
                        JCheckBox
                        JRadioButton
                Box 
                Filler
                JColorChooser
                JComboBox
                JDesktopIcon
                JFileChooser
                JInternalFrame
                JLabel
                JLayeredPane
                    JDesktopPane
                JList
                JMenuBar
                JOptionPane
                JPanel
                JPopupMenu
                JProgressBar
                JRootPane
                JScrollBar
                JScrollPane
                JSeparator
                JSlider
                JSplitPane
                JTabbedPane
                JTable
                JTableHeader
                *JTextComponent
                    JEditorPane
                        FrameEditorPane
                        JTextPane
                    JTextArea
                    JtextField
                        JPasswordField
                JToolBar
                JToolTip
                JTree
                JViewport
                    ScrollableTabViewport
            Panel
                Applet
                    JApplet
            Window
                Dialog
                    JDialog
                Frame
                    JFrame
                JWindow

Windows桌面应用程序开发Winform&WPF

Winform是XP时代的Windows 桌面程序开发技术。

采用C#语言开发UI和逻辑,没有使用标签语言写UI。

采用事件驱动方法。

Winform现在基本被淘汰了。

Winform是上一代的主流桌面应用程序开发开发技术,这个我从来没有用过,现在也基本不再使用了。

WPF是新一代微软图形界面开发技术。它是随着Windows Vista推出的。.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架,真正做到了分离界面设计人员与开发人员的工作;同时它提供了全新的多媒体交互用户图形界面。

采用XAML标签式语言开发UI,可以在Expression Blend可视化设计开发。美工也可以轻易上手。XAML支持DataBind, Data(Item)Template, Style, Storyboard, Rescoure,自定义控件等技术,开发速度快。

支持事件驱动(Code behind)或者数据驱动(MVVM)开发模式

使用GC回收垃圾,XMAL和C#将编译成CLR中间运行语言,效率比较低,占用内存大

WPF的技术理念非常先进,开发过程也非常友好,也可以做出极为绚丽的界面,可是开发出来的应用体积较大,运行效率比较低,占用内存大,所以没有普及开来。(大部分我们常见的桌面应用都是C&C++开发)但是因为开发效率高,所以很多企业内部经常使用该技术。

Windows 10上的通用应用Universal WIndows APP(UWP)

Universal Windows App(UWP)也就是通用Window App 是微软最新的图形应用开发技术,它是基于WPF技术演进而来的。

UWP继承了所有WPF的优点,还可以使用C++和HTML&Javascript来开发,和WPF编译成中间代码不同,UWP直接将代码编译成机器码直接运行,极大的提高了效率。一次开发编译,可以同时在Windows 10,Windows 10 Mobile, XBOX,物联网IoT设备等其他Windows平台上运行

采用和iOS APP一样的沙盒机制,一样也有电话本,传感器,地图,推送等API。

采用响应式布局,可以适配任何分辨率等。

大量使用异步API,保证界面响应为最高级别。

我开发UWP并不多,但是我接触WPF的时间够长,所以UWP上手毫无压力。相比WPF运行在.NET运行时里,UWP是可以编译成Native Code运行,所以UWP运行效率更高,UI更为流畅。它是目前微软最为主推的开以技术。

Android

android开发,主要一xml来做界面(当然蛋疼手工写也可以。

一个界面xml对于一个active,active与active 桥接intent ,

但是,我更加喜欢iOS的界面开发模式(storybord,所以这里略过。

不过我觉得会ios开发的,上手android开发业不难

iOS

iOS应用是基于Cocoa框架上的,早期的Cocoa是用来开发Mac 应用的,后来加入了Cocoa touch层API用于iOS。

采用XIB或者Storyboard可视化搭建UI,也可以使用手写纯代码来开发UI。

采用Objective C 或者 Swift语言开发逻辑。

在Iphone5 加入多种分辨率后,苹果引入了Autolayout自动布局,它是一种基于约束的,描述性的布局系统。

默认严格遵守MVC设计模式,现以也可以使用MVVM开发框架。

采用ARC实现了自动内存管理。

iOS开发技术还有许多要点,这里就省略了,相信看到这篇文章的人都比较熟悉。

各平台UI开发小结

从上面可以看出,对于UI构建,都是采用类HTML语言。一个HTML标签表示一个View元素。它即可以当其他View的容器,也可以当内容或者数据的容器。可以用独立的Style文件来表示样式,也可以直接放在标签的属性里面。每个标签都可以有Name或者id属性来让js或者其他语言直接操作。

iOS其实也和上面的UI开发范式差不多,Storyboard内部其实也是一个XML文件,只不过我们不能直接编辑,只能可视化设计和通过代码操作。

Web界面的开发HTML&CSS

Web界面是以HTML标签的形式构建UI,它是HTML语言的最基本的单位。

用尖括号包围的关键词如

来表示UI元素,通常是成对出现。

如果需要在容器标签里放其他HTML单位,需要放在标签对里面。

一些HTML元素属性,放在第一个HTML标签里。以键值对的形式存在,比如type = 'text'。

使用Form来提交表单,Http(HTTPS)协议和服务器通讯。

通常通过CSS来控制HTML元素的外观。

通常通过Javescript来控制HTML元素。采用Ajax技术异步通信,实现局部刷新等。

这里就不给示例了,总是来说前端Web开发博大精深,新的技术框架层出不穷,当一个前端工程师也不容易。

从backbone,angular,到现在react+redux ,层出不穷,疲于奔命。你学了ie,还有firefox,还有chrome,……

一如前端深似海。

但是,前端的好处就是,统一GUI开发。我并不喜欢RN的开发模式,觉得还是

html+css+js 自己定制webkit壳,然后,你想怎么玩就怎么玩。(俗话中webapp……

吃饭去了,不扯了……

闲暇之余再来侃大山!

参考文章:http://www.open-open.com/lib/view/open1463552171634.html

文有不妥请告知,转载请注明来源:漫谈GUI开发-各种平台UI开发概况 - xml - 周陆军的个人网站


分享名称:漫谈GUI开发—各种平台UI开发概况
文章位置:http://cdxtjz.cn/article/pchhei.html

其他资讯