我正在开发Tizen Native Wearable App。
我想更改进度条的颜色,所以我按照以下链接进行操作:
我知道为了改变Tizen中任何小部件的颜色,我需要使用“主题”,但我无法让它工作。 这就是我所做的:
在 app_main.c 中,我有:
static bool _on_create_cb(void *user_data)
{
uib_app_manager_get_instance()->initialize();
char resource_path[PATH_MAX];
app_get_resource("edje/progressbar_custom.edj", resource_path, (int)PATH_MAX);
elm_theme_extension_add(NULL, resource_path);
return true;
}
在 res 文件夹中,我创建了一个文件夹 edje ,然后在 res / edje 中我创建了一个文件 progressbar_custom.edc < / EM> progressbar_custom.edc 的内容是第一个链接中给出的答案。
然后在我的进度条对象中设置样式:
...
Evas_Object* pb;
pb = elm_progressbar_add(parent);
elm_object_style_set(pb, "custom_progress");
...
当我启动应用时,进度条不会显示。 我想问题是 progressbar_custom.edc 的内容,因为我认为它来自移动设备,而不是可穿戴设备。每个教程都说要复制“默认样式”的内容,但我不知道这个“默认样式”在哪里!
任何帮助都是赞成的,谢谢!
答案 0 :(得分:0)
我认为edc文件中的EDJE语法或部件名称在当前的可穿戴设备中无法使用。
data.item
表示从edje外部提供的一些数据。
而blar_vg_blar
意味着efl矢量图形API在那里画了一些东西。
但是矢量图形API不是tizen wearable的版本(2.3.1)。
基本上,小学的EDJE主题与基本小部件代码超级纠缠。基本小部件代码在EDC文件中使用硬编码信号和部件名称。
所以小学的主题并不意味着像css
这样的另一个主题。
它具有查看和事件的逻辑以及用于查看的一些控制器和数据。
如果你想创建新主题,你可以再次实现在默认主题中实现的所有内容。
最简单的方法是复制原始文件并进行编辑。因此,您必须检查目标版本以复制正确的主题。
目前,三星设备中的每个可穿戴TIZEN操作系统都在2.3.1之下。
所以你应该使用tizen 2.3.1可穿戴的个人资料进行主题匹配。
this是tizen 2.3.1可穿戴资料的基本主题。 它在真实设备中并不相同,因为真实设备可以具有与原始配置文件不同的主题。它与google的android主题和其他供应商主题是相同的关系。
无论如何,你可以在tizen 2.3.1 wearable中引用this默认进度条主题。
我在EDC的第一组中使用修改后的默认样式做了一些简单的例子。
progressbartest.cpp
#include <app.h>
#include <Elementary.h>
#include <efl_extension.h>
#include <dlog.h>
#define LOG_TAG "progressbartest"
#include <string>
#include <cstdlib>
static void layout_back_cb(void *data, Evas_Object *obj, void *event_info)
{
Evas_Object* win = static_cast<Evas_Object*>(data);
elm_win_lower(win);
}
static bool create_base_gui()
{
char *res_path_ptr = app_get_resource_path();
std::string res_path(res_path_ptr);
std::free (res_path_ptr);
std::string edje_path = res_path + "edje/progressbartest.edj";
elm_theme_extension_add(nullptr, edje_path.c_str());
Evas_Object* win = elm_win_util_standard_add("test", "test");
elm_win_conformant_set(win, EINA_TRUE);
elm_win_autodel_set(win, EINA_TRUE);
evas_object_smart_callback_add(win, "delete,request", [](void*, Evas_Object*, void*){ui_app_exit();}, NULL);
eext_object_event_callback_add(win, EEXT_CALLBACK_BACK, layout_back_cb, win);
Evas_Object* pb = elm_progressbar_add(win);
bool ret = elm_object_style_set(pb, "custom_progress");
elm_progressbar_value_set(pb, 0.5);
evas_object_move(pb, 10, 150);
evas_object_resize(pb, 340, 20);
evas_object_show(pb);
evas_object_show(win);
return true;
}
int main(int argc, char *argv[])
{
ui_app_lifecycle_callback_s event_callback = {};
event_callback.create = [](void *data)->bool { return create_base_gui(); };
return ui_app_main(argc, argv, &event_callback, nullptr) != APP_ERROR_NONE;
}
progressbartest.edc(默认情况下已修改的组)
#define PROGRESSBAR_HEIGHT 30
collections {
group { name: "elm/progressbar/horizontal/custom_progress";
parts {
part { name: "access";
type: RECT;
description { state: "default" 0.0;
fixed: 1 1;
color: 0 0 0 0;
}
}
part { name: "background";
type: RECT;
mouse_events: 0;
scale: 1;
description { state: "default" 0.0;
rel1.to: "elm.swallow.bar";
rel2.to: "elm.swallow.bar";
color: 71 200 71 255;
}
}
part { name: "elm.swallow.bar";
mouse_events: 0;
scale: 1;
type: SWALLOW;
description { state: "default" 0.0;
min: 1 PROGRESSBAR_HEIGHT;
max: -1 PROGRESSBAR_HEIGHT;
}
}
part { name: "drag.background";
mouse_events: 0;
type: RECT;
scale: 1;
description {
state: "default" 0.0;
visible: 0;
rel1.to: "elm.swallow.bar";
rel2.to: "elm.swallow.bar";
}
}
part { name: "elm.progress.progressbar";
type: RECT;
mouse_events: 0;
scale: 1;
description {
state: "default" 0.0;
min: 0 0;
fixed: 1 1;
rel1.to: "elm.swallow.bar";
rel2 {
to_x: "elm.cur.progressbar";
to_y: "elm.swallow.bar";
offset: -1 -1;
relative: 0.5 1.0;
}
color: 255 110 0 255;
}
description {
state: "invert" 0.0;
inherit: "default" 0.0;
rel1 {
to_y: "elm.swallow.bar";
to_x: "elm.cur.progressbar";
relative: 0.0 0.0;
}
rel2.to: "elm.swallow.bar";
rel2.relative: 1.0 1.0;
}
description {
state: "state_begin" 0.0;
inherit: "default" 0.0;
rel1 {
to: "elm.swallow.bar";
relative: 0.0 0.0;
}
rel2 {
to: "elm.swallow.bar";
relative: 0.1 1.0;
}
}
description {
state: "state_end" 0.0;
inherit: "default" 0.0;
rel1 {
to: "elm.swallow.bar";
relative: 0.0 0.0;
}
rel2 {
to: "elm.swallow.bar";
relative: 1.0 1.0;
}
}
description { state: "disabled" 0.0;
inherit: "default" 0.0;
color: 0 110 255 38;
}
}
part { name: "elm.cur.progressbar";
mouse_events: 0;
scale: 1;
dragable {
confine: "drag.background";
x: 1 1 1;
y: 0 0 0;
}
description { state: "default" 0.0;
min: 0 10;
fixed: 1 1;
visible: 0;
rel1.to: "drag.background";
rel2.to: "drag.background";
}
}
part { name: "progress-rect";
type: RECT;
mouse_events: 0;
scale: 1;
description {
state: "default" 0.0;
rel1.to: "elm.progress.progressbar";
rel2.to: "elm.progress.progressbar";
color: 0 0 0 0;
}
}
}
programs {
program { name: "slide_to_end";
action: STATE_SET "state_end" 0.0;
transition: LINEAR 0.5;
target: "elm.progress.progressbar";
after: "slide_to_begin";
}
program { name: "slide_to_begin";
signal: "elm,state,slide,begin";
action: STATE_SET "state_begin" 0.0;
target: "elm.progress.progressbar";
transition: LINEAR 0.5;
after: "slide_to_end";
}
program { name: "start_pulse";
signal: "elm,state,pulse,start";
source: "elm";
}
program { name: "stop_pulse";
signal: "elm,state,pulse,stop";
source: "elm";
action: ACTION_STOP;
target: "slide_to_begin";
target: "slide_to_end";
target: "start_pulse";
}
program { name: "state_pulse";
signal: "elm,state,pulse";
source: "elm";
action: STATE_SET "state_begin" 0.0;
target: "elm.progress.progressbar";
}
program { name: "state_fraction";
signal: "elm,state,fraction";
source: "elm";
action: ACTION_STOP;
target: "slide_to_begin";
target: "slide_to_end";
target: "start_pulse";
action: STATE_SET "default" 0.0;
target: "elm.progress.progressbar";
}
program { name: "set_invert_on";
signal: "elm,state,inverted,on";
source: "elm";
action: STATE_SET "invert" 0.0;
target: "elm.progress.progressbar";
}
program { name: "set_invert_off";
signal: "elm,state,inverted,off";
source: "elm";
action: STATE_SET "default" 0.0;
target: "elm.progress.progressbar";
}
program { name: "progressbar_disable";
signal: "elm,state,disabled";
source: "elm";
action: STATE_SET "disabled" 0.0;
target: "elm.progress.progressbar";
target: "background";
}
program { name: "progressbar_enable";
signal: "elm,state,enabled";
source: "elm";
action: STATE_SET "default" 0.0;
target: "elm.progress.progressbar";
target: "background";
}
}
}
}