Вы пытаетесь создать приложение с вкладками, поэтому я бы предложил использовать какой-либо элемент управления вкладками.
Даже тот, который по умолчанию в Delphi позволяет добавлять изображения на вкладки.
Что-то вродеэто:
![enter image description here](https://i.stack.imgur.com/Jqa5x.png)
Несколько соображений:
Как часто используется приложение?
Если ваши пользователи будут использовать приложение ежедневно, постарайтесь максимально использовать полезное пространство, т.е. сделать элементы управления настолько маленькими, насколько это необходимо.
Если приложение редко используется вашими пользователями, сделайте элементы управления большими и яркими,пометьте каждую кнопку, чтобы все было понятно, и время, чтобы выяснить, где находится то, что минимизировано, это также означает использование знакомых элементов пользовательского интерфейса.
Вы нацеливаетесь на слонов или мышей?
Если ваша аудитория подкована в компьютерах (мыши), вы можете сойти с рук больше экспериментов и побрякушек;если вы имеете дело с вечными новичками, вам нужно придерживаться основных вещей.
Помните, пользовательский интерфейс является контрактом
Убедитесь, что элементы управления работают так, как объявлено.Если что-то похоже на кнопку, сделайте это как кнопку.Не маскируйте меню, чтобы оно выглядело как список / древовидное представление.
Меню выполняет действие (это скрытая кнопка), список выбирает один элемент, с которым можно работать.
Мое мнение
Мне не нравится ваш начальный скриншот, потому что он пытается принудительно настроить tabsheet / pagecontrol в формате древовидного представления, при этом называя меню элементов.Это создает неуклюжий интерфейс.
Я никогда не видел, чтобы меню использовалось для переключения между представлениями, а древовидная структура создает очень маленькую цель для сокрытия.Вдобавок к этому он допускает многократное вложение.
Дерево - это концепция, которую понимает каждый программист, но очень немногие за пределами этой группы работают, ИМХО, не используют дерево в вашем приложении! и избегайте просмотра дерева.
Это плохой элемент управления для работы, потому что:
- Это позволяет вложить> 2 NONO в мою книгу ;
- Слишком маленький, чтобы ударить мышью, еще хуже тачпад;
- Что случилось со знаком [>] впереди, почему я хочу свернуть дерево только с одним уровнем вложенности, и когда я это делаю, и [+] отображается перед «главным меню», гдена земле исчезли пункты моего подменю?
Мне нравится ваша последняя версия, но
- Для каждой кнопки нужны текстовые метки;
- Сделайте вертикальный контроль страниц, похожий на лист с вкладками, это сразу же прояснит ваши намерения;
- Я бы хотел увидеть строку состояния;
- Стекло может выглядеть круто, но наличие мусора с экранов ниже просвечивает ваше приложение, и все выглядит очень занятым, что не очень хорошо, если вы пытаетесь сосредоточиться на этом конкретном приложении;
- Убедитесь, что разделители установлены между всеми панелями, и визуально выделите разделитель, установив
beveled:= true
и width/height:= 5
, чтобы вы могли поразить этот разделитель - Панель
info
имеет собственную подпись, огромная трата пространства.Достаточно того, что в каждом окне есть строка заголовка, которая почти ничего не делает, не умножает неинтерактивное пространство.
Наконец
Сделайте, как говорит Дэвид, и купитекопия about face
, это лучшая книга по дизайну пользовательского интерфейса, которую я когда-либо видел.http://www.cooper.com/#about:books