Josh Highley created PIVOT-980:
----------------------------------
Summary: 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
Priority: Minor
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)
