Planning Windows Phone 7 application - windows-phone-7

What are the steps for in planing and developing a Windows Phone 7 application?
First design interface and write code
Expression blend and then VS 2010
First design layout in Photoshop then expression blend and then VS 2010
Write code first in VS 2010 (to achieve main goal) then design interface
What is the correct method?

I typically use a tool like Balsamiq to mock up my UI design
Once I am happy with the UI design, I design and code the entities to support my app
Once the entities are designed, I create ViewModel objects (I use MVVM).
With the ViewModel done, I create the UI for WP7.
Iterate through 1 to 4.
Once I am happy, I then use Blend to prettify the UI (add animations, states, etc).

Related

Multi selection Tree in .NET ( visible in UIA ) with win32 treeview?

I need a treeview in .net with supported multi selection.
A own implementation in wpf or winforms ( this two don't have multi selection out of the box !? ) is a no go, i need the multi selection visible in the ms ui automation framework.
Do anyone know if this is possible with the win32 treeview ? Or know a way how to implement multiselection in wpf / winforms which is also visible in the automation framework ?
Technically, even the awesome Infragistics controls are visible to the UI automation framework, but I think you need to use the 'core classes' with the legacy msaa pattern (that is what I do with Infragistics and Ui Automation).
As far as something more friendly and free, I'd suggest trying this:
http://www.codeproject.com/Articles/20581/Multiselect-Treeview-Implementation
I use it and have been very happy with it. I don't actually automate it, but use it elsewhere. I would think that it is UI Automation friendly, though, based on looking at the code a bit.

What GUI framework or libs are used in Unreal Engine 4 Feature Demo?

Unreal Engine 4 GUI like this:
https://pcper.com/2012/06/e3-12-unreal-engine-4-what-you-and-we-missed-at-gdc/
Unreal Engine 3 use wxwidgets,but in UE4 it looks like .NET Framework WPF. The GUI in UE4 is fantastic.
P.S. Microsoft Expression Studio 4 has the same style.
it is not wxwidgets and wpf.
it is a new gui framework which is developed by unreal engine 4 team and it named "Slate UI Framework".
this framework used for editor and game twice, so it is a cross platform framework and use hardware accerlation, like unity3D editor.
if you use some software for example Fraps, it will tell you the full screen is one frame buffer.
The Unreal Engine 3, at least later builds of it are slowly replacing wxWidgets with WPF which you can tell by looking at some of the .NET .dll files and also by the look of the Content Browser, color picker etcetera.
It would make sense for the Unreal Engine 4 to continue that trend.
The UE4 Editor utilizes the Slate UI Framework for its widgets.
They can be inspected via the Widget Reflector tool, which allows selecting a widget currently present on the editor screen and then finding and inspecting, among other aspects, its source code, like so:
In UE4, go to Window > Developer Tools > Widget Reflector
In the Widget Reflector window, click Pick Hit-Testable Widgets or Pick Painted Widget
Move the mouse over any widget on the editor window and press ESC to stop
Notice that the widget and its corresponding CPP file will be highlighted in the Widget Reflector
On a default installation of UE4, the base folder containing Slate UI widgets should be:
C:\Program Files\Epic Games\UE_4.26\Engine\Source\Runtime\Slate\
For instance, the implementation of the SBox widget can be found at:
C:\Program Files\Epic Games\UE_4.26\Engine\Source\Runtime\Slate\Private\Widgets\Layout\SBox.cpp
Aside from being utilized to build the UE4 Editor itself, the Slate UI Framework can also be utilized in games/content created with it.
This document provides an overview of the framework by its creator.

Should we choose XAML for UI desing in WP7 games?

I am quite new to WP7 although have done lot of 2D games before(for BREW/J2ME).
But since in Windows phone we have the flexibility to create User Interface using XAML(through visual studio designer tools by drag/drop).
Is that really recommended or practical? I am asking because even the sample codes (provided here) doesn't have any XAML.
It really depends on your comfortably. Windows Phone 7 application can be made using the following
Silverlight for WP7 (Use this if your game is not very graphically intense)
XNA for WP7 (use this if you want to create a REAL game)
Silverlight and XNA for WP7 (use this if you would rather have all your menus using the easabilty of XAML, but still have all the gaming features XNA has)
The Microsoft provided GamestateManagementExample (http://create.msdn.com/en-US/education/catalog/sample/game_state_management) provides an easy to use alternative to baking some Silverlight into your XNA game. You can customise various options and add/remove screens really simply. You can make it look much more proffesional than using some "sprite" buttons.

Expression Blend: Why do I not have options for Transitions and Easing?

I am using Expression Blend 4 with .Net 3.5
In the image below, there are options for Transition Effects and the ability to choose Easing effects for your transitions:
My Blend interface does not have these on my WPF application:
However, if I create a new application (such as a WPF Sketchflow app) these options appear just as they do in the first photo.
What determines whether or not these options appear, and how can I get them into my WPF application?
I think you need the WPF toolkit to even get this far with .NET 3.5. (WPF 3.5 lacks the VisualStateManager; the toolkit adds this missing piece.) As to why it doesn't show up, it's because it's not supported in WPF 3.5:
In V3, we added four primary enhancements in this area. The first was
EasingFunctions, which are critical to making property animations have
the right feel. We’ve got all the classics—quadratics, cubics, bounce,
elastic, etc. Plus, you can write your own EasingFunction in C# or VB
and apply it to any animation you wish. This is all supported in
Silverlight 3 and WPF 4.
When you create a new WPF Sketchflow app, it's almost certainly targeting .NET 4.0.

Creating a Custom Silverlight Designer in WPF

I need to create a designer for Silverlight in WPF and I’m thinking of a few options
Use a WebBrowser control,
display the content there and
communicate Silverlight using the
JavaScript Bridge. Not sure if this
will be enough for the scenarios I
need to support (see below). This is what KaXaml is doing. SilverlightSpy uses a a more sophisticated WebBrowser control, but I'm not sure how they communicate with Silverlight.
Communicate using Sockets
between the Host and Silverlight.
Host the Silverlight runtime (not in
a browser), but directly using
AgCore.dll. Similar to what sllauncher does for OOB. I imagine
this is what Blend/VS are doing.
Do whatever Blend or VS are doing
which.
I obviously don’t want to go as far as VS and Blend, but I need to support drag and drop of some controls as well as grouping, changing the layout, moving controls in the design surface and obviously updating the Xaml as a result of this actions.
Any ideas, recommendations or pointers on the best way to create a Silverlight Designer in WPF?
SharpDevelop 4 has a WPF based editor for WPF and Silverlight -> http://www.icsharpcode.net/opensource/sd/

Resources