Не удается сфокусироваться на холсте

private var cvs_preview:Canvas = null;

            private function show_preview():void
            {
                this.cvs_preview = new Canvas();
                this.cvs_preview.id = "cvs_preview_1";
                this.cvs_preview.setStyle('backgroundColor', 0x000000);
                this.cvs_preview.setStyle('backgroundAlpha', 1);
                this.cvs_preview.setStyle('borderColor', 0x417FDD);
                this.cvs_preview.setStyle('cornerRadius', 10);
                this.cvs_preview.setStyle('borderStyle', 'solid');
                this.cvs_preview.setStyle('dropShadowEnabled', true);
                var pt:Point = image.localToGlobal(new Point(image.x, image.y));
                this.cvs_preview.x = pt.x - 50;
                this.cvs_preview.y = pt.y - 50;
                this.cvs_preview.height = 200;
                this.cvs_preview.width = 250;
                //this.cvs_preview.addEventListener(FlexEvent.CREATION_COMPLETE, get_focus_on_canvas);
                //this.cvs_preview.focusManager.setFocus(
                //this.cvs_preview.addEventListener(MouseEvent.CLICK, end_preview_on_focus_change);
                this.cvs_preview.addEventListener(FocusEvent.MOUSE_FOCUS_CHANGE, end_preview_on_focus_change);
Application.application.addChild(this.cvs_preview); //add as top-most visible container

                btn_mini_preview.enabled = false;

            }

private function get_focus_on_canvas(e:FlexEvent)
            {
                focusManager.setFocus(e.target);
                //Alert.show("testing img complete");
            }

focusManager.setFocus( IFocusManagerComponent( e.target ) );

Ответ 2 · рейтинг 2 · Amarghosh

Только несколько классов реализуют IFocusManagerComponent, как уже упоминалось, и Canvas не является одним из них. Если вам действительно необходимо вызвать FocusManager.setFocus(), вам придется расширить класс холста, чтобы реализовать этот интерфейс, и вместо этого использовать этот класс. Вам не нужно писать никаких методов для реализации этого интерфейса, все методы уже реализованы самим UIComponent

//FocusableCanvas.as (include appropriate package and import statements)
public class FocusableCanvas extends Canvas implements IFocusManagerComponent
{
    public function FocusableCanvas()
    {
        super();
    }
}

//Now use this class instead of Canvas
this.cvs_preview = new FocusableCanvas();


//setFocus in creation complete handler
FocusManager.setFocus(IFocusManagerComponent(e.target));

---

Но если все, что вы хотите сделать, это установить фокус на холсте при его создании, вы можете вместо этого вызвать canvas.setFocus() из обработчика creationComplete.

private function get_focus_on_canvas(e:FlexEvent)
{
    Canvas(e.currentTarget).setFocus();
    trace("done");
}

Ответ 3 · рейтинг 1 · Aaron

Я вижу две проблемы и идеальных решений нет. Если повезет, это может вам помочь.

Прежде всего, e.target возвращает приведение типа объекта к типу Object. Это объясняет вашу неявную ошибку принуждения, потому что Object не реализует IFocusManagerComponent.

Во-вторых, iFocusManagerComponent реализуется только Accordion, AdvancedListBase, Button, ButtonBar, ChartBase, ComboBase, DateChooser, DateField, HTML, ListBase, MenuBar, NumericStepper, TabNavigator, TextArea, TextInput, UIMovieClip согласно эту запись в справочнике по Flex 3.4 AS3.

Это наводит меня на мысль, что элемент Canvas не может получить фокус и просто унаследовал доступ к FocusManager через наследование UIComponent.

Единственные решения, которые я вижу, - это использовать что-то другое, кроме Canvas, для решения ваших проблем, связанных с фокусом, или подкласс Canvas и реализовать iFocusManagerComponent, хотя это выглядит довольно сложно.

Изменить Приносим извинения за отсутствие функции drawFocus в приведенном выше решении.

Ответ 4 · рейтинг -1 · aslanpayi

Попробуйте;

private function get_focus_on_canvas(e:FlexEvent)
{
    this.cvs_preview.setFocus();
}