Visual States

Question

Hello Everyone:

I am having a problem with getting visual states to work within my Windows 8.1 store app. I am using example code from http://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn297195.aspx "Designing apps for different window sizes", and I am unable to get it to change states when the SizeChange Event.

I uploaded my example to dropbox https://dl.dropboxusercontent.com/u/42533148/App1.zip. I am not sure what I am doing wrong, but I am open to suggestions and help.

Thanks,

John

---

John Lisenby developer of My PC Playbook

Answer 1

You're close!

The minimum size of your app is 500px wide, so your check for (e.NewSize.Width < 500) is never true. Change it to <= and your VisualStateManager.GoToState methods are called:

            if (e.NewSize.Width <= 500) 
                { 
                    VisualStateManager.GoToState(this, "MinimalLayout", true); 
                }

To debug this, put a watchpoint in MainPage_SizeChanged and look at the value of e.NewSize.Width as you size the window to its minimum.

--Rob

Answer 2

Thanks Rob!!!

It's now working!!

Thanks again,

John

---

John Lisenby developer of My PC Playbook