Yes, I can remove the Border and still do the zoom directly with ImageView.
<ScrollPane>
<ImageView styles="{fill:true}"/>
</ScrollPane>
but zoom worked fine with Border too. It's centering the ImageView inside
the ScrollPane when the ImageView dimensions are smaller that I'm having
trouble with. I don't need the border, I just had it for the zoom method I
found -- does removing the Border component gain me something with regards
to centering?
On Tue, Dec 1, 2015 at 12:32 PM, Roger Whitcomb <roger.whitc...@actian.com>
wrote:
> I also noticed the image artifacts, so that is a bug we need to fix.
>
>
>
> So, could you try this hierarchy and see if it works:
>
> <Border>
>
> <ScrollPane>
>
> <ImageView …/>
>
> </ScrollPane>
>
> </Border>
>
>
>
> And then just adjust the size of the ImageView itself to do the zoom?
>
>
>
> HTH,
>
> ~Roger
>
>
>
> *From:* Josh Highley [mailto:joshhigh...@gmail.com]
> *Sent:* Tuesday, December 01, 2015 9:51 AM
> *To:* user@pivot.apache.org
> *Subject:* Re: RE:
>
>
>
> 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
>
>
>
