MiniUI: компонент Window

Продолжаем освоение библиотеки компонентов MiniUI и сегодня рассмотрим работы с компонентом Window. Компонент Window - это окно, в котором можно размещать текст и другие интерактивные объекты, в том числе и компоненты. В верхней части окна находится панель, которая содержит название данного окна. Кроме этого, за данную панельку окно можно перетаскивать по сцене флеш-ролика. Согласитесь, что Window - это весьма полезный компонент. Поэтому давайте и остановимся на работе с этим компонентом более подробно.

В самом простом случае, мы можем создать окно Window следующим кодом...

Код ActionScript 3.0:



/*
импортируем класс
*/
import sliz.miniui.Window;
/*
создаём окно Window
*/
var window:Window = new Window(this, 50, 50, " Окно программы ");
/*
устанавливаем размеры окна
*/
window.setWH(250, 200);

Здесь в качестве параметров конструктору объекта передаются следующие значения:

- контейнер, внутрь которого будет помещено данное окно;

- положение окна по оси x;

- положение окна по оси y;

- название окна.

Метод setWH() отвечает за размеры окна и принимает в качестве параметров два следующих значения:

- ширина окна;

- высота окна.

В результате мы получаем:

Обратите внимание, что зажав верхнюю панельку окна, вы сможете перетаскивать данное окно по сцене флеш-ролика.

А теперь усложним задачу: будем создавать новые окна динамически и научимся "закрывать" уже созданные окна.

Код ActionScript 3.0:



/*
импортируем классы
*/
import sliz.miniui.Window;
import sliz.miniui.Button;
/*
кнопка, которая создаёт новые окна
*/
new Button("создать новое окно",20,20,this,newWindow);
/*
функция, которая вызывается при клике по кнопке
*/
function newWindow(event:Event):void
{
	var window:Window = new Window(this,50,50," Окно программы ");
	window.setWH(250, 200);
	new Button("закрыть данное окно",20,200,window,removeWindow);
}
/*
функция, которая удаляет окна
*/
function removeWindow(event:Event):void
{
	event.target.parent.parent.parent.removeChild(event.target.parent.parent);
}

Результат будет таким:

Заметьте, что выделенное вами окно всегда автоматически перемещается выше всех прочих окон на сцене флеш-ролика.

Скачать саму библиотеку компонентов MiniUI можно по ссылкам, приведённым в первой статье по данной библиотеке - «MiniUI: компоненты Label и Button».

Автор: admin

Дата добавления: 2012-01-02

Рейтинг поста: 3

Правила перепечатки

Социальные закладки:

Комментарии:

Комментарий добавил(а): edapskov

Дата добавления: 2012-06-15

Кирилл, будет проще и быстрее, если вы покажите исходник (по почте, желательно). Кстати, а зачем эта конструкция - Object(this)?

Комментарий добавил(а): Кирилл

Дата добавления: 2012-06-15

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


Object(this).btn2.addEventListener(MouseEvent.CLICK, btn2click);
function btn2click(e:MouseEvent):void
	var window:Window = new Window(this,50,50," Информация ");
	window.setWH(350, 300);
	new Label("Здесь размещается мой текст.",window,25,25,500);
	new Button("закрыть данное окно",20,200,window,removeWindow);
	Object(this).btn2.visible = false;
}
function removeWindow(event:Event):void
{
	event.target.parent.parent.parent.removeChild(event.target.parent.parent);
}

Не подскажите в чем проблема?

Комментарий добавил(а): edapskov

Дата добавления: 2012-06-13

Наверно, проще всего воспользоваться компонентом Label из всё той же библиотеки MiniUI. Код может быть следующим:


import sliz.miniui.Window;
import sliz.miniui.Label;
import sliz.miniui.Button;

new Button("создать новое окно",20,20,this,newWindow);

function newWindow(event:Event):void
{
	var window:Window = new Window(this,50,50," Окно программы ");
	window.setWH(250, 200);
	new Label("Здесь размещается мой текст.",window,25,25,200);
	new Button("закрыть данное окно",20,200,window,removeWindow);
}

function removeWindow(event:Event):void
{
	event.target.parent.parent.parent.removeChild(event.target.parent.parent);
}

Комментарий добавил(а): Кирилл

Дата добавления: 2012-06-12

Спасибо, буду ждать!

Комментарий добавил(а): edapskov

Дата добавления: 2012-06-12

Хорошо, Кирилл. Но только завтра отпишу. Сегодня чувствую себя не очень - могу напортачить. Тем более, что с miniui есть более простое и изящное решение для создания текстовых полей.

Комментарий добавил(а): Кирилл

Дата добавления: 2012-06-12

Спасибо, но я не особо разбираюсь пока в этом( Не могли бы вы привести простой пример. Заранее спасибо)

Комментарий добавил(а): edapskov

Дата добавления: 2012-06-12

Обычное текстовое поле (TextField) добавить в окно.

Комментарий добавил(а): Кирилл

Дата добавления: 2012-06-12

Скажите пожалуйста, а как туда в это окно текст запихать?

Добавить комментарий: