tab_fonts.ts 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. ///if (is_paint || is_sculpt)
  2. let _tab_fonts_draw_i: i32;
  3. function tab_fonts_draw(htab: zui_handle_t) {
  4. let ui: zui_t = ui_base_ui;
  5. let statush: i32 = config_raw.layout[layout_size_t.STATUS_H];
  6. if (zui_tab(htab, tr("Fonts")) && statush > ui_status_default_status_h * zui_SCALE(ui)) {
  7. zui_begin_sticky();
  8. if (config_raw.touch_ui) {
  9. let row: f32[] = [1 / 4, 1 / 4];
  10. zui_row(row);
  11. }
  12. else {
  13. let row: f32[] = [1 / 14, 1 / 14];
  14. zui_row(row);
  15. }
  16. if (zui_button(tr("Import"))) {
  17. project_import_asset("ttf,ttc,otf");
  18. }
  19. if (ui.is_hovered) {
  20. zui_tooltip(tr("Import font file"));
  21. }
  22. if (zui_button(tr("2D View"))) {
  23. ui_base_show_2d_view(view_2d_type_t.FONT);
  24. }
  25. zui_end_sticky();
  26. zui_separator(3, false);
  27. let statusw: i32 = sys_width() - ui_toolbar_w - config_raw.layout[layout_size_t.SIDEBAR_W];
  28. let slotw: i32 = math_floor(51 * zui_SCALE(ui));
  29. let num: i32 = math_floor(statusw / slotw);
  30. for (let row: i32 = 0; row < math_floor(math_ceil(project_fonts.length / num)); ++row) {
  31. let mult: i32 = config_raw.show_asset_names ? 2 : 1;
  32. let ar: f32[] = [];
  33. for (let i: i32 = 0; i < num * mult; ++i) {
  34. array_push(ar, 1 / num);
  35. }
  36. zui_row(ar);
  37. ui._x += 2;
  38. let off: f32 = config_raw.show_asset_names ? zui_ELEMENT_OFFSET(ui) * 10.0 : 6;
  39. if (row > 0) {
  40. ui._y += off;
  41. }
  42. for (let j: i32 = 0; j < num; ++j) {
  43. let imgw: i32 = math_floor(50 * zui_SCALE(ui));
  44. let i: i32 = j + row * num;
  45. if (i >= project_fonts.length) {
  46. zui_end_element(imgw);
  47. if (config_raw.show_asset_names) {
  48. zui_end_element(0);
  49. }
  50. continue;
  51. }
  52. let img: image_t = project_fonts[i].image;
  53. if (context_raw.font == project_fonts[i]) {
  54. // Zui.fill(1, -2, img.width + 3, img.height + 3, ui.ops.theme.HIGHLIGHT_COL); // TODO
  55. let off: i32 = row % 2 == 1 ? 1 : 0;
  56. let w: i32 = 50;
  57. if (config_raw.window_scale > 1) {
  58. w += math_floor(config_raw.window_scale * 2);
  59. }
  60. zui_fill(-1, -2, w + 3, 2, ui.ops.theme.HIGHLIGHT_COL);
  61. zui_fill(-1, w - off, w + 3, 2 + off, ui.ops.theme.HIGHLIGHT_COL);
  62. zui_fill(-1, -2, 2, w + 3, ui.ops.theme.HIGHLIGHT_COL);
  63. zui_fill(w + 1, -2, 2, w + 4, ui.ops.theme.HIGHLIGHT_COL);
  64. }
  65. let uix: f32 = ui._x;
  66. let tile: i32 = zui_SCALE(ui) > 1 ? 100 : 50;
  67. let state: zui_state_t = zui_state_t.IDLE;
  68. if (project_fonts[i].preview_ready) {
  69. // g2_set_pipeline(pipe); // L8
  70. // ///if krom_opengl
  71. // g4_set_pipeline(pipe);
  72. // ///end
  73. // g4_set_int(channelLocation, 1);
  74. state = zui_image(img);
  75. // g2_set_pipeline(null);
  76. }
  77. else {
  78. state = zui_image(resource_get("icons.k"), -1, -1.0, tile * 6, tile, tile, tile);
  79. }
  80. if (state == zui_state_t.STARTED) {
  81. if (context_raw.font != project_fonts[i]) {
  82. _tab_fonts_draw_i = i;
  83. app_notify_on_init(function () {
  84. let i: i32 = _tab_fonts_draw_i;
  85. context_select_font(i);
  86. });
  87. }
  88. if (time_time() - context_raw.select_time < 0.25) {
  89. ui_base_show_2d_view(view_2d_type_t.FONT);
  90. }
  91. context_raw.select_time = time_time();
  92. }
  93. if (ui.is_hovered && ui.input_released_r) {
  94. context_select_font(i);
  95. let add: i32 = project_fonts.length > 1 ? 1 : 0;
  96. _tab_fonts_draw_i = i;
  97. ui_menu_draw(function (ui: zui_t) {
  98. let i: i32 = _tab_fonts_draw_i;
  99. if (project_fonts.length > 1 && ui_menu_button(ui, tr("Delete"), "delete") && project_fonts[i].file != "") {
  100. tab_fonts_delete_font(project_fonts[i]);
  101. }
  102. }, 0 + add);
  103. }
  104. if (ui.is_hovered) {
  105. if (img == null) {
  106. _tab_fonts_draw_i = i;
  107. app_notify_on_init(function () {
  108. let i: i32 = _tab_fonts_draw_i;
  109. let _font: slot_font_t = context_raw.font;
  110. context_raw.font = project_fonts[i];
  111. util_render_make_font_preview();
  112. context_raw.font = _font;
  113. });
  114. }
  115. else {
  116. zui_tooltip_image(img);
  117. zui_tooltip(project_fonts[i].name);
  118. }
  119. }
  120. if (config_raw.show_asset_names) {
  121. ui._x = uix;
  122. ui._y += slotw * 0.9;
  123. zui_text(project_fonts[i].name, zui_align_t.CENTER);
  124. if (ui.is_hovered) {
  125. zui_tooltip(project_fonts[i].name);
  126. }
  127. ui._y -= slotw * 0.9;
  128. if (i == project_fonts.length - 1) {
  129. ui._y += j == num - 1 ? imgw : imgw + zui_ELEMENT_H(ui) + zui_ELEMENT_OFFSET(ui);
  130. }
  131. }
  132. }
  133. ui._y += 6;
  134. }
  135. let in_focus: bool = ui.input_x > ui._window_x && ui.input_x < ui._window_x + ui._window_w &&
  136. ui.input_y > ui._window_y && ui.input_y < ui._window_y + ui._window_h;
  137. if (in_focus && ui.is_delete_down && project_fonts.length > 1 && context_raw.font.file != "") {
  138. ui.is_delete_down = false;
  139. tab_fonts_delete_font(context_raw.font);
  140. }
  141. }
  142. }
  143. function tab_fonts_delete_font(font: slot_font_t) {
  144. app_notify_on_init(function (font: slot_font_t) {
  145. let i: i32 = array_index_of(project_fonts, font);
  146. context_select_font(i == project_fonts.length - 1 ? i - 1 : i + 1);
  147. data_delete_font(project_fonts[i].file);
  148. array_splice(project_fonts, i, 1);
  149. }, font);
  150. ui_base_hwnds[2].redraws = 2;
  151. }
  152. ///end