CODEWITHSUNDEEP
c#xmlwindows-phone-7scrollwindows-phone
Swift Sharp
Swift Sharp

Reputation: 2623

ScrollViewer and LonglistSelector Scrollbar conflict

In my application i have unknown number of categories, with unknown number of elements. The problem that i am facing is in the UI. A Page contains ScrollView wiht items Button and LongListSelector(with horizontal scrolling).

Basically my layout looks like:

<Grid>
 <ScrollViewer>
  <StacPanel>
   <Button/>
   <LongListSelector/>
   ...
  </StacPanel>  
 </ScrollViewer>
</Grid>

enter image description here

So when i try to scroll (horizontal or vertical it doesn't matter) i have to repeat the gesture 3- 5 times for scrolling can begin. And for example when i am scrolling horizontal (one of the LLS), i have to change the focus by click on the button so the vertical scrolling can begin. Obviously there is conflict between the scrollbar in LLS and SV, but how can i avoid it?

Any help will be appreciated, also if you have better ideas or alternative - that will be great. Do not hesitate to suggest.

Sorry for my english and bad explanation.

Upvotes: 3

Views: 1013

Answers (3)

Macrosoft-Dev
Macrosoft-Dev

Reputation: 2185

Although couldn't understand your UI hierarchy thoroughly, however I ran into some similar situation, where I overcome the conflict, by using dynamically built panorama control for horizontal content.

Upvotes: 1

Swift Sharp
Swift Sharp

Reputation: 2623

I don't know if anyone will face the same problem again, but what i have done and what seems to work for me is this.

  1. I have created a custom control witch replace buttons and longlistselectors in the scrollviewer

  2. Then i take a slider from this project and create custom RepeatButtons.

The idea is than my custom control is a slider pointer, maybe this is not the best solution, but what makes me happy is the performers, it's just great.

Upvotes: 4

Benoit Catherinet
Benoit Catherinet

Reputation: 3345

You should Use the LongListSelector Header and Footer to put your buttons and on your ScrollViewer set VerticalScrollBarVisibility="Disabled" to disable the scrollviewer Vertical scrolling on the scrolView and do the reverse on the LongListSelector scrollviewer
If you don't find any other solution, you could use the Manipulation event and RenderTransform to make yourself the horizontal scrolling.

Upvotes: 1

Related Questions