Создание красивого интерфейса в Delphi
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
Создание красивого интерфейса в Delphi - 2010-08-01 12:55:54.820000
|
|
|
element.o
Сообщений: 3
Оценки: 0
Присоединился: 2010-08-01 09:03:14.133333
|
Создание красивого интерфейса в Delphi [Delphi] + [Photoshop]
 ————————————————————————————————– Конкуренция на рынке программного обеспечения быстро растет и сейчас очень важно, что бы программа была не просто серо-бетонного цвета, а была в меру красочной с привлекательным интерфейсом и применением различных эффектов. Около 90% программистов не работают над дизайном своих программ. Но посмотрите на вашу программу не со стороны разработчика, а со стороны пользователя, что он увидит при её запуске. Серую форму, черные Лейблы, мрачный вид в стиле Windows 2000 или же красивое, хорошо оформленное окно программы, элегантные кнопочки с приятными звуковыми щелчками. Поэтому пользователь будет пользоваться вашей "серой" программой, пока не появиться достойный конкурент, и про вашу программу быстро забудут.
Многие используют в своих программах различные готовые интерфейсы, кнопки и эффекты; но не лучше ли самому нарисовать их =)). Для этого нам потребуется Delphi (Нам не потребуются дополнительные компоненты) & Photoshop (Статья рассчитана на то, что вы имеете начальные навыки в фотошопе; если нет, то придется прочитать пару уроков по web-дизайну). Сначала мы будем рисовать интерфейс нашей программы в Photoshop. 1. Сначала создадим новый документ и зальем его #7bb105 зеленым цветом 
2. Добавим текстуру "диагональная полоска" и нарисуем инструментом Rounded Rectangle Tool прямоугольник как на рисунке. Установим Режим наложения на "Soft Light", а прозрачность на 67%. Вот так получилось у меня: 
3. Отделим аголовок программы белой линией и сразу каким-нибудь красивым шрифтом напишем заголовок программы 
4. Внизу можно написать Сайт программы или ник, и отделить белой линией (1px) (Для линии я использовал маску слоя) 
5. Добавим кнопки в заголовок. Я решил добавить кнопки выключения и справки. Еще я добавил блик. (Эти кнопки еще пригодятся далее!) 
6. Нарисуем красивую кнопку. Вот такая кнопка получилась у меня =)): 
7. Заканчивая рисовать, я нарисовал еще одну кнопку, рамку (использовал режим наложения Overlay) и немного приукрасил заголовок формы =) 
Сохраняем изображение в формате .bmp ————————————————————————————————–
8. Создаем новый проект в Delphi, размеры ставим как и рисунок нарисованный в фотошопе. Меняем свойство BorderStyle (из Object Inspector) на bsNone
9. Сделаем так, что наша форма перемещалась: Добавим в var постоянные:
Hit: boolean;
_x,_y: integer; И создадим 3 процедуры для изображения (Image1): MouseDown, MouseMove, MouseUp
Shift: TShiftState; X, Y: Integer);
begin
Hit:=true;
_x:=X; _y:=Y;
end;
procedure TForm1.Image1MouseMove(Sender: TObject; Shift: TShiftState; X,
Y: Integer);
begin
if Hit then
begin
left:=left+(x-_x);
top:=top+(y-_y);
end;
end;
procedure TForm1.Image1MouseUp(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
begin
Hit:=false;
end; Наш проект можно перемещать =)
10. Настало время заняться нашими, пока неработающими кнопками. Для этого нам опять потребуется Photoshop. Выделяем нашу кнопку (в моем случае ?), и нажимаем Ctrl+C (копирование), потом Ctrl+N (новый документ), Enter и в конце нажимаем Ctrl+V (вставить) и сохраняем изображение (help_off.bmp). Потом применяем какой-нибудь эффект (меняем цвет кнопки, цвет или прозрачность ?) и опять же сохраняем (help_on.bmp).   
11. Открываем Delphi и помещаем наши кнопочки на их место. Для image_help_off создаем процедуру MouseMove, а для image_help_on - MouseDown
procedure TForm1.image_help_onMouseDown(Sender: TObject;
Button: TMouseButton; Shift: TShiftState; X, Y: Integer);
begin
image_help_off.Visible:=True;
image_help_on.Visible:=False;
end;
procedure TForm1.image_help_offMouseMove(Sender: TObject;
Shift: TShiftState; X, Y: Integer);
begin
image_help_on.Visible:=True;
image_help_off.Visible:=False;
end;
Также добавляем в процедуру для Image1 (MouseMove) код:
image_help_off.Visible:=True;
image_help_on.Visible:=False;
Теперь при наведение на кнопку она изменяется =). (Использовать процедуру OnClick надо на image_help_on, а не на image_help_off)
12. Такие же операции надо выполнить и с другими кнопками (Также можно сделать подсвечивание текста)….
13. Добавим звуковое сопровождение: Вставим MediaPlayer1 на форму, wav файлы берем из "/windows/sound/*.wav". Я добавил звук на основные кнопки и при включении программы.
14. При использовании доп. компонентов (rxlib), можно сделать кнопки анимированными. Например: 
————————————————————————————————– Используя данные методы можно создавать очень красивые программы в Delphi =) (если кому нужен исходник изображения, пишем тут, скину) Скачать Исходник Delphi + exe (~1174кб) ————————————————————————————————– by AlexandeR aka element (icq: 7933313)
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-01 21:55:29.390000
|
|
|
_SaZ_
Сообщений: 4329
Оценки: 398
Присоединился: 2008-01-30 02:18:05.553333
|
ui должен быть стандартным. Это уже дело конкретного пользователя, какие цвета выставлять на кнопочки.
З.Ы. Qt или WPF ушли далеко вперёд в плане кастомизации ui =)
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-01 22:15:14.100000
|
|
|
Selofan
Сообщений: 118
Оценки: 0
Присоединился: 2010-05-28 15:21:53.123333
|
большинство таких вот разукрашенных самоделок сразу же отправляю сначала в корзину, потом силой взгляда поджигаю и взрываю эту самую корзину.
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-02 02:00:20.790000
|
|
|
Meliborn
Сообщений: 294
Оценки: 0
Присоединился: 2009-06-17 16:06:59.840000
|
А зря.
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-02 04:57:52.413333
|
|
|
wikiman
Сообщений: 53
Оценки: 0
Присоединился: 2010-07-28 17:08:27.760000
|
quote:
ORIGINAL: Selofan
большинство таких вот разукрашенных самоделок сразу же отправляю сначала в корзину, потом силой взгляда поджигаю и взрываю эту самую корзину.
согласен, вид это не главное
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-02 06:48:58.293333
|
|
|
element.o
Сообщений: 3
Оценки: 0
Присоединился: 2010-08-01 09:03:14.133333
|
quote:
большинство таких вот разукрашенных самоделок сразу же отправляю сначала в корзину, потом силой взгляда поджигаю и взрываю эту самую корзину.
Я же не говорю, что надо во всех своих программах это делать…..если это медиаплеер или видеопроигрыватель и т.д. ;)
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-02 06:54:11.073333
|
|
|
wikiman
Сообщений: 53
Оценки: 0
Присоединился: 2010-07-28 17:08:27.760000
|
o_O подскажи как сделать чтоб при нажатии на кнопку выполнялось
[dsadasf/safsa/safa/sf/sfa] "key"="sadasfsafasfa"
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-06 13:31:15.116666
|
|
|
Davey
Сообщений: 45
Оценки: 0
Присоединился: 2010-03-24 14:51:57.760000
|
Ну вот если позарез понадобится скины сделать, то я бы использовал AlphaSkins(Его можно скачать бесплатно с сайта разработчика).
Если отрубить там лишние параметры анимации, работает более-менее шустро. Кстати, его использует скайп.
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-06 17:14:06.043333
|
|
|
Zmaster
Сообщений: 930
Оценки: 0
Присоединился: 2007-02-09 19:02:43.500000
|
Мне кажется, что используя регионы это будет выглядеть грамотнее и работать быстрее. А именно, создание окна из какой-либо картинки.
quote:
большинство таких вот разукрашенных самоделок сразу же отправляю сначала в корзину, потом силой взгляда поджигаю и взрываю эту самую корзину.
Ну иногда и вправду некоторым приложениям красивый интерфейс нафиг не нужен. Но некоторым он просто необходим. Ведь сейчас большинсво покупателей софта, например, на него обращает большое внимание. И если будут два аудио-плеера с одним ядром, но у первого интерфейс будет красивее и удобнее, то естественно большинство выберут первый плеер.
Главное уметь делать эти самые интерфейсы. Это целая наука :)
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-06 23:31:33.663333
|
|
|
ShyRka
Сообщений: 235
Оценки: 0
Присоединился: 2010-07-09 10:55:56.626666
|
++ красивая статья!!
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-07 01:31:09.686666
|
|
|
Selofan
Сообщений: 118
Оценки: 0
Присоединился: 2010-05-28 15:21:53.123333
|
да понятно что медиа-плеер со стандартными батонами и фейсом будет полным УГ, и не важно, что он жрёт минимум памяти и весит 25 кб. но когда во всякие мейл-бомберы, icq-флудеры и прочее подобное начинают впихивать какие-то мегатонные пикчеры, зелёно-красно-фиолетовые кнопки, салатовый текст на чёрной форме и ещё кучу нахрен никому не нужных свистелок и перделок - то за такое нужно бить по рукам и вставлять мышь в заднее отверстие, чтоб потом три дня запором маялся.
а то, что заказчик всегда прав - это уже его проблемы. хочет чтоб при запуске бух.программы летали ангелки и падали сердечки - да пожалуйста.
но не впихивайте всё найденное дерьмо в свои кулхерякхакерские проги. вот и всё.
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-07 21:44:53.280000
|
|
|
Ksokepovets
Сообщений: 34
Оценки: 0
Присоединился: 2010-08-07 21:40:17.876666
|
ui должен быть стандартным. Это уже дело конкретного пользователя, какие цвета выставлять на кнопочки.
З.Ы. Qt или WPF ушли далеко вперёд в плане кастомизации ui =)
|
|
|
|
|
RE: Создание красивого интерфейса в Delphi - 2010-08-08 00:05:55.493333
|
|
|
_SaZ_
Сообщений: 4329
Оценки: 398
Присоединился: 2008-01-30 02:18:05.553333
|
Это что за плагиат?
|
|
|
|
|
|
