Editing List of user interface markup languages

{{Short description|none}}
The following is a list of [[user interface markup language]]s.

==By vendor or platform==
===Flash===
*[[MXML]]
*[[OpenLaszlo]]

===Java===
*[[Thinlet]] [http://www.thinlet.com]
*[[ZK Framework|ZUML]] Ajax web application UI generator
*[[FXML]]/[[JavaFX]]

===Microsoft===
*[[Extensible Application Markup Language|XAML]]<ref>(See also [[HTA (programming language)|HTA]]/[[HTC]] [http://msdn.microsoft.com/workshop/author/hta/overview/htaoverview.asp] {{Webarchive|url=https://web.archive.org/web/20060720100317/http://msdn.microsoft.com/workshop/author/hta/overview/htaoverview.asp |date=2006-07-20 }} [http://msdn.microsoft.com/workshop/components/htc/reference/htcref.asp HTC Reference] {{Webarchive|url=https://web.archive.org/web/20060815152151/http://msdn.microsoft.com/workshop/components/htc/reference/htcref.asp |date=2006-08-15 }}, which are older similar technologies promoted by Microsoft for use primarily with [[Internet Explorer]].)</ref>
*[[Open XML Paper Specification|XPS]]

===Mozilla===
*[[XUL]]

===W3C===
*[[XHTML]]
*[[Extensible Forms Description Language|XFDL]] [http://www.w3.org/TR/NOTE-XFDL]
*[[XForms]]

===Others===
*[[Curl (programming language)|Curl]] - also a programming language
*[[GladeXML]]
*[[UIML]]
*[[EMML]]
*[[VTML]]
*[[XML Resource|XRC]] - XML Based Resource System is used by [[wxWidgets]]
*[[GNUstep Renaissance]]
*[[QML]]

==Descriptions==
===EMML===
[[Enterprise Mashup Markup Language|EMML]] is a declarative Mashup [[Domain-specific language|Domain Specific Language (DSL)]] aimed at creating enterprise mashups. The EMML language provides a rich set of high-level mashup-domain vocabulary to consume and mash variety of Web data-sources in interesting ways.  EMML provides a uniform syntax to invoke heterogeneous service styles: [[REST]], [[WSDL]], [[RSS]]/[[Atom (web standard)|ATOM]], [[RDBMS]], and [[POJO]]. EMML also provides ability to mix and match diverse data-formats : [[XML]], [[JSON]], [[JDBC]], JavaObjects, and primitive types.

===OpenLaszlo (LZX)===
[[OpenLaszlo]] is a runtime environment that comprises a runtime environment and an interface definition language (Laszlo XML - LZX). LZX is a declarative user interface language which defines the widgets, application layout and scripting elements (using JavaScript) to create your application. LZX is runtime agnostic with the currently supported runtime being within Macromedia/Adobe Flash. An experimental runtime called Laszlo "Legals" that will allow  OpenLaszlo (LZX) applications run in multiple runtime environments, such as DHTML/AJAX.

===SVG===
[[Scalable Vector Graphics]] is a markup language for graphics proposed by the W3C that can support rich graphics for web and mobile applications. While SVG is not a user interface language, it includes support for vector/raster graphics, animation, interaction with the [[Document Object Model|DOM]] and CSS, embedded media, events and scriptability.  When these features are used in combination, rich user interfaces are possible.

SVG can also be super-imposed upon another XML-compatible user interface markup language, such as [[XUL]] and [[XForms]], as the graphics-rich portion of a user interface.

===UIML===
[[UIML]] is the earliest pioneer in user interface markup languages. It is an [[open standard]] where implementation is not restricted to a single vendor. However, it doesn't attract much attention.

===WasabiXML===
'''[[WasabiXML]]''' is an XML markup language that is used to define the graphical interface in [[Wasabi (software)|Wasabi]] powered applications. It is most commonly used with [[Winamp]] for making Winamp [[skin (computing)|skins]]. WasabiXML had been developed by [[Nullsoft]] for Winamp, but it is also usable with other applications with the Wasabi [[Software development kit|SDK]].

The root element in WasabiXML is <code><WasabiXML></code> (for Winamp skins, it is also <code><WinampAbstractionLayer></code>). The <code><skininfo></code> element shows the information for a skin. The graphical interface is held by the <code><container></code> element and the basic viewable GUI element is <code><layout></code>. Following is an example for a simple [[GUI]] with a button element:

<syntaxhighlight lang="xml">
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<WinampAbstractionLayer version="1.2">
  <skininfo>
    <version>1</version>
    <name>mySkin</name>
    <comment>Ooo Lala</comment>
    <author>Some Person</author>
    <email>info@example.org</email>
    <homepage>http://www.example.org</homepage>
  </skininfo>
  <include file="xml/color-sys.xml"/> <!-- Include a file -->
  <container id="normal">
    <layout id="normal" desktopalpha="true">
      <button
        x="0" y="0"
        id="button.normal"
        image="mybutton.image"
        hoverimage="mybutton.himage"
        downimage="mybutton.dimage"
      />
    </layout>
  </container>
</WinampAbstractionLayer>
</syntaxhighlight>

WasabiXML supports many GUI elements including:

*<code><button></code>
*<code><text></code>
*<code><vis></code>
*<code><eqvis></code>
*<code><layer></code>
*<code><animatedlayer></code>
*<code><groupdef></code> used in conjunction with <code><group></code>

<code><groupdef></code> allows the developer to define a group of GUI objects which can be re-used anywhere in the skin. Wasabi also supports XUI's which are nothing but <code><groups></code> powered by a [[MAKI]] script allowing developers to create GUI components (widgets) of their own adding to modularity.

WasabiXML has an XML namespace 'Wasabi::' which defines common GUI's without having the need to declare their image paths.

===XAML===
[[Extensible Application Markup Language|XAML]] is a markup system that underlies user interface components of Microsoft's [[.NET Framework]] 3.0 and above. Its scope is more ambitious than that of most user interface markup languages, since program logic and styles are also embedded in the [[Extensible Application Markup Language|XAML]] document. Functionally, it can be seen as a combination of XUL, SVG, CSS, and JavaScript into a single XML schema.

Some people{{who|date=February 2019}} are critical of this design, as many standards (such as those already listed) exist for doing these things. However, it is expected to be developed with a visual tool where developers do not even need to understand the underlying markups.

===XUL===
The primary interface language of [[Mozilla Foundation]] products is [[XUL]]. XUL documents are rendered by the [[Gecko (layout engine)|Gecko]] engine, which also renders [[XHTML]] and [[Scalable Vector Graphics|SVG]] documents. It cooperates with many existing standards and technologies, including [[Cascading Style Sheets|CSS]], [[JavaScript]], [[Document Type Definition|DTD]] and [[Resource Description Framework|RDF]], which makes it relatively easy to learn for people with background of web programming and design.

===Other===
Other markup languages incorporated into existing frameworks are:
*[[MXML]] for [[Adobe Flash|Macromedia Flash]], and
*[[VTML]] for [[Macromedia HomeSite]]

Some of these are compiled into binary forms.

In [[avionics]], the [[ARINC 661]] standard prescribes a binary format to define user interfaces in [[glass cockpit]]s.

== Notes ==
{{Reflist}}

==See also==
*[[Comparison of user interface markup languages]]

[[Category:User interface markup languages|*]]
[[Category:Lists of markup languages|User interface]]