pivot-user mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Mark Miller <markrmil...@gmail.com>
Subject Re: Fluid, Scalable Pivot UI's
Date Wed, 15 Sep 2010 22:38:45 GMT
Here it is, along with two screen shots. I am using scroll panes.

Part of my problem is that while I would like the tab pane to stretch
the width of the window, it only seems to stretch the width of the
longest text line I put in there. The split pane and it's child controls
don't seem to push it to the right - but if I make a really long label,
the tab pane makes room for it.

The first screenshot shows how things load up - one table and then a box
pane with a button and some text. There is also another table to the
right that doesn't show though - it's cut off by the tab pane. The
second screen shows the table if you slide the split pane.

I'd like everything to expand to the width of the window - width:100% on
that tab pane. Or at least create something that looks as nice. I'd also
like to see the second table - you can make plenty of room, but I can't
get it to show everything in the split page unless I pin the width of
the tab pane, or a box pane to some arbitrary large number.

It also doesn't change when I drag the window bigger - you don't see any
more of the split pane content - everything stays at a fixed size.

- Mark

On 9/15/10 5:45 PM, Chris Bartlett wrote:
> Mark,
> (I assume that you are using Pivot 1.5.1)
> http://svn.apache.org/repos/asf/pivot/tags/v1.5.1/tutorials/src/org/apache/pivot/tutorials/explorer/
> http://svn.apache.org/repos/asf/pivot/tags/v1.5.1/tools/src/org/apache/pivot/tools/wtk/
> Can you please attach the WTKX file you are having problems with? (You
> might have to put it in a zip for the mailing list to accept).  It
> should make it easier to sort this out.  
> It sounds like you need one or more ScrollPanes in the mix somewhere.
> http://pivot.apache.org/tutorials/scroll-panes.html
> http://pivot.apache.org/1.5.1/docs/api/org/apache/pivot/wtk/ScrollPane.html
> ScrollPanes have 'horizontalScrollBarPolicy' & 'verticalScrollBarPolicy'
> properties which affect how preferred widths & heights are calculated.
> http://pivot.apache.org/1.5.1/docs/api/org/apache/pivot/wtk/ScrollPane.ScrollBarPolicy.html
> I can't find much documentation for the various ScrollBarPolicy values,
> so for now I can only think to point you to
> http://svn.apache.org/repos/asf/pivot/tags/v1.5.1/wtk/src/org/apache/pivot/wtk/skin/ScrollPaneSkin.java
> and ask that you search for 'ScrollBarPolicy' and look at the javadoc
> comments.
> One place that you can see the effect of different ScrollBarPolicy
> values is in the ComponentExplorer demo.
> Immediately to the left of the 'Properties' tab label, you will see a
> menu button which allows you to change the 'horizontalScrollBarPolicy' &
> 'verticalScrollBarPolicy' values used for the Visualization tab. 
> Regards,
> Chris
> On 16 September 2010 03:00, Mark Miller <markrmiller@gmail.com
> <mailto:markrmiller@gmail.com>> wrote:
>     Hmm ... I've taken out all my widths and set maximized to true, but I'm
>     still having problems. Perhaps It's the components I have.
>     My top level component is a tab control - but the first tab pane will
>     only stretch out to the length of some text I have in the tab pane - it
>     doesn't care how much room the two split panes and a box pane in the tab
>     might want - it cuts them off if they are longer than the text - and
>     when you re-size, nothing scales - it all stays fixed - so you can't
>     even drag a larger window to fully see the controls.
>     Any chance you could point me to the source of the component
>     explorer demo?
>     - Mark
>     On 9/14/10 9:53 PM, Greg Brown wrote:
>     > Hi Mark,
>     >
>     > Yes, this is definitely possible - in fact, it is Pivot's default
>     layout behavior. You may find the tutorial section on Layout
>     Containers helpful:
>     >
>     >   http://pivot.apache.org/tutorials/layout-containers.html
>     >
>     > Here's one example:
>     >
>     >   http://pivot.apache.org/demos/component-explorer.html
>     >
>     > Unfortunately, if you run it on a Mac, you'll see a flicker effect
>     as you resize the browser window. This is due to a low-level AWT
>     issue that can be controlled on Windows (and Linux, I believe) but
>     not on the Mac.  :-(  It doesn't affect desktop applications, though
>     - only applets.
>     >
>     > One thing you'll probably want to do is be sure to set the
>     "maximized" property of your root window to true. Otherwise, the
>     window won't expand to take the full width and height of the
>     display, and will always assume its preferred size.
>     >
>     > In order to get the fluid resizing behavior in a browser, you'll
>     need to allow the user to resize the applet - this is most easily
>     done by setting the width and height of the applet to 100% so it
>     occupies the entire client area of the browser window. When run as a
>     desktop application, a maximized window will always resize with the
>     native frame.
>     >
>     > The FAQ entry you mentioned refers to Pivot's ability to scale the
>     UI - try holding down the Control and Shift keys and use the mouse
>     wheel while the mouse is positioned over a Pivot app. You'll see
>     what I mean.  :-)
>     >
>     > Hope this helps!
>     >
>     > Greg
>     >
>     >> I've been working with pivot for a little while now (overall,
>     it's been
>     >> a nice experience), and I still cannot see how to make a nice UI that
>     >> scales with the amount of screen real estate available - like most
>     >> modern desktop applications.
>     >>
>     >> I'd kind of come to the conclusion that this wasn't really possible -
>     >> and that pivot focused much more on fixed width applet type
>     applications.
>     >>
>     >> The best I could find was trying to hack around using tables and the
>     >> ability to do width by percentage with columns - but that doesn't
>     seem
>     >> like a hopeful path.
>     >>
>     >> However, looking in the FAQ, I see this:
>     >>
>     >> "Pivot applications are inherently resolution independent.
>     Bitmapped and
>     >> vector images are interchangeable, and the entire user interface
>     can be
>     >> scaled to take advantage of high-resolution displays or for
>     >> accessibility purposes."
>     >>
>     >> This almost sounds like I can make a nice fluid UI that uses the
>     space
>     >> available. So what am I missing? The components I am using do not
>     scale
>     >> based on window size - something that's quite easy to accomplish with
>     >> Swing or any other UI tookits I've used.
>     >>
>     >> Any help?
>     >>
>     >> Thanks a lot, great software
>     >>
>     >> - Mark
>     >

View raw message