Показать

Показать

1440х900

1024х768

Open

UEFILE Для создания собственного окна приветствия (оно же логон, логонскрин и логонскин) понадобится: Программа Logonstudio
http://www.stardock.com/products/logonstudio/
Графический редактор (любой от примитивного Paint до навороченного Photoshop) Редактор ресурсов (например ResEdit
http://www.tgtsoft.com/prod_rb.php ) и Файл Logonui.exe Программа Logonstudio предназначена для создания логонов. Графический редактор понадобится для создания элементов интерфейса экрана приветствия. А редактор ресурсов необходим для возможности залезть в файл Logonui.exe.
Предлагаю ознакомится с самым простым способом редактирования экрана приветствия - в утилите Logonstudio. Существует заблуждение о том, что через данную программу невозможно сделать логон в формате .exe, а также, что Logonstudio имеет собственный формат логонов, который несовместим cо стандартными логонами для Windows.
В этом мифе есть доля правды, так как все логоны для данной софтине имеют действительно собственный формат - *.logonxp и установить данное окно приветствия без Logonstudio невозможно. В файле с расширением *.logonxp содержатся картинки, настройки логона и еще файл theme.ini. Программа просто берет информацию из этого файла и патчит оригинальный logonui.exe, а если быть точнее, то файл logonuiX.exe, находящийся в папке Windows/System32. Вам никто не помешает просто его забрать и использовать без помощи всяких вспомогательных программ.
Давайте рассмотрим интерфейс программы, который достаточно прост. Разобраться в нем может любой желающий.
Самое большое место на экране занимает изображение экрана приветствия. По бокам содержаться две панели: Elements и Properties - настройки конкретного элемента. TopPanel - верхняя панель
- CentralPanel - центральная панель
-BottomPanel - нижняя панель
-Divers - центральная, нижняя и верхняя линии Welcome - Приветствие
- ShutDown - Выключить компьютер/Turn off computer
- Notice - После входа в систему можно добавлять или изменять учетные записи. Для этого в панели управления нужно выбрать "Учетные записи пользователей"./After you log on, you can add or change accounts
- Login Notice - Чтобы начать работу, щелкните имя пользователя / To begin, click your user name
- User Name - надпись с именем пользователя
- User Status - надпись "выполняется программ", "вход выполнен", "пполучено сообщение"
-----------------------------------------------------
UserAccount - положение панели пользователей
Разобравшись с навигацией можно приступать к процессу создания экрана приветствия - созданию логона:

Начнем с изменения верхней панели. В верхней панели "Elements" находим Panels -> TopPanel.
В окне свойств мы видим следующие параметры:

Picture - фон верхней панели.
Mask Color - тот цвет на картинке, который будет прозрачным

FirstColor -цвет 1
LastColor - цвет 2

Style - стиль картинки
Height - высота

Visible - видимость
Теперь давайте придадим цвет верхней панели. Для того, чтобы сменить цвет необходимо заполнить параметры FirstColor и LastColor одним и тем же цветом. Если назначить для каждого параметра индивидуальный цвет, то можно получить градиент - переливающуюся цветовую палитру переходящую из одного цвета в другой. В случае, если необходимо указать цвет, который не знаете, но он есть на картинке - воспользуйтесь инструментом пипетка (Tools -> Color Picker) Если вы хотите залить картинку фоном, то в вашем расположении вкладка "Picture". Не забудьте указать ее высоту (вкладка Height) и при необходимости стиль (Style), позволяющий либо замостить, либо растянуть картинку с фоном.

Если вам не нужна данная панель, поставьте параметр Visible - False. Такими же манипуляциями можно поменять Bottom Panel, Dividers и Center Panel. Однако, свойств в центральной панели побольше. В style к двум добавился новый - fixed size, т.е зафиксированный размер картинки фона. Кроме того появилась новая вкладка - logo picture, в которой мы указываем логотип. Его положение можно поменять через свойство "Logo/Welcome" Добавим подобный логотип. У наc он будет представлять из себя логотип нашего сайта с надписью Themez.ru Tutorial Logon
Переходим во вкладку Massagers и переводим все сообщения на русский язык, назначаем необходимые шрифты, добавляем тени к надписям (shadow).
Далее все делается по аналогии, проблем возникнуть не должно.
Если у вас уже есть материал, то на создание окна приветствия в LogonStudio вы потратите максимум 15 минут. Но для того, чтобы создать более что-то серьезное, вам придется потрудится более длительный срок. Одной LogonStudio здесь уже не обойтись. К тому же данная утилита частенько выдает всевозможные ошибки и вылетает.
----------------------------------------------------------------------------
Делаем логон в редакторе ресурсов

Существует еще один способ создания логона. Возможно он кропотливый, но эффективный, так как нам открывается огромная череда настроек, недоступная в LogonStudio. Это редактирование в редакторе ресурсов. Редактор ресурсов позволяет "вскрыть" необходимый файл и извлечь и упаковать в него файлы: картинки, иконки, текст и т.п. Таких утилит существует достаточно много. Вот основные из них: Restorator, Resource Hacker, ResEdit ( сылку давал выше) Рекомендуется пользоваться последней программой, так как она в отличие от большинства редакторов поддерживает закачку файлов формата PNG, который в свою очередь поддерживает полупрозрачность. А теперь скопируем файл logonui в какую-нибудь отдельную папку, дабы не навредить оригинальному файлу.
Проделав данную операцию, открываем файл с помощью редактора ресурсов.
Мы получаем следующую картину: в левом окне находятся 4 папки: 1) Uifile - в ней хранится конфигурация нашего логона 2) Bitmap - в данной папке хранятся графические элементы 3) String Table - языковые файлы, с содержанием типа "Введите пароль", "Пожалуйста, подождите" и т.п.Некоторые графические элементы не могут быть отображены на данной картинке, так как они появляются при определенных условиях.
Теперь необходимо сменить картинки.. Напоминаю, что вы можете закачивать не только точечные рисунки в формате .bmp, но и картинки с расширением .png. Однако, в последнем случае вам обязательно придется сменить кое-какие настройки в UIfile

В данном файле хранится код с настройками логона.
------------------
Uifile
Рразберем все по кусочкам:
Стили:

Пример:
<style resid=framess>, где
resid - ID нашего элемента
Стили отвечают за отображение элемента окна приветствия. Между тегами <style> и </style> есть определенный код, который отвечает за параметры нашего элемента. Однако, данный код никто не мешает и указать в самом элементе. Стиль сделан для удобства.
Положения:
Пример:
verticalflowlayout(0,2,2,2)
Данный параметр отвечает за положение какого-либо элемента в нашем окне
verticalflowlayout(0,3,3,3) - на всю длину и ширину
verticalflowlayout(0,1,3,3) - право
verticalflowlayout(0,2,3,3) - центр
verticalflowlayout(0,0,3,3) - лево
verticalflowlayout(0,3,3,1) - снизу
layout=verticalflowlayout(0,3,3,0) - сверху
verticalflowlayout(0,3,3,2) - горизонтально по центру
Layoutpos:

Пример:
layoutpos=client
-------
Пример:
background: argb(0,128,128,128)

background - фон . Он бывает в нескольких видах.

- rgb - это цвета в RGB палитре (красный, зеленый, синий оттенки). (Пример: background: rgb(90,126,220)
-argb - тоже цвета в RGB палитре, однако впереди добавляется прозрачность a - Alpha (Пример: background: argb(50,90,126,220)
-rcbmp - фон(картинка) - Картинка фона, тип картинки (Пример: background: rcbmp(112,6,#FF00FF,308rp,72rp,1,0); rcbmp(А,Б,В,Г,Д,Е,Ж);
где

А)112 - это картинка фона,

Б) 6- тип картинки : 0 повторяющаяся картинка- 1 -зафиксированный размер (равный длине и ширине картинки) , 3 - повторяющаяся картинка, 6 - растянутая картинка, 7 - 32 битная картинка (PNG)
В) #FF00FF - HEX код цвета, который будет прозрачным (В данном случае розовый цвет будет прозрачным). Определить HEX код цвета можно в Photoshop или любом HTML редакторе.
Г,Д) 308rp - длина изображения, 72rp - ширина) Если вы хотите сделать длину или ширину на весь экран, вместо данных значений поставьте sysmetric(0), sysmetric(0). Тут есть два параметра: 0 - растянуть по длине, 1 - высоте
Е) 1 : 1 - использовать параметры, 0 - игнорировать
Ж) 0 : 0 - нормальный вид картинки, 1 - перевернутая картинка (зеркальное отражение)
- gradient(argb(свойства), argb(свойства) - Градиент, т.е переходящий цвет одной цветовой палитры в другую. (Пример: background: gradient(argb(0,57,52,173), argb(0,0,48,156), 0);

0: 0 - градиент по вертикали, 1 - градиент по горизонтали
Анимация.

Пример:
logonaccount
{
cursor: hand;
foreground: rgb(255,255,255);
background: rgb(0,33,0);
animation: alpha | log | fast;
alpha: 96;
}
где
cursor: hand; - Вид курсора. hand - рука, arrow - стрелка, help - курсор с знаком вопроса.
foreground: rgb(255,255,255); - заливка при фокусировке на объект.

alpha: 96; - прозрачност

Границы:


Пример:
padding: rect(2rp,2rp,14rp,2rp); rect(отступ слева rp, отступ сверху rp,отступ справа rp,отступ снизу rp);
borderthickness: rect(0,0,0,0); rect(размер левой границы, размер верхней границы,размер правой границы,размер нижней границы);

где

padding: rect(2rp,2rp,14rp,2rp); rect(отступ слева rp, отступ сверху rp,отступ справа rp,отступ снизу rp);
borderthickness: rect(0,0,0,0); rect(размер левой границы, размер верхней границы,размер правой границы,размер нижней границы);


Шрифты:

Пример:
fontface: rcstr(1);
fontstyle: italic;
fontsize: 28 pt;
foreground: rgb(122,22,22);
fontweight: Bold;
где:

fontface: rcstr(1) - ID шрифта, указаный в String Table. Шрифт можно указать вот таким способом: "fontface: "Arial";"
fontsize: 8 pt; 0 разамер шрифта. Если вы видите шрифт вида fontsize: rcint(45) pt; то информацию о шрифте следует смотреть в 45 строке в String Table
fontstyle: italic; - стиль шрифта. italic - шрифт с уклоном, underline -подчеркнутый шрифт
contentalign: bottomcenter; - положение шрифта. (в данном случае - по центру внизу
fontweight: bold; - тип шрифта. Bold - жирный, medium - нормальный, Lyght - тонкий, Heavy - толстый
String Table:

В данной таблице хранятся надписи, которые можно видеть в экране приветствия, а также некоторые настройки.
Если вам непонятно, за что они отвечают, то просто найдите в Upfile выражение rcstr(X) где X - это ID строки в String Table
Специально для тех, кто делал окно приветствия на основе нестандартного логона для Windows XP имеет смысл посмотреть данный код:
<?xml version='1.0' encoding='ISO-8859-1'?>
<ROOT>
<TABLE LANG="1049">
<E ID="1" S="arial"/>
<E ID="2" S="tahoma"/>
<E ID="3" S="tahoma"/>
<E ID="6" S="Введите пароль"/>
<E ID="7" S="Приветствие"/>
<E ID="8" S="Введите пароль заново. &#x0d;&#x0a;Проверьте правильность используемого регистра и раскладки клавиатуры."/>
<E ID="9" S="Можно щелкнуть кнопку &quot;?&quot;, чтобы увидеть подсказку о пароле.&#x0d;&#x0a;&#x0d;&#x0a;Введите пароль заново. &#x0d;&#x0a;Проверьте правильность используемого регистра и раскладки клавиатуры."/>
<E ID="10" S="Забыли пароль?"/>
<E ID="11" S="Выключить компьютер"/>
<E ID="12" S="Выключить %s"/>
<E ID="13" S="Подсказка о пароле:"/>
<E ID="14" S="Извлечь компьютер из стыковочного узла"/>
<E ID="15" S="Вход выполнен"/>
<E ID="16" S="В настоящее время вход выполнен"/>
<E ID="17" S="Извлечь из стыковочного узла %s"/>
<E ID="18" S="Можно использовать &lt;A&gt;дискету сброса пароля&lt;/A&gt;.&#x0d;&#x0a;&#x0d;&#x0a;Введите пароль заново. &#x0d;&#x0a;Проверьте правильность используемого регистра и раскладки клавиатуры."/>
<E ID="19" S="Можно щелкнуть кнопку &quot;?&quot;, чтобы увидеть подсказку о пароле, &#x0d;&#x0a;или использовать &lt;A&gt;дискету сброса пароля&lt;/A&gt;.&#x0d;&#x0a;&#x0d;&#x0a;Введите пароль заново. &#x0d;&#x0a;Проверьте правильность используемого регистра и раскладки клавиатуры."/>
<E ID="22" S="Чтобы начать работу, щелкните имя пользователя"/>
<E ID="25" S="После входа в систему можно добавлять или изменять учетные записи.&#x0d;&#x0a;Для этого в панели управления нужно выбрать &quot;Учетные записи пользователей&quot;."/>
<E ID="26" S="Вход в систему..."/>
<E ID="27" S="Не прочитано %d сообщение."/>
<E ID="28" S="Не прочитано сообщений: %d."/>
<E ID="29" S="Выполняется %d программа."/>
<E ID="30" S="Выполняется программ: %d."/>
<E ID="31" S="Пожалуйста, подождите..."/>
<E ID="32" S="%s - выполняется %d программа"/>
<E ID="33" S="%s - выполняется программ: %d"/>
<E ID="34" S="Выполнение большого количества программ замедляет работу компьютера. &#x0d;&#x0a;Если он работает медленнее обычного, попробуйте закрыть некоторые программы."/>
<E ID="35" S="%s получено %d почтовое сообщение"/>
<E ID="36" S="%s получено почтовых сообщений: %d"/>
<E ID="37" S="Чтобы прочесть сообщения, выполните вход и выберите команду &quot;Почта&quot; из меню &quot;Пуск&quot;."/>
<E ID="38" S="%s выполнен вход"/>
<E ID="39" S="Выполнение большого количества программ замедляет работу компьютера. &#x0d;&#x0a;Если он работает медленнее обычного, попробуйте завершить работу некоторых пользователей."/>
<E ID="40" S="%s (%d)"/>
<E ID="42" S="14"/>
<E ID="43" S="9"/>
<E ID="44" S="28"/>
<E ID="45" S="14"/>
<E ID="46" S="8"/>
<E ID="47" S="8"/>
<E ID="48" S="Arial"/>
<E ID="100" S="Вход пользователя в систему"/>
</TABLE>
</ROOT>

http://oszone.net/7134