tint2 ToolbarItem/ Размер кнопки

Question

Я использую Tint2 для создания настольного приложения. Я хочу использовать встроенную функцию панели инструментов, кнопка, когда я добавляю ToolbarItem ( документы) на панель инструментов, он просто не отображается:

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 ( документы) вместо ToolbarItem (последнее рекомендуется в документах). Это приводит к очень маленькой кнопке - свойство ширины игнорируется:

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);