Войти
NeoBooker.ru
Добро пожаловать к нам в гости!
Наш сайт посвящён программе NeoBook, с помощью которой вы легко сможете создавать собственные мультимедиа-приложения без необходимости изучать сложные языки программирования! Зарегистрируйтесь, чтобы стать членом нашего сообщества.
  • Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: Peter, DEMBEL  
Форум NeoBook » Всё о программе NeoBook » Сценарии и скриптовые языки в Neobook » Внешний заменяемый дизайн для программ
Внешний заменяемый дизайн для программ
mishemДата: Ср, 26 Февраля 2014, 20:51 | Сообщение # 31
Эксперт форума
Неудобно всетаки было цвет подбирать, решил упростить для себя задачу. Ну и вам выкладываю.
Сегодня за ночь сделал, так что на ошибки особо не проверял, да и не обязательно, каждый может под себя что то добавить, исправить...

Внешний вид



Запускаем проект, и настраиваем цвета так как нужно что бы выглядели в будущем.
Жмем на кнопку "Скопировать шаблон в буфер обмена".

В буфере будут находится все нужные команды с заполненными переменными.

Возвращаемся в НБ, создаем кнопку и на левый клик вставляем все то что находится в буфере обмена.
Красим кнопку в нужный цвет, и шаблон готов.

Если нужно вставить в проект, то вставляем этот шаблон, Заменяем GoSub "Template" на Call "ImageButton" и указываем все то что нужно.

Первая строка:

Указываем имена названия объектов для которых делаются изображения.

Вторая:

Высота объектов, которая будет, не та которая есть. И если надо, расстояние от верха окна или объекта в котором будут находится эти кнопки (объекты).

Третья:

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

Четвертая:

Имена этих самых трех прямоугольников. В них будут рисоваться изображения для кнопок. Контейнер должен находится слева и выше окна публикации, иначе если большие размеры, он будет появляться в окне, так как его размеры по ходу действий меняются.

Пятая:

Цвета для кнопок через вертикальную черту. В принципе именно этот пункт и сподвиг меня сделать этот проект. Это самое сложное и запутанное во всем этом. Можно легко ошибиться. Плюс ко всему формат цвета должен быть обязательно в формате делфи.

В проекте внизу находится строка как раз со всеми этими значениями по мере добавления. Если нужен только цвет, то копируем его и вставляем куда надо.
Ну думаю по ходу разберетесь.

Остальные и так понятно, не буду описывать.

На скорую руку я сделал три шаблона, так, что бы понятно было как все это работает. В своем проекте уже обработку нажатия на кнопки нужно будет редактировать самостоятельно.

Можете копировать отсюда, не меняя переменные, и все должно работать в любом другом проекте.

Шаблоны:





Функция должна подхватится из папки с проектом, если нет, то кидайте в папку НБ Functions, или переименовывайте путь.

Также можно делать кнопки для табов, не растягивающиеся на весь экран. Нужно в функции только подправить что бы делались жесткие размеры.

Короче поле для творчества подготовлено, дерзайте. :)

Требуемые плагины:
zmFunctions
hpwUtility
ksRectGradient
ksFunctions
hpwImage

Прикрепления: 9029347.png (48.0 Kb) · 5172253.png (10.7 Kb) · 3035685.png (9.8 Kb) · SizeButton.zip (8.7 Kb)


Не хочешь читать хелп?

Если хелп и форум не помогли, тогда все ответы здесь



Если вы думаете, что сможете — вы сможете, если думаете, что нет — вы правы.


Сообщение отредактировано
mishem - Ср, 26 Февраля 2014, 21:01
 
СообщениеНеудобно всетаки было цвет подбирать, решил упростить для себя задачу. Ну и вам выкладываю.
Сегодня за ночь сделал, так что на ошибки особо не проверял, да и не обязательно, каждый может под себя что то добавить, исправить...

Внешний вид



Запускаем проект, и настраиваем цвета так как нужно что бы выглядели в будущем.
Жмем на кнопку "Скопировать шаблон в буфер обмена".

В буфере будут находится все нужные команды с заполненными переменными.

Возвращаемся в НБ, создаем кнопку и на левый клик вставляем все то что находится в буфере обмена.
Красим кнопку в нужный цвет, и шаблон готов.

Если нужно вставить в проект, то вставляем этот шаблон, Заменяем GoSub "Template" на Call "ImageButton" и указываем все то что нужно.

Первая строка:

Указываем имена названия объектов для которых делаются изображения.

Вторая:

Высота объектов, которая будет, не та которая есть. И если надо, расстояние от верха окна или объекта в котором будут находится эти кнопки (объекты).

Третья:

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

Четвертая:

Имена этих самых трех прямоугольников. В них будут рисоваться изображения для кнопок. Контейнер должен находится слева и выше окна публикации, иначе если большие размеры, он будет появляться в окне, так как его размеры по ходу действий меняются.

Пятая:

Цвета для кнопок через вертикальную черту. В принципе именно этот пункт и сподвиг меня сделать этот проект. Это самое сложное и запутанное во всем этом. Можно легко ошибиться. Плюс ко всему формат цвета должен быть обязательно в формате делфи.

В проекте внизу находится строка как раз со всеми этими значениями по мере добавления. Если нужен только цвет, то копируем его и вставляем куда надо.
Ну думаю по ходу разберетесь.

Остальные и так понятно, не буду описывать.

На скорую руку я сделал три шаблона, так, что бы понятно было как все это работает. В своем проекте уже обработку нажатия на кнопки нужно будет редактировать самостоятельно.

Можете копировать отсюда, не меняя переменные, и все должно работать в любом другом проекте.

Шаблоны:





Функция должна подхватится из папки с проектом, если нет, то кидайте в папку НБ Functions, или переименовывайте путь.

Также можно делать кнопки для табов, не растягивающиеся на весь экран. Нужно в функции только подправить что бы делались жесткие размеры.

Короче поле для творчества подготовлено, дерзайте. :)

Требуемые плагины:
zmFunctions
hpwUtility
ksRectGradient
ksFunctions
hpwImage


Автор - mishem
Дата добавления - 26 Февраля 2014 в 20:51
mishemДата: Сб, 01 Марта 2014, 22:36 | Сообщение # 32
Эксперт форума
Так, ну че, пока далеко не зашел...

Натворил тут несколько объектов с возможностью регулировки размера, изменения внешнего вида...
Не все доработано, так как в процессе, но тема есть, а примерами не пополняется.

Чем дальше будет, тем запутанней. И так уже объектов мама не горюй. :)

Значит что можно сделать, окна с тенью, только как окно его можно будет использовать на той же странице где оно находится. Если открывать в созданном окне нб, прозрачность тени не сохраняется. Не придумали наши умельцы как это сделать, вот и приходится извращаться.

Размеры окна можно изменять как при проектировании, так и при запущенном приложении.

Делалось для чего? Чтобы когда много окон, не создавать под каждое окно свой рисунок, а сделал одно, открываешь его с нужными размерами и поверх него контейнер с нужным содекржимым.

Изображения текстового поля. Здесь только изображения, текстовые поля еще не накладывал. Если надо для примера, кладете поверх тектовое поле с прозрачностью, будет полнофункциональное поле.

И пример комбобокса тоже с тенью.

Короче если интересно, по ходу разберетесь.

Есть проблема, не возможно сделать архивацию. У меня рисунки находятся в разных папках но с одинаковыми именами. Соответственно при архивации они взаимозаменяются и получается черти что.

Выход, можете попробовать восстановить все пути вот этим примером.

Удобства этого изобретения, Заменой нескольких файлов, меняется полностью дизайн программы. Не надо учитывать размеры объектов и создавать под каждый размер отдельное изображение.

Чтобы избежать большое создание объектов (для окна выходит нужно 11 по моему, для текстового поля 4 и т.д. ) если не нужно в дальнейшем изменение дизайна, то после настройки соответствующих размеров в проекте, можно делать снимок, удалять все объекты и заменять одним объектом изображения.

Короче включайте соображалку. Короче удобств много, создал нужные объекты в проекте и размещаешь их методом копирования и изменения размеров. Не понравилось как выглядет, бывает такое, сегодня нравится, через неделю нет, заменил с десяток изображений, и все выглядет по другому. :)

Плагины все те же что и выше.

Проект раскрывается во весь экран, окно за пределы окна не выносил, так как работаю еще с ним. Нажмете на Реквизиты компании, оно переместится на центр экрана.

В папке Image\Window есть файл FullScreen.png Можете использовать изображение для подложки во весь экран под окном. Будет получатся затененный экран. Пока не используется, но можете сами поэксперементировать.

Как это примерно выглядет.



Кстати Петр, вот тебе пример когда мало места. Окно должно быть за пределами рабочей части, и не одно в будущем. Перемещать для редактирования с каждым созданным будет все сложнее и сложнее из за количества объектов. По мере создания буду наверно перемещать на другие вкладки, но это создает неудобство, так как при тестировании все эти окна должны находится на той странице с которой будут запускаться.

Не запустить их через CustomWindow :(

Хотя если затенять рабочую область, то можно и без тени обойтись, но с тенью мне больше нравится. :)

Кстати с таким вариантом окна можно создавать изображения для CustomWindow с наложением маски. :)

Добавлено (01 Марта 2014, 22:36)
---------------------------------------------

Цитата mishem ()
Как это примерно выглядет.

Что то как то не все объекты сфотографировались. Ну да ладно, по месту разберетесь. :)
Прикрепления: WarehouseShop.zip (84.5 Kb) · 0024711.png (25.9 Kb)


Не хочешь читать хелп?

Если хелп и форум не помогли, тогда все ответы здесь



Если вы думаете, что сможете — вы сможете, если думаете, что нет — вы правы.
 
СообщениеТак, ну че, пока далеко не зашел...

Натворил тут несколько объектов с возможностью регулировки размера, изменения внешнего вида...
Не все доработано, так как в процессе, но тема есть, а примерами не пополняется.

Чем дальше будет, тем запутанней. И так уже объектов мама не горюй. :)

Значит что можно сделать, окна с тенью, только как окно его можно будет использовать на той же странице где оно находится. Если открывать в созданном окне нб, прозрачность тени не сохраняется. Не придумали наши умельцы как это сделать, вот и приходится извращаться.

Размеры окна можно изменять как при проектировании, так и при запущенном приложении.

Делалось для чего? Чтобы когда много окон, не создавать под каждое окно свой рисунок, а сделал одно, открываешь его с нужными размерами и поверх него контейнер с нужным содекржимым.

Изображения текстового поля. Здесь только изображения, текстовые поля еще не накладывал. Если надо для примера, кладете поверх тектовое поле с прозрачностью, будет полнофункциональное поле.

И пример комбобокса тоже с тенью.

Короче если интересно, по ходу разберетесь.

Есть проблема, не возможно сделать архивацию. У меня рисунки находятся в разных папках но с одинаковыми именами. Соответственно при архивации они взаимозаменяются и получается черти что.

Выход, можете попробовать восстановить все пути вот этим примером.

Удобства этого изобретения, Заменой нескольких файлов, меняется полностью дизайн программы. Не надо учитывать размеры объектов и создавать под каждый размер отдельное изображение.

Чтобы избежать большое создание объектов (для окна выходит нужно 11 по моему, для текстового поля 4 и т.д. ) если не нужно в дальнейшем изменение дизайна, то после настройки соответствующих размеров в проекте, можно делать снимок, удалять все объекты и заменять одним объектом изображения.

Короче включайте соображалку. Короче удобств много, создал нужные объекты в проекте и размещаешь их методом копирования и изменения размеров. Не понравилось как выглядет, бывает такое, сегодня нравится, через неделю нет, заменил с десяток изображений, и все выглядет по другому. :)

Плагины все те же что и выше.

Проект раскрывается во весь экран, окно за пределы окна не выносил, так как работаю еще с ним. Нажмете на Реквизиты компании, оно переместится на центр экрана.

В папке Image\Window есть файл FullScreen.png Можете использовать изображение для подложки во весь экран под окном. Будет получатся затененный экран. Пока не используется, но можете сами поэксперементировать.

Как это примерно выглядет.



Кстати Петр, вот тебе пример когда мало места. Окно должно быть за пределами рабочей части, и не одно в будущем. Перемещать для редактирования с каждым созданным будет все сложнее и сложнее из за количества объектов. По мере создания буду наверно перемещать на другие вкладки, но это создает неудобство, так как при тестировании все эти окна должны находится на той странице с которой будут запускаться.

Не запустить их через CustomWindow :(

Хотя если затенять рабочую область, то можно и без тени обойтись, но с тенью мне больше нравится. :)

Кстати с таким вариантом окна можно создавать изображения для CustomWindow с наложением маски. :)

Добавлено (01 Марта 2014, 22:36)
---------------------------------------------

Цитата mishem ()
Как это примерно выглядет.

Что то как то не все объекты сфотографировались. Ну да ладно, по месту разберетесь. :)

Автор - mishem
Дата добавления - 01 Марта 2014 в 22:36
Форум NeoBook » Всё о программе NeoBook » Сценарии и скриптовые языки в Neobook » Внешний заменяемый дизайн для программ
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: