Tizen应用程序中创建窗格
这篇教程解释了怎样使用应用程序中的窗格。此功能只支持移动应用程序。
初始化面板应用程序
创建一个窗口标题 表格教程 ,由一个符合性组件包含naviframe组件。
#include <Elementary.h>
#include <app.h>
struct _appdata
{
const char *name;
Evas_Object *win;
};
static void app_terminate(void *user_data)
{
struct _appdata *ad;
if (!user_data)
return;
ad = user_data;
if (ad->win)
evas_object_del(ad->win);
}
static bool app_create(void *user_data)
{
struct _appdata *ad;
Evas_Object *win, *conformant, *naviframe, *panes, *panes_h, *nav_it, *bt;
if (!user_data)
return false;
ad = user_data;
// Create window
elm_policy_set(ELM_POLICY_QUIT, ELM_POLICY_QUIT_LAST_WINDOW_CLOSED);
win = elm_win_util_standard_add("panes", "Panes tutorial");
elm_win_autodel_set(win, EINA_TRUE);
if (!win)
return false;
ad->win = win;
// Add elm_conformant
conformant = elm_conformant_add(win);
elm_win_resize_object_add(win, conformant);
evas_object_size_hint_weight_set(conformant, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_show(conformant);
// Add naviframe to conformant
naviframe = elm_naviframe_add(conformant);
elm_object_content_set(conformant, naviframe);
evas_object_show(naviframe);
evas_object_resize(win, 320, 400);
evas_object_show(win);
return true;
}
int main(int argc, char **argv)
{
appdata_s *ad = {0,};
int ret = 0;
ui_app_lifecycle_callback_s event_callback = {0,};
app_event_handler_h handlers = {NULL,};
event_callback.create = app_create;
event_callback.terminate = app_terminate;
event_callback.pause = app_pause;
event_callback.resume = app_resume;
event_callback.app_control = app_control;
ui_app_add_event_handler(&handlers, APP_EVENT_LOW_BATTERY, ui_app_low_battery, &ad);
ui_app_add_event_handler(&handlers, APP_EVENT_LOW_MEMORY, ui_app_low_memory, &ad);
ui_app_add_event_handler(&handlers, APP_EVENT_DEVICE_ORIENTATION_CHANGED, ui_app_orient_changed, &ad);
ui_app_add_event_handler(&handlers, APP_EVENT_LANGUAGE_CHANGED, ui_app_lang_changed, &ad);
ui_app_add_event_handler(&handlers, APP_EVENT_REGION_FORMAT_CHANGED, ui_app_region_changed, &ad);
ui_app_remove_event_handler(handlers);
ret = ui_app_main(argc, argv, &event_callback, &ad);
return ret;
}
创建面板组件
一个新的窗格对象添加到应用程序中,在做这件事 _create () 函数。
当你创建一个窗格组件, elm_panes 2内容组件添加一个可拖动的目的。 拖时,这条尺寸内容的大小。 创建一个新的面板组件到一个基本对象,使用 elm_panes_add () 函数。
在以下示例中,窗格naviframe组件创建并添加:
// Add an elm_panes
panes = elm_panes_add(naviframe);
evas_object_size_hint_weight_set(panes, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
elm_win_resize_object_add(win, panes);
evas_object_show(panes);
nav_it = elm_naviframe_item_push(naviframe, "Panes view", NULL, NULL, panes, NULL);
配置窗格配置面板组件:
修改定位与玻璃组件 elm_panes_horizontal_set () 函数。
默认情况下,面板组件的方向是垂直的。
// Add a horizontal elm_panes
panes_h = elm_panes_add(naviframe);
elm_panes_horizontal_set(panes_h, EINA_TRUE);
上面的代码创建一个窗格对象并设置水平方向。 在窗格添加内容,使用 elm_object_part_content_set () 函数。 在下面的例子中,水平面板组件( panes_h )添加到 “左” 窗格的一部分组件( 窗格 在上一步中创建用例。
elm_object_part_content_set(panes, "left", panes_h);
设置对象的一个按钮 “正确” 一边的垂直透明组件:
// Create a button object
bt = elm_button_add(naviframe);
elm_object_text_set(bt, "Right");
evas_object_size_hint_weight_set(bt, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_size_hint_align_set(bt, EVAS_HINT_FILL, EVAS_HINT_FILL);
evas_object_show(bt);
// Set the button object to the "right" part of the vertical panes
elm_object_part_content_set(panes, "right", bt);
水平的内容窗格设置组件2按钮对象(向上和向下)。
当填充一个垂直窗格显示组件,左边内容放置在顶部和底部放置正确的内容。
// Create an "Up" button
bt = elm_button_add(naviframe);
elm_object_text_set(bt, "Up");
evas_object_size_hint_weight_set(bt, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_size_hint_align_set(bt, EVAS_HINT_FILL, EVAS_HINT_FILL);
evas_object_show(bt);
elm_object_part_content_set(panes_h, "left", bt);
// Create a "Down" button
bt = elm_button_add(naviframe);
elm_object_text_set(bt, "Down");
evas_object_size_hint_weight_set(bt, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_size_hint_align_set(bt, EVAS_HINT_FILL, EVAS_HINT_FILL);
evas_object_show(bt);
elm_object_part_content_set(panes_h, "right", bt);
调整透明组件。
改变玻璃组件的大小,拖动 elm_panes 用鼠标。 比例还可以设置的 elm_panes_content_left_size_set () 和 elm_panes_content_right_size_set () 功能。 下面的例子显示了如何设置了大小两个窗格的80%。
// Set the proportion of the panes to 80%
elm_panes_content_left_size_set(panes, 0.8);
elm_panes_content_left_size_set(panes_h, 0.8);
设置一个固定大小的玻璃组件的大小和比例 elm_panes_fixed_set () 函数。
// Fix the panes proportion
elm_panes_fixed_set(panes_h, EINA_TRUE);
图:窗格教程
处理信号
面板组件发出4种不同的信号,根据用户交互可拖动的酒吧:
点击 ——点击面板。
下面的例子,一个回调函数注册到垂直面板组件,并打印 点击 到标准输出:
// clicked callback
static void
_clicked_cb(void *data, Evas_Object *obj, void *event_info)
{
dlog_print(DLOG_INFO, PANES_TAG, "Clicked\n");
}
evas_object_smart_callback_add(panes, "clicked", _clicked_cb, panes);
新窗格。
下面的例子,一个回调函数注册到垂直面板组件,并打印 按下 到标准输出:
// press callback
static void
_press_cb(void *data, Evas_Object *obj, void *event_info)
{
dlog_print(DLOG_INFO, PANES_TAG, "Pressed\n");
}
evas_object_smart_callback_add(panes, "press", _press_cb, panes);
unpressed ——窗格被按下后被发布。
下面的例子,一个回调函数注册到垂直面板组件,它输出的比例大小左窗格的内容组件使用的标准输出 elm_panes_content_left_size_get () 功能:
// unpress callback
static void
_unpress_cb(void *data, Evas_Object *obj, void *event_info)
{
dlog_print(DLOG_INFO, PANES_TAG, "Unpressed, size : %f\n",
elm_panes_content_left_size_get(obj));
}
evas_object_smart_callback_add(panes, "unpress", _unpress_cb, panes);
点击 , 窗格中双击运行。
下面的例子,一个回调函数注册到垂直面板组件。 它藏起了太阳,而左窗格组件的一部分并设置左比例为0.0。 恢复了一部分比例,双击隐藏面板组件的一部分,使用 elm_panes_content_left_size_get () 和 elm_panes_content_left_size_set () 函数和一个变量来存储当前的价值比例。
// clicked,double callback
static void
_clicked_double_cb(void *data, Evas_Object *obj, void *event_info)
{
static double size = 0.0;
double tmp_size = 0.0;
tmp_size = elm_panes_content_left_size_get(obj);
if (tmp_size > 0)
{
elm_panes_content_left_size_set(obj, 0.0);
dlog_print(DLOG_INFO, PANES_TAG, "Double clicked, hidden.\n");
}
else
{
elm_panes_content_left_size_set(obj, size);
dlog_print(DLOG_INFO, PANES_TAG,
"Double clicked, restoring size.\n");
}
size = tmp_size;
}
evas_object_smart_callback_add(panes, "clicked,double", _clicked_double_cb, panes);
页:
[1]