【 声明：版权全部，欢迎转载，请勿用于商业用途。  联系信箱：feixiaoxing @163.com】

首先。在開始今天的文章之前。我们还是给朋友们展示一下前面一段代码的执行效果。效果例如以下，

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZmVpeGlhb3hpbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

有兴趣的朋友能够找到这段代码，看一下执行的效果怎样。

今天，我们能够看一下进度条的相关代码。

进度条，说简单也简单。说复杂也复杂。

我想，关于进度条大家印象最深的就是之前windows xp启动的情况，这里里边就有一个进度条。相同，我还是比較喜欢用代码来说明问题，

#include "ftk.h"

static Ret button_quit_clicked(void* ctx, void* obj)

{

	ftk_quit();

	return RET_OK;

}

static Ret update_progress(void* ctx)

{

	int percent = 0;

	FtkWidget* progress_bar = ctx;

	percent = ftk_progress_bar_get_percent(progress_bar);

	if(percent == 100)

	{

		return RET_REMOVE;

	}

	ftk_progress_bar_set_percent(progress_bar, percent + 10);

	return RET_OK;

}

int FTK_MAIN(int argc, char* argv[])

{

	int width = 0;

	int height = 0;

	FtkWidget* win = NULL;

	FtkWidget* button = NULL;

	FtkWidget* progress_bar = NULL;

	FtkSource* timer = NULL;

	ftk_init(argc, argv);

	win = ftk_app_window_create();

	width = ftk_widget_width(win);

	height = ftk_widget_height(win);

	width = width - 20;

	progress_bar = ftk_progress_bar_create(win, 10, height/6, width, 20);

	ftk_progress_bar_set_percent(progress_bar, 20);

	timer = ftk_source_timer_create(1000, update_progress, progress_bar);

	ftk_main_loop_add_source(ftk_default_main_loop(), timer);

	progress_bar = ftk_progress_bar_create(win, 10, height/3, width, 20);

	ftk_progress_bar_set_percent(progress_bar, 20);

	timer = ftk_source_timer_create(1000, update_progress, progress_bar);

	ftk_main_loop_add_source(ftk_default_main_loop(), timer);

	progress_bar = ftk_progress_bar_create(win, 10, height/2, width, 20);

	ftk_progress_bar_set_percent(progress_bar, 20);

	timer = ftk_source_timer_create(1000, update_progress, progress_bar);

	ftk_main_loop_add_source(ftk_default_main_loop(), timer);

	button = ftk_button_create(win, width/4, 3*height/4, width/2, 60);

	ftk_widget_set_text(button, "quit");

	ftk_button_set_clicked_listener(button, button_quit_clicked, win);

	ftk_window_set_focus(win, button);

	ftk_widget_set_text(win, "progress_bar demo");

	ftk_widget_show_all(win, 1);

	ftk_widget_set_attr(win, FTK_ATTR_QUIT_WHEN_CLOSE);

	ftk_run();

	return 0;

}

ftk的流程。之前的文章都已经涉及了，这里就不再赘述了。在此。我们仅仅须要关注进度条的相关代码就能够了。从代码中不难发现。这里除了创建1个button之外。还创建了3个进度条。进度条的初始数值都是20%。

那么进度条是怎么添加的呢？事实上，这里代码还创建了3个timer。

它告诉我们，每隔一段时间都会调用update_progress这个函数。此时进度条会有对应的添加。

一旦100%。就结束了。

相同，执行效果下次再现。