[
https://issues.apache.org/jira/browse/PIVOT-980?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Josh Highley updated PIVOT-980:
-------------------------------
Attachment: ScrollPane Test.zip
Run ScrollPaneBasic. setScrollTop and setScrollLeft are handled in
ScrollPaneBasicWindow, along with a nasty hack that I didn't need in my actual
app. My real application loads a larger image, but sizes it smaller for a Zoom
Out feature.
> ScrollPane horizontal and vertical alignment of content
> -------------------------------------------------------
>
> Key: PIVOT-980
> URL: https://issues.apache.org/jira/browse/PIVOT-980
> Project: Pivot
> Issue Type: Improvement
> Components: wtk
> Affects Versions: 2.0.4
> Environment: Win 7 x64, Java 7
> Reporter: Josh Highley
> Assignee: Roger Whitcomb
> Priority: Minor
> Attachments: ScrollPane Test.zip
>
>
> I'm opening this request per Roger based on a Pivot user mailing list
> exchange beginning November 30 2015:
> When the contents of a ScrollPane are smaller than the dimensions of the
> ScrollPane, there doesn't seem to be a way (or an easy way) to make the
> content be centered. The content is always aligned top-left. Using nested
> BoxPanes for vertical and horizontal alignment doesn't work since the
> BoxPanes don't expand to fill the ScrollPane, despite fill:true.
> I propose adding support for verticalAlignment and horizontalAlignment to the
> ScrollPane for when its content is small than its dimensions:
> <ScrollPane styles="{verticalAlignment:'center',
> horizontalAlignment:'center'}">
> <ImageView ... />
> </ScrollPane>
> This is my initial mailing list message:
> ======================================================
> 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>
> ======================================================
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
