GWT - 基本小部件


每个用户界面都考虑以下三个主要方面 -

  • UI 元素- 这是用户最终看到并与之交互的核心视觉元素。GWT 提供了大量广泛使用的常见元素列表,从基本到复杂,我们将在本教程中介绍这些元素。

  • 布局- 它们定义 UI 元素在屏幕上的组织方式,并为 GUI(图形用户界面)提供最终的外观和感觉。这部分将在布局章节中介绍。

  • Behave- 这些是用户与 UI 元素交互时发生的事件。这部分将在事件处理章节中介绍。

GWT UI 元素

GWT 库提供了定义良好的类层次结构中的类,以创建复杂的基于 Web 的用户界面。该组件层次结构中的所有类均派生自UIObject基类,如下所示 -

GWT 组件

每个基本 UI 小部件都从 Widget 类继承属性,而 Widget 类又从 UIObject 继承属性。树和菜单将在复杂的小部件教程中介绍。

先生。 小部件和描述
1 GWT UIObject 类

该小部件包含文本,未使用 <div> 元素将其解释为 HTML,从而使其以块布局显示。

2 GWT 小部件类

该小部件可以包含 HTML 文本并使用 <div> 元素显示 html 内容,从而使其以块布局显示。

基本小工具

以下是一些重要的基本小部件-

先生。 小部件和描述
1 标签

该小部件包含文本,未使用 <div> 元素将其解释为 HTML,从而使其以块布局显示。

2 超文本标记语言

该小部件可以包含 HTML 文本并使用 <div> 元素显示 html 内容,从而使其以块布局显示。

3 图像

该小部件在给定 URL 处显示图像。

4

该小部件代表一个简单的 <a> 元素。