ftk学习记（icon篇）

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

    大家可以参照上一节的讲解，是不是存在这样的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;
}

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进行必要的额外操作。

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