Problem with clipping and concerned objects (or rather their color)

Question

Greeting everyone,
I hope i don't bother you with things that are already known or, in the end, are a product of my own stupidity ;P
My problem is the following:
I was working on a neat design for a list. The first version (without clipping) looked like this:
[http://www.7pics.info/?image=GHApp-Gradient-Mobile-HowItShouldBe_2c5.jpg]
As you can see on the bottom, the list was on top of all graphical elements.
And because this looks stupid, i decide to simply clip the list via "clip: Rectangle{...}".
Well... turns out it's not as easy as i hoped it would be; all of a sudden the list looks like this:
[http://www.7pics.info/?image=GHApp-GradientProblem-Mobile-1_fb7.jpg]
From the left to the right you see the following: first picture is what you'd see initially, from the second to the last i scrolled down one entry each (respectively moved the list up 30 pixels).
Further scrolling down doesn't change the look, it stays like in the last picture.
Scrolling up again delivers the same image, but in reverse order.
The clipping seems to change something in the style of the list elements.
To be more specific, the gradient of a single element is now applied to the whole list.
here is a Listing
//the group which contains the list and the clipping
Group{
     clip: Rectangle {
          x: 0, y: 70
          width: PublicVars.screenWidth, height: 210
          fill: Color.BLACK        //which color i use doesn't change the look
     content:[
          createChoicesList()
//create a box for each entry and add text from a string sequence "results"
createChoicesList():Node[]{
      for(result in results){
                       singleField = Group{
               Rectangle {
                    fill:  LinearGradient {
                         startX : 0.0
                         startY : 0.0
                         endX : 0.250
                         endY : 0.250
                         stops: [
                              Stop {
                                   color : Color.LIGHTBLUE
                                   offset: 0.0
                              Stop {
                                   color : PublicVars.coolGradientBlueTransparent
                                   offset: 0.5
}I have no clue why this happens. I tried to shift some things around, thinking it had to do something with the order of some elements but... it didn't change anything.
Another thing i noticed afterwards:
If i run the App as a desktop program, the gradient effect is all messed up. but this time it doesn't matter if I clip the list or not:
[http://www.7pics.info/?image=GHApp-GradientProblem-Desktop-1_d5e.jpg]
The gradients are totally misplaced and if I scroll down they move and appear/disappear randomly across the list entries. sometimes the highlighted elements even look like this:
[http://www.7pics.info/?image=GHApp-GradientProblem-Desktop-2_89f.jpg]
Any Ideas?
P.s.:
Could it be that retrieving the resolution of a mobile device via
"var screenWidth = java.lang.Integer.parseInt(FX.getProperty("javafx.screen.width"));"
isn't very accurate?
If i use the values i get from this method for the desktop application, the screen will be smaller than in the emulated mobile phone
Edited by: Mr._Moe on 04.09.2009 21:31

Answer 1

Not sure about your problem, but I can answer your last question: you can now use the [javafx.stage.Screen|http://java.sun.com/javafx/1.2/docs/api/javafx.stage/javafx.stage.Screen.html] class to get screen dimensions.