Flex zoom and scroll problem

Answer 1

You wouldn't have this problem if instead of centering the zoomable canvas, you'd show it at coords in the top left part of its parent.

Alternatively you could calculate the needed coordinates, based on the size of its parent, and not let them drop below 0.

Here's code that will help:

private function calculateCoordinates() : void
{
    var x : Number = (canvas.width - layout_cnv.width) / 2;
    x = x < 0 ? 0 : x;
    var y : Number = (canvas.height - layout_cnv.height) / 2;
    y = y < 0 ? 0 : y;
    layout_cnv.move(x, y);
}

All you have to do is add this method to your application and

this.callLater(calculateCoordinates);

at the end of your changeZoom and adjustDefaultZoom methods. Also remove align properties from layout_cnv.

Answer 2

Took a while to figure this one out. Seems that since you are using verticalCenter and horizontal center the canvas is being drawn outside of the viewable area. When running right-click and select 'show redraw regions' then you can clearly see that the canvas is outside of the area.

Once you remove the verticalCenter and horizontal center it seemed to be working (seeing all of the canvas while scrolling.)

On another note I don't see why you want two canvas in the same panel with nothing between them. Maybe this was just for your example.

Good luck

Answer 3

//Declare a variable [Bindable] public var myborderColor: ColorPicker = new ColorPicker();

private function init():void { myborderColor:.selectedColor = Color.WHITE ;

… …. in other function change the color myborderColor:.selectedColor = Color.RED ;

… mx:TextInput id=”myText” backgroundColor=”{numcasoborderColor.selectedColor}” …