tint2 ToolbarItem/Button size

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

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

Если вы заметили на классе панели инструментов, что есть свойство, называемое «состояние», он устанавливает, какой тип отображения панели инструментов использует. Пользователи могут устанавливать различные предпочтения относительно того, хотят ли они видеть изображения, ярлыки или изображения или метки.

Мое предположение - это «только изображение», и метка не используется.

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