Using a viewbox in PanningLayer - windows-phone-7

I am developing a panorama app for windows phone 7. I have a viewbox, which I want to stretch throughout the PanningLayer of the panorama app. I have removed the PanningTitleLayer. Everything works fine but there is a problem. When I run the app in the emulator, the viewbox is shown partially, you have to swipe it to see the hidden part of the viewbox. When I swipe the viewbox, it slides completely until it is back to the beginning. What I want is that when I swipe the viewbox, it should slide partially and stop, so that a user can see that part of the viewbox which is hidden. How do I do it?

Related

Xamarin Forms buttons stop receiving mouse clicks after clicking on SkiaSharp CanvasView on iOS

I use SkiaSharp canvas to draw the main game screen, and then there are various Xamarin.Forms Buttons around the UI. This all works fine on when used directly on iPhone or iPad using a finger. However, when I connect a mouse (e.g., through a MacBook or otherwise), the buttons start working with about 10% chance after mouse-clicking on the SkiaSharp canvas (and not receiving the mouse click events with 90% chance). The SkiaSharp canvas itself works just fine.
If I bring up the iOS app launch menu from the bottom (which probably somehow temporarily exists the mouse navigation on the app), the buttons start working again with the mouse. But if I click the SkiaSharp canvas again with the mouse, the buttons have a high chance of becoming disabled again. If I change to using a finger, all works fine (even if the mouse clicks were not being registered immediately before). However, mouse clicks are not being registered even after touching with a finger, so finger-touching does not reset the issue with the mouse (but bringing up the menu from the bottom does).
We found this bug by testing the iOS game on MacBook Pro (the iOS apps recently came available on the App Store) but the same issue persists also directly with an iPad / mouse combination. It seems to be some sort of an issue between using a mouse (on iPad or on MacBook Pro), SkiaSharp canvas and Xamarin.Forms buttons.
Does anyone know what the root cause of the problem is and what is the workaround?
Not an answer as such, but some more information about reproducing the issue: A simpler repro case may be this small project: https://github.com/jrc14/TraceMatching/ .
Don't worry too much about what it's doing, but note that you're mean to click in the grey Skia canvas in the middle to create 'targets' - and that after you've done that, mouse-clicks are getting lost.
If you run it on a Mac, you'll see that, though the clicks get lost after you've clicked on the Skia canvas, they will start being received again if you click on something else (another app, or the Mac background).
(further edit) - after some noodling around I did find a workaround. If, once you've finished processing the touch action on the SKCanvasView, you reset its EnableTouchEvents property (i.e. set it to false, then back to true again), it seems that the clicks don't get lost any more,

PhoneGap, Windows overflow divs won't scroll on drag, only on release

I have four things: mobile site, iOS app, Android app, and Windows app.
The only time this occurs is on my Windows 10 Lumia PhoneGap app. (haven't tested other windows phones)
The divs with overflow-y do not scroll as you drag a finger up and down. Nothing happens until your finger comes off the device, then it throws the scrollbar. So technically it scrolls, but not in a way you'd expect. It makes it impossible to slowly scroll the page up.
Windows mobile site works as expected, the divs scroll in a controlled manner with the drag of your finger. Works same everywhere else too.
Anyone run into this sort of thing? I couldn't find any user-select, -ms-overflow*, or touchmove e.preventDefault() issues in the code.

How to detect "swipe from edge" on Windows Phone?

Here's a question - when using Windows 8 Metro applications we use swipe from edge gestures to show previous apps, charms bar or app bar.
How to detect similar gesture in Windows Phone 7 in case I want to implement similar app bar behavior? Thanks
What we do with SurfCube is we added a transparent Border to the edges of the screens with a width of 5 pixels (could be more though). A MouseButtonDown event on these Borders should do the trick. Make sure that the Border is on top in z-order.
Be careful though: if you want a swipe down gesture, turn off the system tray as that steals the focus and the Border won't receive the event.

Splash screen load progress animation in windows phone 7

I have written a windows phone application. When the application starts up it shows the splash screen which is cool and i can change the image. But is there a way to add a loading animation like those dots moving across the screen.
It would be nice if i can add one of those animation in the splash screen. Can it be done. if yes please add in your answers.
As of right now there is no way to replace the loading image that shows up with an animation. Although there are workarounds:
Remove the image all together. Might want to be careful though because Microsoft requires that the application show some kind of feedback to the user within a few seconds of launching the app. Use this only if your app loads really fast.
Display a snap shot of the loading screen as an image so when the app does load you can show an animation with the same background image and it appears that its the same loading screen.
In your case I would recommend using a popup control with a loading animation inside (Option 2). To learn how to create a popup go here. Or if you want a well documented popup I know telerik has there own version as well.
Next place the loading message in a textblock or put your own image and animation inside of the popup. Obviously the easiest animation would be to use the Performance Progress Bar in the silverlight toolkit.
Now what you'll want to do is set the popup opened by default. Whenever your processing is done all you have to do is set the popup visibility to hidden in your C# code.
Some examples of how this is implemented can be found here:
Creating a Splash Screen
Creating an Animated Splash Screen
All About Splash Screens
And here's an example for an XNA game:
Creating a Splash Screen for your XNA game

Orientation problem when coding on Windows phone 7

I write a page and I add
this.SupportedOrientations = SupportedPageOrientation.Portrait | SupportedPageOrientation.Landscape;
in the constructor.
After letting a messagebox popup and change orientation from portrait to landscape, I found that the UI under the messagebox didn’t change orientation from portrait to landscape as expected.
Is there anything I lose in code or this is the limitation of the UI framework now?
The MessageBox is modal and blocks the UI thread so such events like orientation changed won't be processed however the underlying UI should adapt to the orientation change once the message box is dismissed.

Resources