Редактирование:Стандартный интерфейс

<div class="mw-parser-output"><h3> Стандартный интерфейс </h3><p>Самый простой в использовании и при этом эффективный и применимый в большинстве случаев.
</p><p>Создается как объект класса UI.StandartWindow, которому может быть передан объект описания.
Пример использования:
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">var testUiScreen = UI.StandartWindow({/* ... пустой объект описания ... */});
UI.testUI(testUiScreen); // откроет полностью пустой интерфейс</syntaxhighlight></pre>
</p><p>
Формат объекта описания стандартного типа интерфейса:
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">{
     standart: { // стандартные параметы, поддерживаемые данным типом интерфейса, позволяют быстро задавать базовые элементы, такие как заголовок, фон и инвентарь
          // если хотите определить какой то стандартный элемент, но оставить его без изменений, то пропишите там единственное значение - standart: true, например inventory: {standart: true} 
          header: { // задайте, если вам нужен заголовок, заголовок содержит кнопку закрытия
               text: { // обязательный параметр, если заголовок задан
                    text: &quot;текст заголовка&quot;, // содержание текста, обязательный параметр
               },
               font: {...}, // фонт текста, задайте, если хотите изменить стандартный
               color: цвет, // нужен только, если вы хотите изменить цвет заголовка
               frame: &quot;текстура рамки&quot;, // нужно только, если вы хотите изменить текстуру рамки заголовка
               width: 80, // ширина заголовка в юнитах,
               height: 80, // высота заголовка в юнитах,
               hideButton: true, // задайте и установите значение на true, чтобы убрать кнопку закрытия окна интерфейса
          },
          inventory: { // для задания стандартного инвентаря используйте inventory: {standart: true} 
               width: 300, // ширина окна инвентаря 
               padding: 20, // паддинг окна инвентаря
          },
          background: { // для определения стандартного фона используйте background: {standart: true} 
               color: цвет, // задайте, если хотите изменить цвет фона
               bitmap: &quot;текстура фона&quot;, // определите, если хотите добавить текстуру фона
               frame: &quot;текстура рамки&quot; // определите, если хотите добавить рамку
          },
          minHeight: 650, // если высота окна в юнитах меньше этого параметра, окно будет прокручиваться так, чтобы его внутренний размер составлял по высоте minHeight юнитов
     },
     params: {
          // стилизация (изменение стандартных текстур)
     },
     drawing: [/* элементы отрисовки фона */],
     elements: {/* описание элементов */}
}</syntaxhighlight></pre>
</p>
<ul><li>Динамическое изменение шапки Gui при входе в мир. Например можно перевести название Gui.</li></ul>
<p><pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">
var guiTest = new UI.StandartWindow({
//...
})
Callback.addCallback(&quot;LevelLoaded&quot;, function(){
    var header = guiTest.getWindow(&quot;header&quot;);
    header.contentProvider.drawing[1].text = Translation.translate(&quot;Test Gui&quot;);
});
</syntaxhighlight></pre>
</p>
<h3> Пример </h3>
<p>Как пример использован реальный интерфейс из таумкрафта (реактор аспектов).
</p><p><b>Для того, чтобы пример работал, установите таумкрафт или скопируйте оттуда нужные текстуры интерфейса</b> (которые используются в объекте описания интерфейса).
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">var aspectReactorGui = new UI.StandartWindow({
     standart: {
          header: {
               text: {
                    text: &quot;Aspect reactor&quot;
               },
               color: android.graphics.Color.rgb(0x47, 0x26, 0x0c),
               frame: &quot;thaum_frame_header&quot;
          },
          inventory: {
               standart: true
          },
          background: {
               bitmap: &quot;thaum_background&quot;
          },
          minHeight: 600
     },
     params: {
          textures: {
               slot: &quot;thaum_slot&quot;,
               invSlot: &quot;thaum_inv_slot&quot;,
               selection: &quot;thaum_selection&quot;,
               closeButton: &quot;thaum_close_button_up&quot;,
               closeButton2: &quot;thaum_close_button_down&quot;,
               frame: &quot;thaum_frame_default&quot;
          }
     },
     drawing: [
          {type: &quot;bitmap&quot;, x: 842, y: 104, bitmap: &quot;aspect_scale_background&quot;, scale: 4},
          {type: &quot;bitmap&quot;, x: 560, y: 100, bitmap: &quot;aspect_reactor_background&quot;, scale: 360 / 128},
     ],
     elements: {
          &quot;slot1&quot;: {type: &quot;slot&quot;, x: 400, y: 100, size: 160},
          &quot;slot2&quot;: {type: &quot;slot&quot;, x: 400, y: 300, size: 160},
          &quot;aspectScale&quot;: {type: &quot;scale&quot;, x: 850, y: 120, direction: 1, scale: 8, value: 1, bitmap: &quot;aspectScale_nitor&quot;, overlay: &quot;aspect_scale_overlay_1&quot;, overlayScale: 4},
          &quot;stateText&quot;: {type: &quot;text&quot;, x: 625, y: 227, width: 90, height: 100, text: &quot;&quot;, font: {color: android.graphics.Color.WHITE, shadow: .6, size: 25}}
     }
});
UI.testUI(aspectReactorGui); // тестовое открытие после создания
// добавляем созданный интерфейс нашему tile entity из прошлых глав
IDRegistry.genBlockID(&quot;testBlock&quot;);

// ...
// создаем блок
TileEntity.registerPrototype(BlockID.testBlock, {
     defaultValues: {
          someValue: 0 // сохраняемое значение someValue, по умолчанию 0
     },
     tick: function(){
          // что то сделать каждый тик, к примеру выводим someValue
          Debug.message(this.data.someValue);
     },
     click: function(id, count, data, coords){
          this.data.someValue = 1; // установить значение someValue на 1
     },
     getGuiScreen: function(){
          return aspectReactorGui; // при попытке открыть интерфейс, возвращаем наш объект интерфейса
     }
     // остальные события не трогаем
});</syntaxhighlight></pre>
</p></div>