ftk学习记（icon篇）

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

    在开始今天的文章之前，我们还是先看一下上一节的效果图。

    大家可以参照上一节的讲解，是不是存在这样的button，是不是存在这样的wait_box控件，同样是不是可以看到wait_box活动的情形。当然，有条件的朋友最好自己编译一下这个demo代码，按步骤调试每一行代码。

    今天，如标题所示，我们所学习的是icon的内容。简单一点说，此次主要的目的就是想在窗口上显示icon图像的内容。至于如何显示，大家可以跟着我一起看一下demo代码是如何编写的。

#include "ftk.h"

#define IDC_TEST_BUTTON 1000
static Ret button_quit_clicked(void* ctx, void* obj)
{
	ftk_quit();

	return RET_OK;
}

static int i = 0;
static Ret button_more_clicked(void* ctx, void* obj)
{
	int j = 0;
	FtkIconViewItem item;
	FtkWidget* icon_view = ftk_widget_lookup(ctx, 100);
	item.icon = ftk_theme_load_image(ftk_default_theme(), "flag-32.png");
	
	for(j=0; j < 4; j++)
	{
		char text[100] = {0};
		ftk_snprintf(text, sizeof(text), "%d", i);
		item.text = text;
		ftk_bitmap_ref(item.icon);
		item.user_data = (void*)i;
		ftk_icon_view_add(icon_view, &item);
		i+=1000;
	}
	ftk_bitmap_unref(item.icon);

	return RET_OK;
}

static Ret item_clicked(void* ctx, void* obj)
{
	FtkIconViewItem* item = obj;
	
	ftk_logd("%s: %s: user_data=%d\n", __func__, item->text, item->user_data);

	return RET_OK;
}

int FTK_MAIN(int argc, char* argv[])
{
	int width = 0;
	int height = 0;
	FtkWidget* win = NULL;
	FtkWidget* button = NULL;
	FtkWidget* icon_view = NULL;
	FtkIconViewItem item;
	ftk_init(argc, argv);
	
	win = ftk_app_window_create();
	width = ftk_widget_width(win);
	height = ftk_widget_height(win);

	button = ftk_button_create(win, 10, 0, width/3-10, 60);
	ftk_widget_set_text(button, "more");
	ftk_button_set_clicked_listener(button, button_more_clicked, win);
	ftk_window_set_focus(win, button);
	
	button = ftk_button_create(win, 2*width/3, 0, width/3-10, 60);
	ftk_widget_set_text(button, "quit");
	ftk_button_set_clicked_listener(button, button_quit_clicked, win);
	ftk_window_set_focus(win, button);

	item.icon = ftk_theme_load_image(ftk_default_theme(), "flag-32.png");
	icon_view = ftk_icon_view_create(win, 5, 70, width-10, height-80);
	ftk_widget_set_id(icon_view, 100);
	ftk_icon_view_set_clicked_listener(icon_view, item_clicked, win);
	for(; i < 4; i++)
	{
		char text[100] = {0};
		ftk_snprintf(text, sizeof(text), "%d", i);
		item.text = text;
		item.user_data = (void*)i;
		ftk_icon_view_add(icon_view, &item);
	}
	
	ftk_bitmap_unref(item.icon);
	ftk_widget_set_text(win, "icon view demo");
	ftk_widget_show_all(win, 1);
	ftk_widget_set_attr(win, FTK_ATTR_QUIT_WHEN_CLOSE);

	ftk_run();

	return 0;
}

 

   如代码所示，系统在进行的必要的初始化之后，就马上创建了button控件、 icon_view、item等对象。button对象，我们之前已经讨论过很多次了，这次忽略不考虑。此次主要学习的是icon_view这个对象，它的主要目的就是在window中创建一片icon_view空间，创建成功之后，我们就可以通过函数ftk_icon_view_add向里面添加item对象了。是不是很简单呢？那button这里是起什么作用呢，我们可以继续往下看。如果仔细看一下，大家可以发现button_more_clicked中的内容和main函数中的内容差不多，无非就是向icon_view对象中多添加了几个item而已。当然，每个item在被选中的时候，系统都会调用call back函数item_clicked进行必要的额外操作。

    欲看效果如何，且听下回分解。