当前位置: 首页 > 教程 > GWT >

GWT 基础组件

精华
小牛编辑
188浏览
2023-03-14

GWT UI界面组成部分

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

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

  • Layout布局: 它们定义了 UI 元素应该如何在屏幕上组织,并为 GUI(图形用户界面)提供最终的外观和感觉。这部分将在布局一章中介绍。

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

GWT UI界面元素

GWT 库以明确定义的类层次结构提供类,以创建复杂的基于 Web 的用户界面。此组件层次结构中的所有类都派生自UIObject基类,如下所示

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

小组件 描述
GWT UIObject类 此小部件包含文本,不会使用 <div> 元素将其解释为 HTML,从而使其以块布局显示。
GWT Widget类 此小部件可以包含 HTML 文本并使用 <div> 元素显示 html 内容,使其以块布局显示。

GWT UI界面基础组件

以下是一些重要的基础组件

小组件 描述
Label组件 此小部件包含文本,不会使用 <div> 元素将其解释为 HTML,从而使其以块布局显示。
HTML组件 此小部件可以包含 HTML 文本并使用 <div> 元素显示 html 内容,使其以块布局显示。
Image组件 此小部件在给定 URL 处显示图像。
Anchor组件 这个小部件代表一个简单的 <a> 元素。