Building Great Looking Mobile Applications Tech Ed

825 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
825
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • Building Great Looking Mobile Applications Tech Ed

    1. 1. Arunjeet Singh Mobility Consultant Microsoft Session Code:
    2. 2. 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
    3. 3. Session Prerequisites Visual Studio.NET .NET Compact Framework Familiarity with P/Invoke Knowledge of Windows Mobile Development
    4. 4. 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
    5. 5. My Favourite Mobile Applications
    6. 6. My Favourite Mobile Applications
    7. 7. My Favourite Mobile Applications
    8. 8. What Makes a Great Looking UI Background Images Transparent Overlays No Sharp Edges Gradients!
    9. 9. Transparency Transparent Backgrounds Semi-transparent Images Using the Alpha Channel
    10. 10. Transparency Transparent Backgrounds
    11. 11. Transparency Transparent Backgrounds
    12. 12. Transparency Transparent Backgrounds Semi-transparent Images Using the Alpha Channel
    13. 13. 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)
    14. 14. 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);
    15. 15. Building a Splash Screen Arunjeet Singh Mobility Consultant Microsoft
    16. 16. 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
    17. 17. Using Alpha Channels Arunjeet Singh Mobility Consultant Microsoft
    18. 18. Custom Borders Turn off the default border Using custom borders Using Rounded Borders
    19. 19. Custom borders Arunjeet Singh Mobility Consultant Microsoft
    20. 20. Some Guidelines Window transparency is not supported Drawing must be done in one Graphics context Reuse drawing resources (Brushes, Pens, Fonts) Use double buffering
    21. 21. The UI Framework Arunjeet Singh Mobility Consultant Microsoft
    22. 22. Recap Mobile UI trends Transparency implementation Custom Borders UI Framework
    23. 23. Next Steps Get the Windows Mobile 6 SDK http://www.microsoft.com/downloads/details.aspx?fa milyid=06111A3A-A651-4745-88EF- 3D48091A390B&displaylang=en
    24. 24. Next Steps Leverage what we talked about today http://code.msdn.microsoft.com/Release/ProjectReleases.aspx? ProjectName=uiframework&ReleaseId=2315
    25. 25. Next Steps Build Great Looking Applications!
    26. 26. 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
    27. 27. 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
    28. 28. 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
    29. 29. Blog: http://blogs.msdn.com/knowledgecast Email: arunjeet.singh@microsoft.com Twitter: @arunjeetsingh
    30. 30. © 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.

    ×