请问GUI-Guider上是怎样实现多国语言显示的？

[alen-liao]

我是意思是怎样用GUI-Guider设计多国语言的UI界面。

[YoungWind]

在网上下载你需要的国家的语言字库导入即可

[alen-liao]

不是很理解。我知道是要其它语言的字库，但GUI-Guider的每个控件文本显示框就只有一个啊。如果是串口屏的UI设计软件，每个控件的文本框都有多条文本输入，可以输入不同语言文字，然后通过函数切换。我就想知道在GUI-Guider上是怎样实现这个功能的？

[LiubinGong · Accepted solution]

@alen-liao 

     目前GUI GUIIDER 的project 还不能通过IDE自动化添加多语言，需要您添加cusotm code来实现。请看我下面简单的code 示例。希望对您有帮助。

void en_cn_font_change()
{
	lv_style_value_t v = {
        .ptr = &lv_font_simsun_32
    };
	lv_obj_set_local_style_prop(guider_ui.screen_label_1, LV_STYLE_TEXT_FONT, v, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_label_set_text(guider_ui.screen_label_1, "美式咖啡");
    lv_obj_set_local_style_prop(guider_ui.screen_label_3, LV_STYLE_TEXT_FONT, v, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_label_set_text(guider_ui.screen_label_3, "拿铁");
}

void cn_en_font_change()
{
	lv_style_value_t v = {
        .ptr = &lv_font_montserratMedium_32
    };

	lv_obj_set_local_style_prop(guider_ui.screen_label_1, LV_STYLE_TEXT_FONT, v, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_label_set_text(guider_ui.screen_label_1, "Americano");
    lv_obj_set_local_style_prop(guider_ui.screen_label_3, LV_STYLE_TEXT_FONT, v, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_label_set_text(guider_ui.screen_label_3, "CafeLatte");
}

然后可以通过event 来调用这些函数。

下面是simulator 的效果：点击button 切换语言。

Best Regards

Liubin

[alen-liao]

谢谢！

[xiangjun_rong]

Hi,

GUI-Guider目前只支持英文和中文，不支持其他语言

BR

XiangJun Rong