bada2.0培训UI设计理念详解

bada2.0培训：UI设计理念

UI理念基本组成

在bada2.0系统中，用户界面（UI）设计理念基于核心概念，如Frame & Form、控件 & 容器等。这些概念构成了创建任何UI应用程序的基础。

Frame & Form

• Frame：作为Form的容器类，在应用程序中扮演核心角色。bada应用只能有一个Frame对象，所有交互和视觉元素均通过此Frame呈现。
• API获取Frame：可调用GetAppFrame()->GetFrame();来获取当前应用的Frame。
• 添加Form：通过AddControl(aForm);将Form加入Frame中。
• 设置当前Form：使用SetCurrentForm(aForm);指定当前显示的Form。
• Form：作为控件的容器，负责管理与展示一系列控件。每个Form包含Indicator、Header、Footer等。
• 子类化Form：开发者可以子类化Form并实现其生命周期方法如OnInitializing()和OnTerminating()。
• 初始化Form：在OnInitializing()方法中，添加控件、注册事件监听器，并初始化Form数据。
• 终止Form：在OnTerminating()方法中，释放在初始化过程中分配的资源。

控件 & 容器

• 控件(Control)：UI组件，负责用户交互，具备通用属性如位置、尺寸、绘图逻辑和事件处理。
• 常见控件：包括Header、Footer、EditField、EditArea、Button、Clipboard等。
• 容器(Container)：特殊控件，可容纳其他控件，支持父子关系。
• ListView：列表视图，用于展示条目列表。
• Popup：弹出窗体，提供临时提示或收集输入。

创建UI应用的基本元素

• Form实例创建：

//在Form的OnInitializing()方法中创建控件
result FormExample::OnInitializing(){
 //设置Header文本
 Header* pHeader = GetHeader();
 pHeader->SetTitleText("Header");
 //设置Footer返回按钮
 Footer* pFooter = GetFooter();
 pFooter->SetStyle(FOOTER_STYLE_SEGMENTED_TEXT);
 pFooter->SetBackButton();
 return E_SUCCESS;
}

• 将Form添加到Frame：

FormExample* pForm = new FormExample();
pForm->Construct(FORM_STYLE_INDICATOR | FORM_STYLE_HEADER | FORM_STYLE_FOOTER);
Frame* pFrame = GetAppFrame()->GetFrame();
pFrame->AddControl(*pForm);
pFrame->SetCurrentForm(*pForm);
pFrame->Draw();
pFrame->Show();

监听器(Listener)

• 注册与处理监听器：在Form的OnInitializing()中注册事件监听器并在事件处理函数中实现逻辑。

bada2.0系统的UI设计基于Frame & Form，控件和容器的结合运用，开发者需掌握并灵活应用这些概念，以构建美观、功能强大的UI界面。