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

<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><p>Как упоминалось в уроках ранее, объект описания интерфейса можно изменять, пока интерфейс открыт и изменения тут же будут отображаться в интерфейсе. Больше всего это подходит для элементов, которые должны появляться/изменяться/исчезать только в каких-то определенных условиях (например кнопка, которая появляется, только если в слоте есть предмет)
</p>
<h3> &#160; </h3>
<h3> Получение объекта описания </h3>
<p>По скольку интерфейс всегда открывается для контейнера, то контейнер имеет метод получения объекта описания интерфейса для динамичного изменения. Этот метод - getGuiContent() - упоминался в прошлой главе и теперь будет разобран подробнее.
</p><p>Формат объекта описания можно посмотреть в предыущих главах, там же говорится, что динамичными (т.е. изменения которых тут же отобразятся в интерфейсе), являются только части, отвечающие за фон и за элементы - drawing и elements, но не параметры самого интерфейса (заголовок, размер и т.п)
</p><p>И так, предположим мы получили объект описания:
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">var content = container.getGuiContent();</syntaxhighlight></pre>
</p><p>Теперь, чтобы изменить в нем фон, мы можем просто присвоить drawing новое значение:
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">content.drawing = [
     {type: &quot;background&quot;, color: android.graphics.Color.RED}
] // мы удалили все прошлые команды и теперь рисуем просто красный фон</syntaxhighlight></pre>
</p><p>С элементами все несколько иначе, чтобы что-то сделать с элементом, нужно обратиться к нему по его имени: content.elements["имя элемента"], после чего с ним можно сделать 3 разных действия:
</p><p>1. Приравнять новому элементу - если элемент с данным именем уже существовал, то старый будет полностью заменен на новый, если элемента не было, то будет просто создан новый элемент
</p><p>2. Изменить какое-то значение - элемент&#160; с данным именем будет изменен потому что какой то его параметр был изменен.
</p><p>3. Приравнять null - элемент с данным именем будет удален
</p><p>ПРИМЕР #1: (изменение параметров)
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">// код ниже при старте откроет интерфейс с 1 кнопкой, при нажатии на которую она будет перемещаться вниз
var testUIScreen = new UI.StandartWindow({
     standart: {
          header: {
               text: {
                    text: &quot;TEST UI&quot;
               }
          },

          inventory: {
               standart: true
          },

          background: {
               standart: true
          }
     },

     drawing: [],

     elements: {
          &quot;test_button&quot;: {type: &quot;button&quot;, bitmap: &quot;close_button_up&quot;, x: 400, y: 100, scale: 8, clicker: { // самая обычная кнопка с именем test_button
                    onClick: function(container){ // функция короткого нажатия, все параметры кроме первого опущены за ненадобностью
                         var content = container.getGuiContent(); // получаем объект описания, по скольку кнопку можно нажать только с открытым интерфейсом, то он точно определен
                         content.elements[&quot;test_button&quot;].y += 10; // немного сдвигаем кнопку вниз, добавляя 10 к координате y
                    }
               }
          }
     }
});

// открыть интерфейс
UI.testUI(testUIScreen);</syntaxhighlight></pre>
</p><p>ПРИМЕР #2: (удаление и создание)
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">// после нажатия на кнопку, удаляет ее и создает текст о том, что она удалена
var testUIScreen = new UI.StandartWindow({
     standart: {
          header: {
               text: {
                    text: &quot;TEST UI&quot;
               }
          },

          inventory: {
               standart: true
          },

          background: {
               standart: true
          }
     },

     drawing: [],

     elements: {
          &quot;test_button&quot;: {type: &quot;button&quot;, bitmap: &quot;close_button_up&quot;, x: 400, y: 100, scale: 8, clicker: { // самая обычная кнопка с именем test_button
                    onClick: function(container){ // функция короткого нажатия, все параметры кроме первого опущены за ненадобностью
                         var content = container.getGuiContent(); // получаем объект описания, по скольку кнопку можно нажать только с открытым интерфейсом, то он точно определен
                         content.elements[&quot;test_button&quot;] = null; // удаляем кнопку
                         content.elements[&quot;new_element&quot;] = {type: &quot;text&quot;, text: &quot;button removed&quot;, x: 400, y: 50, width: 200, height: 50}; // создаем текст о том, что она удалена
                    }
               }
          }
     }
});

// открыть интерфейс
UI.testUI(testUIScreen);</syntaxhighlight></pre>
</p><p>ПРИМЕР #3: (полная замена + изменение фона)
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">// после нажатия на кнопку, удаляет ее и создает текст о том, что она удалена, а так же делает фон красным
var testUIScreen = new UI.StandartWindow({
     standart: {
          header: {
               text: {
                    text: &quot;TEST UI&quot;
               }
          },

          inventory: {
               standart: true
          },

          background: {
               standart: true
          }
     },

     drawing: [],

     elements: {
          &quot;test_button&quot;: {type: &quot;button&quot;, bitmap: &quot;close_button_up&quot;, x: 400, y: 100, scale: 8, clicker: { // самая обычная кнопка с именем test_button
                    onClick: function(container){ // функция короткого нажатия, все параметры кроме первого опущены за ненадобностью
                         var content = container.getGuiContent(); // получаем объект описания, по скольку кнопку можно нажать только с открытым интерфейсом, то он точно определен
                         content.elements[&quot;test_button&quot;] = {type: &quot;text&quot;, text: &quot;button removed&quot;, x: 400, y: 50, width: 200, height: 50}; // заменяем элемент кнопки на текст о том, что она удалена
                         content.drawing = [
                              {type: &quot;background&quot;, color: android.graphics.Color.RED}
                         ]; // мы удалили все прошлые команды и теперь рисуем просто красный фон
                    }
               }
          }
     }
});

// открыть интерфейс
UI.testUI(testUIScreen);</syntaxhighlight></pre>
</p><p>ПРИМЕР #4: (tile entity):
<pre class="fck_mw_syntaxhighlight"><syntaxhighlight lang="Javascript">// добавляет tile entity интерфейс с кнопкой, которая медленно опускается, пока интерфейс открыт
var testUIScreen = new UI.StandartWindow({
     standart: {
          header: {
               text: {
                    text: &quot;TEST UI&quot;
               }
          },

          inventory: {
               standart: true
          },

          background: {
               standart: true
          }
     },

     drawing: [],

     elements: {

          &quot;test_button&quot;: {type: &quot;button&quot;, bitmap: &quot;close_button_up&quot;, x: 400, y: 100, scale: 8, clicker: { // самая обычная кнопка с именем test_button
                    onClick: function(container){/* ничего не делаем при клике */}
               }
          }
     }
});

// Прототип tile entity:
{
     // ...
     getGuiScreen: function(){ // функция получения интерфейса - отдаем наш интерфейс
          return testUIScreen;
     },

     tick: function(){
          var content = this.container.getGuiContent(); // пытаемся получить объект описания
          if (content){ // если получить удалось
               content.elements[&quot;test_button&quot;].y += .3; // медленно сдвигаем кнопку вниз
          }
     }
     // ...
}
</syntaxhighlight></pre>
</p>
</div> </div> </div>
</div>
@@ Строка 1: / Строка 1: @@
 <div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">
 Как упоминалось в уроках ранее, объект описания интерфейса можно изменять, пока интерфейс открыт и изменения тут же будут отображаться в интерфейсе. Больше всего это подходит для элементов, которые должны появляться/изменяться/исчезать только в каких-то определенных условиях (например кнопка, которая появляется, только если в слоте есть предмет)
+=== &nbsp; ===
 === Получение объекта описания ===