locked
Metro Style App RRS feed

  • Question

  • I want to create a Windows 8 Store App style of application (Metro UI) but my development platform is Windows 7.  I don't need the Windows Store integration I just want the application UI to be based on the Store App Metro Style.   I would like the application to be able to be run in Windows 7 or Windows 8 and eventually Windows RT on Tablets.  I want the application to have touch screen ability by default and use Metro Style Controls and be full screen.  The application UI design will be based on the Guidelines Design guidance for Windows Store Apps.  But unlike a Store App the application would be installed via traditional installer on Windows 7.  

    I really like the Store App Template in Visual Studio 2012 but it is only available if you are developing in Windows 8.  

    I am assuming since the Store App is a WPF or XAML based application that I would start with a WPF application?    What is the best and easiest way to do what I want?


    Jeff Davis

    Tuesday, March 12, 2013 7:23 PM

Answers

  • Well - there are two things -

    First, if you want to run on Windows RT, it will have to be a Windows 8 Store App.  There is no other option, and no way to make a WPF application run on WinRT.

    Unfortunately, that means you can't have a single application that runs on WinRT AND Windows 7 - it's just not possible.

    The best option is typically to use the Portable Class Libraries to develop your logic, and then write two front ends - one for WinRT/Windows 8, and one for Windows 7 using WPF.  Unfortunately, there are no "Metro" controls for WPF out of the box, so you'll need a library (or implement your own) for this, such as MahApps (http://mahapps.com/MahApps.Metro/)


    Reed Copsey, Jr. - http://reedcopsey.com
    If a post answers your question, please click "Mark As Answer" on that post and "Mark as Helpful".

    • Proposed as answer by Alexander Salazar Tuesday, March 12, 2013 7:58 PM
    • Marked as answer by Lisa Zhu Monday, March 25, 2013 5:53 AM
    Tuesday, March 12, 2013 7:40 PM

All replies

  • Well - there are two things -

    First, if you want to run on Windows RT, it will have to be a Windows 8 Store App.  There is no other option, and no way to make a WPF application run on WinRT.

    Unfortunately, that means you can't have a single application that runs on WinRT AND Windows 7 - it's just not possible.

    The best option is typically to use the Portable Class Libraries to develop your logic, and then write two front ends - one for WinRT/Windows 8, and one for Windows 7 using WPF.  Unfortunately, there are no "Metro" controls for WPF out of the box, so you'll need a library (or implement your own) for this, such as MahApps (http://mahapps.com/MahApps.Metro/)


    Reed Copsey, Jr. - http://reedcopsey.com
    If a post answers your question, please click "Mark As Answer" on that post and "Mark as Helpful".

    • Proposed as answer by Alexander Salazar Tuesday, March 12, 2013 7:58 PM
    • Marked as answer by Lisa Zhu Monday, March 25, 2013 5:53 AM
    Tuesday, March 12, 2013 7:40 PM
  • That is a bit frustrating but like always I'll figure out a way to get it done.

    It isn't necessary to use Metro Controls.  I am more interested in the overall app design to be more tablet or touch screen designed.  The guidelines for the Windows 8 Store App don't have to be for Windows 8 only.  I like the concept of simplistic full screen design with all controls being touch enabled.   Little or no keyboard interaction and easy to navigate layout.   I think my application best fits the Flat System Navigation Design pattern.  A series of screens that can be easily flipped through. with a back and home button at the top.

    I'd like the user expereince to be the same whether they are running Windows 7,  Windows 8 or WinRT on a tablet or other device.  Even if I have to write separate front-ends for each platform.  At least most of the navigation logic and layout will be the same.  The core logic will be stored in portable class libraries that will be used in all the front-ends.


    Jeff Davis

    Friday, March 15, 2013 4:35 PM
  • Jeff,

    That's often the way it is.  Unfortunately, that typically means WPF for the Windows 7 (and 8 desktop mode) version, and a separate front end using the Windows Store API for Windows 8 Store/RT.

    You should be able to share quite a bit of this, though, by using the PCL.


    Reed Copsey, Jr. - http://reedcopsey.com
    If a post answers your question, please click "Mark As Answer" on that post and "Mark as Helpful".

    Friday, March 15, 2013 4:50 PM
  • Is there such a thing as custom templates for Visual Studio 2012?  I wonder if anyone has done a tablet style (Metro UI) template for WPF applications?

    Jeff


    Jeff Davis

    Monday, March 18, 2013 5:00 PM
  • Is there such a thing as custom templates for Visual Studio 2012?  I wonder if anyone has done a tablet style (Metro UI) template for WPF applications?

    Jeff


    Jeff Davis

    Jeff,

    The closest thing is UI styles/templates for WPF - I linked to a "metro style" for WPF in my first answer  (MahApps) which provides a metro look and feel for WPF.


    Reed Copsey, Jr. - http://reedcopsey.com
    If a post answers your question, please click "Mark As Answer" on that post and "Mark as Helpful".

    Monday, March 18, 2013 5:39 PM
  • Hello! You can also use Elysium.
    Friday, May 3, 2013 1:48 AM