2. Arunjeet Singh
Mobility Consultant
Microsoft
Session Code:

3. About Me
Member of the Global Mobility Practices team
Free consulting can occasionally be bought for a large
bag of fries and a cold drink 
Blog: http://blogs.msdn.com/knowledgecast
Email: arunjeet.singh@microsoft.com
Twitter: @arunjeetsingh

4. Session Prerequisites
Visual Studio.NET
.NET Compact Framework
Familiarity with P/Invoke
Knowledge of Windows Mobile Development

5. What We Will Learn Today
What Makes a Great Looking UI
Transparency and Custom Borders
Some Guidelines
The UI Framework
Recap and Next Steps
Q&A

6. My Favourite Mobile Applications

7. My Favourite Mobile Applications

8. My Favourite Mobile Applications

9. What Makes a Great Looking UI
Background Images
Transparent Overlays
No Sharp Edges
Gradients!

10. Transparency
Transparent Backgrounds
Semi-transparent Images
Using the Alpha Channel

11. Transparency
Transparent Backgrounds

12. Transparency
Transparent Backgrounds

13. Transparency
Transparent Backgrounds
Semi-transparent Images
Using the Alpha Channel

14. Transparent Backgrounds
One color (the background) is transparent
Support OOB in .NET Compact Framework
ImageAttributes attr = new ImageAttributes();
attr.SetColorKey(Color.Red, Color.Red);
e.Graphics.DrawImage(bmp, destRect, 0, 0, bmp.Width, bmp.Hei
ght, GrahicsUnit.Pixel, attr)

15. Semi-transparent Images
The image blends in with the background
Alpha Blending
Supported by the Platform
[DllImport(quot;coredll.dllquot;)
extern public static Int32 AlphaBlend(IntPtr hdcDest,
Int32 xDest, Int32 yDest, Int32 cxDest,
Int32 cyDest, IntPtr hdcSrc, Int32 xSrc,
Int32 ySrc, Int32 cxSrc, Int32 cySrc,
BlendFunction blendFunction);

16. Building a Splash Screen
Arunjeet Singh
Mobility Consultant
Microsoft

17. Using the Alpha Channel
Parts of the image are drawn with an “alpha”
channel
The channel defines custom transparency
Supported by a COM interfaces of the Imaging
API
IImagingFactory
IImage

18. Using Alpha Channels
Arunjeet Singh
Mobility Consultant
Microsoft

19. Custom Borders
Turn off the default border
Using custom borders
Using Rounded Borders

20. Custom borders
Arunjeet Singh
Mobility Consultant
Microsoft

21. Some Guidelines
Window transparency is not supported
Drawing must be done in one Graphics context
Reuse drawing resources (Brushes, Pens, Fonts)
Use double buffering

22. The UI Framework
Arunjeet Singh
Mobility Consultant
Microsoft

23. Recap
Mobile UI trends
Transparency implementation
Custom Borders
UI Framework

24. Next Steps
Get the Windows Mobile 6 SDK
http://www.microsoft.com/downloads/details.aspx?fa
milyid=06111A3A-A651-4745-88EF-
3D48091A390B&displaylang=en

25. Next Steps
Leverage what we talked about today
http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?
ProjectName=uiframework&ReleaseId=2315

26. Next Steps
Build Great Looking Applications!

27. More Information
Code from this session:
http://code.msdn.microsoft.com/Release/ProjectReleases.a
spx?ProjectName=uiframework&ReleaseId=2315
How to create a Microsoft .NET Compact Framework-
based Image Button:
http://msdn.microsoft.com/en-us/library/aa446518.aspx
Chris Lorton’s blog (Alpha Blending):
http://blogs.msdn.com/chrislorton/archive/2006/04/07/57
0649.aspx

28. More Information
How-to Display Gradient Fill:
http://msdn.microsoft.com/en-us/library/ms229655.aspx
Building Graphically advanced Apps in .NET Compact
Framework:
http://expression.microsoft.com/en-us/dd279543.aspx
MSDN Article that covers these concepts:
http://msdn.microsoft.com/en-us/library/dd630622.aspx

30. Related Content
May 15 (1100 – 1215) - Windows mobile platform: Past, Present and Future
May 15 (1500 – 1615) - Occasionally connected Applications using the Sync Framework
May 15 (1630 – 1745) - Understanding and optimizing for .NET CF Memory Architecture
Exam 70-540 - Microsoft Windows Mobile 5.0 - Application Development

31. Blog: http://blogs.msdn.com/knowledgecast
Email: arunjeet.singh@microsoft.com
Twitter: @arunjeetsingh

32. © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should
not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS,
IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.