13.13. Работа с выделением. Объект Selection

Важнейшим и наиболее традиционным инструментом, облегчающим работу с текстовой информацией на компьютере, является выделение. Выделение (selection) позволяет объединить в целостный с точки зрения операций блок некоторую последовательность символов. Обозначается выделение за счет обмена оттенками между шрифтом и фоном строки. Выделенный текст может быть удален одним нажатием клавиши <BackSpace>, он может быть вырезан или скопирован в буфер, его можно заменить, выполнив вставку из буфера.

Основным применением технологии Flash является создание сайтов. Любая же информационная страница должна предоставлять возможность копирования из нее нужных сведений. Это особенно актуально в случае Flash-сайтов, которые нельзя сохранять, просто записывая на диск родительский HTML-документ. Кроме того, выделение чрезвычайно полезно при заполнении форм. Копируя информацию из одного поля в другое, удаляя сразу весь текст или определенный его фрагмент, выполняя замену одного участка текста на другой, прописать все необходимые сведения в анкете можно гораздо быстрее, нежели набирая и удаляя каждый символ по отдельности. Не обойтись без выделения, если необходимо организовать такую полезную возможность, как поиск на странице. Ввиду описанных причин, совсем не удивительно, что текстовые поля Flash полноценно поддерживают выделение.

Выделить фрагмент текста можно несколькими способами:

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

•Выделить определенное слово можно, выполнив по нему двойной щелчок мышью.

•Чтобы выделить весь текст, необходимо нажать <Ctrl> + <A> или воспользоваться командой Select All контекстного меню поля.

•Выделить участок текста от символа А до В, используя одну лишь клавиатуру, можно, переместив курсор ввода от А до В при зажатой клавише <Shift>.

•Нажав сочетание <Shift> + <End>, вы выделите фрагмент текста от курсора ввода и до конца строки. Соответственно, чтобы выделить участок строки от ее начала и до курсора ввода, необходимо задействовать сочетание <Shift> + <Home>.

•Сочетание <Shift> + <Ctrl> + <End> выделяет фрагмент от курсора ввода и до конца текста. Чтобы выделить участок от начала текста и до курсора ввода, нужно задействовать сочетание

<Shift> + <Ctrl> + <Home>,

•Выделить участок текста можно программно при помощи метода Selection.setSelection(). О нем мы поговорим немного ниже.

В отличие от Word и других полноценных текстовых редакторов, во Flash невозможно выделить несколько разрозненных фрагментов, зажав клавишу <Ctrl>. В один момент времени может быть выделен только один участок текста и только водном поле.

Основные операции с выделенным текстом во Flash проводятся точно так же, как и, например, в Word или Блокноте:

•Чтобы скопировать выделенный текст в буфер, нужно нажать сочетание <Ctrl> + <С>. Также это можно сделать при помощи команды Сору контекстного меню текстового поля.

•Вырезать выделенный участок текста в буфер можно сочетанием <Ctrl> + <Х>. Также это по-

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

•Удалить фрагмент текста можно, нажав клавишу <BackSpace> или <Delete>. Кроме того, за ту же операцию отвечает команда Delete контекстного меню поля. Выполнить удаление участка текста можно, лишь если он принадлежит полю ввода.

•Чтобы заменить выделенный участок текста текстом из буфера обмена, нужно задействовать сочетание <Ctrl> + <V> или воспользоваться командой Paste контекстного меню поля. Программно заменить выделенный фрагмент произвольным текстом позволяет метод replaceSel()

класса TextField.

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

Чаще всего выделение создается и применяется пользователем вручную. Однако иногда необходимо иметь возможность выделить фрагмент текста программно, а также заменить выделенный текст нужной строкой. Кроме того, нередко бывает нужно знать, какой участок текста выделен. Например, если пользователь сделал ошибку при заполнении формы, выделением можно указать, где именно она была допущена. Если реализуется инструмент поиска на странице, найденная подстрока должна выделяться. При организации поиска с заменой по нажатию специальной кнопки найденная и выделенная подстрока должна замещаться нужным текстом. ActionScript позволяет с легкостью решать перечисленные задачи благодаря наличию особого объекта Selection. Данный объект хранит методы, позволяющие получать информацию о выделении, задавать его, а также помещать текстовое поле в фокус и определять, в каком поле находится выделение. Все эти возможности мы изучим в данном разделе.

13.13.1. Управление фокусом поля. Методы getFocus() и setFocus()

Методы объекта Selection применимы только к тому текстовому полю, которое в данный момент находится в фокусе. Поэтому прежде чем выделить участок текста, нужно убедиться, что курсор ввода располагается в нужном текстовом поле. Для этого необходимо воспользоваться методом Selection.getFocus(). В качестве результата данный метод возвращает строку с адресом объекта (это может быть текстовое поле, кнопка или клип), который на данный момент обладает фокусом ввода. Если текстовое поле не имеет собственного идентификатора, но зато с ним связана переменная (это возможно, если фильм создается в формате Flash 5), то мeтод getFocus() возвращает ее имя. Если ни один объект не имеет фокуса, то результат — null.

Если метод getFocus() покажет, что нужное поле не обладает фокусом ввода, его необходимо сделать выделенным программно. Для этого предназначен метод Selection.setFocus(object), где object

— объект (это может быть текстовое поле, кнопка или клип), на который нужно навести фокус. Если задача методом Selection.setFocus() была решена успешно, он возвращает true. Иначе возвращается false.

// Если pole не имеет фокуса ввода, наводим его программно if (Selection.getFocus()!=pole.toString()){

Selection.setFocus(pole);

}

Особенностью метода getFocus() является то, что в случае клипов и кнопок он реагирует лишь на так называемый «клавиатурный» фокус, который создается при помощи Tab-обхода или метода setFocus() и, главное, обозначается яркой желтой рамкой. Если же кнопка или клип выделяется простым щелчком мыши, то такой фокус метод getFocus() не улавливает. Наоборот, в случае текстовых полей фокус рассматриваемым методом регистрируется и тогда, когда поле было выделено вручную.

//При наведении на поле фокуса весь текст выделяется

Selection.setFocus(pole);

trace([Selection.getBeginIndex(), Selection.getEndIndex()]];

//Выводит: 0, 16

13.13.4. Определение и задание положения курсора ввода

Если текстовое поле располагается в фокусе, в его тексте будет находиться так называемый курсор ввода (caret). Он показывает, на какую позицию осуществится вставка текста из буфера обмена командой Paste. Также курсор ввода полезен, если навигация по тексту поля и его редактирование производится с использованием клавиатуры. При этом, например, нажатие клавиши <BackSpace> будет удалять символ, расположенный слева от курсора.

Традиционно курсор ввода отображается в виде мерцающей вертикальной риски. Частота мерцания курсора для большинства Windows-приложений определяется при помощи специальной настройки, задающейся вменю Клавиатура Панели Управления. Однако данная опция никак не влияет на частоту мерцания курсора ввода в текстовых полях Flash — она всегда постоянна, и изменить ее невозможно.

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

Используя ActionScript, можно как определять положение курсора ввода, так и самостоятельно его задавать. Решить первую задачу позволяет метод Selection.getCaretIndex(). Он возвращает индекс символа, слева от которого располагается курсор. Если ни одно поле не имеет фокуса ввода, то результатом будет — 1. Если текстовое поле не содержит ни одного символа, то возвращается 0.

Чтобы задать положение курсора ввода, необходимо использовать метод Selection.setSelection(), передав его обоим параметрам одно и то же значение — индекс символа, перед которым должен быть расположен курсор. Например:

this.createTextField("pole", 0, 150, 150, 0, 0); pole.border=pole.autoSize=true, pole.type="input"; pole.text="Tyт \"\" будет курсор ввода. Его индекс = ";

13.13.5. Динамическое задание выделения. Метод setSelection()

Самой важной для практики задачей из тех, которые позволяют решать методы объекта Selection, является динамическое выделение произвольного участка текста поля. Служит для этого особый метод setSelection(). Он принимает 2 параметра: первый определяет индекс символа, который начинает подлежащую выделению последователь гость, второй — соответствует индексу символа, перед которым выделяемый участок текста заканчивается.

Метод setSelection() выделяет фрагмент текста того поля, которое в данный момент располагается в фокусе. Поэтому, прежде чем его использовать, нужно проверить, необходимое ли поле активно. Сделать это можно при помощи метода getFocus(). Если окажется, что в фокусе находится иное поле (или активных полей нет в принципе), то фокус необходимо перевести на нужный элемент, используя метод setFocus().

При динамическом создании выделения курсор ввода автоматически перемещается к последнему выделенному символу.

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

Типичным примером использования метода setSelection() является организация возможности поиска в текстовых полях фильма. Если ваш Flash-сайт содержит большие объемы текстовой информации, то создать соответствующий инструмент просто необходимо. Иначе у пользователя могут возникнуть сложности при работе с вашим ресурсом, обусловленные тем, что стандартная функция браузера по поиску на странице в случае Flash-сайта не работает.

Для тренировки мы создадим код, позволяющий осуществлять поиск в одном текстовом поле. При необходимости сделать его более универсальным не составит труда. Итак:

1.Создаем при помощи инструмента Text большое (приблизительно 200x200 пикселей) динамическое текстовое поле. Называем его pole.

2.Связываем с созданным полем текст (500—1000 знаков).

3.Создаем небольшое поле типа Input, в которое будет вводиться строка, которую нужно найти. Называем его str.

4.Добавляем в фильм кнопку, нажатие которой будет активизировать поиск. Называем ее but.

5.Основная идея алгоритма инструмента поиска следующая:

oПриводим текст поля и искомую строку к одному регистру при помощи метода toLowerCase() или toUpperCase(). Это необходимо сделать, чтобы строка находилась вне зависимости оттого, начинает ли она предложение ил и располагается в его середине.

oИщем необходимую строку, начиная от символа, которым был завершен прошлый поиск. Найти подстроку в строке позволяет метод indexOf() класса String.

oЕсли подстрока будет найдена, ее нужно выделить. Также в специальной переменной необходимо отметить, какой индекс имеет последний символ выделенной последовательности. Эта информация пригодится, если поиск будет продолжен.

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

Описанному алгоритму соответствует следующий код:

var index:Number = 0; // Индекс символа, на котором был завершен

//прошлый этап поиска

//Переменная, хранящая искомую строку

var stroke:String=""; function poisk():Void {

//Приводим текст поля и искомый текст к полному регистру var big_text:String = pole.text.toLowerCase();

var stroke:String = stroka.toLowerCase();

//Ищем подстроку stroka с позиции index

var search_res = big_text.indexOf(stroka, index);

// Если подстрока найдена, выделяем ее и переопределяем index if (search_res!= -1) {

index = search_res+stroka.length; Selection.setFocus(pole);

Selection.setSelection(search_res, search_res+stroka.length);

} else { // Если подстрока не найдена, начинаем поиск сначала index = 0; index = 0;

}