tint2 ToolbarItem /按钮大小

Question

我使用 Tint2 创建桌面应用程序。我想在工具栏中添加ToolbarItem（docs）时使用本机工具栏功能按钮，它根本无法显示：

var toolbar = new Toolbar();

var new_button = new ToolbarItem();
    new_button.title = 'Hello';
    new_button.enabled = true;

toolbar.appendChild(new_button);

win.toolbar = toolbar;

同样，我尝试使用Button（docs）代替ToolbarItem（后者在文档中推荐）。这会产生一个非常小的按钮 - 忽略width属性：

var toolbar = new Toolbar();

var new_button = new Button();
    new_button.title = 'Hello';
    new_button.width = '150px';

toolbar.appendChild(new_button);

win.toolbar = toolbar;

Answer 1

如果您在工具栏类上注意到有一个名为“state”的属性，它会设置工具栏使用的显示类型。用户可以设置各种偏好，以确定他们是否想要查看图像，标签或图像或标签。

我的猜测是它的默认值是“仅图像”并且不使用标签。

var toolbar = new Toolbar();

var new_button = new ToolbarItem();
    new_button.title = 'Hello';
    new_button.width = '150px';

toolbar.state = 'label'; // THIS LINE IS IMPORTANT FOR NO IMAGE TOOLBARS.
toolbar.appendChild(new_button);

win.toolbar = toolbar;

你看到的第二个问题是工具栏决定了某些东西的宽度。在工具栏上可能会或可能不会使用您自己的宽度。您可以随时将按钮直接放在窗口中，并完全跳过工具栏。

var new_button = new Button();
    new_button.title = 'Hello';
    new_button.width = '150px';
    new_button.left = '20px';
    new_button.top = '20px';

win.appendChild(new_button);