I ran the demo you committed (big thanks BTW) and tried it in my app. There's a couple of issues: the zoomed in/out image still displays inside the confines of the original ImageView dimension. This is especially an issue when zooming in: parts of the image outside the original ImageView bounds are clipped, which is what I'm trying to avoid by using the ScrollPane. I want to see the entire image, just bigger, like what happens when I resize the Border container and set ImageView fill:true. The other issue is that the ScaleDecorator centers the zoomed image inside the ImageView as specified, but I need to center the ImageView/Border inside the larger ScrollPane.
On a side note, when zooming in the image overwrites the Border on the right and bottom. Then after zooming out to < 100%, there's artifacts of the image remaining on the right side and bottom side. If you set your demo's Border element to have a thicker border, it becomes more apparent. Thanks, Josh On Mon, Nov 30, 2015 at 7:59 PM, Roger Whitcomb <roger.whitc...@actian.com> wrote: > Take a look at the “ScaleDecoratorDemo.java” that I just committed to the > source (if you can download the source through “svn”). Or I can send it > separately… > > > > ~Roger > > > > *From:* Josh Highley [mailto:joshhigh...@gmail.com] > *Sent:* Monday, November 30, 2015 5:51 PM > *To:* user@pivot.apache.org > *Subject:* RE: > > > > No, I wasn't aware that existed. I found the Border method suggested by a > past mailing list question so I went with it. I I'll look at ScaleDecorator > instead. > > Thanks > > Josh > > On Nov 30, 2015 5:21 PM, "Roger Whitcomb" <roger.whitc...@actian.com> > wrote: > > Hi Josh, > > Welcome to Pivot! Have you looked at using a > ScaleDecorator on your ImageView? This may work better than adjusting the > Border size. And it has settings for the alignment (left/center/right) of > the scaled image as well. I might be able, in a couple of days, to try to > implement a small example. Sorry there isn’t one already in the examples > part of the code…. > > > > Let us know, > > ~Roger Whitcomb > > > > *From:* Josh Highley [mailto:joshhigh...@gmail.com] > *Sent:* Monday, November 30, 2015 2:08 PM > *To:* user@pivot.apache.org > *Subject:* > > > > I need help getting an image to display centered inside a larger > ScrollPane. My application displays an image that can be zoomed in and > out. A snippet of my current bxml is below. I adjust the zoom by changing > the dimensions of the Border container. When the border is zoomed out such > that it is smaller than the ScrollPane size, it's aligning to the > top-left. I'd like to center it vertically and horizontally. I've tried > various combinations of TablePane, FillPane and BoxPane as parents of the > Border. BoxPane with fill:true (maybe nested BoxPanes with opposite > orientations) isn't expanding to fill the ScrollPane as I'd expect; It > shrinks to the size of the Border/Image > > > > <ScrollPane> > > <Border> > > <ImageView styles="{fill: true}"/> > > </Border> > > </ScrollPane> > > > > Thanks, > > > > Josh > >
