Essential WPF

Installing SQL Server R2 Management Studio on machine with VS2008 without SP1

Tomer Shamam — Sun, 25 Mar 2012 10:31:46 GMT

I’ve been trying to install SQL Server R2 Management Studio on my customer site DEV machine I’m working with, and suddenly the I’ve got an annoying message saying that I don’t have VS2008 SP1 installed and the installation failed.

Mainly I’m working with VS2010 only, and I really don’t care about VS2008, especially not in concern with Management Studio…

Now I have three options:

1. Uninstall Visual Studio 2008

2. Download and install VS 2008 SP1, which takes decades…

3. Fool installation app to think VS is not installed

Since I really don’t have time to waste, I’ve chosen option number 3. I‘ve downloaded the famous Process Monitor from Microsoft, and monitored registry access by the installation app. Then I’ve noticed it has something to deal with: HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\DevDiv.

I’ve renamed it, and, what do you know… Setup Succeeded!

Few things to concern:

1. Rename the DevDiv key before installation begin to the end of installation.

2. Since the installation creates a new DevDiv, save it (export) to a file and then delete it.

3. Rename back the original DevDiv key and import the file you’ve just exported with the new changes.

AT YOUR OWN RISK

It works for me with one issue: XAML Package fails to load now on VS 2008. Really haven't checked this before so I really don’t know if it caused by the installation.

Windows 8 Development Tutorial – Part 1 – First Steps

Tomer Shamam — Sat, 03 Mar 2012 19:40:21 GMT

Now that both Windows 8 Consumer Preview and Visual Studio 11 Beta have been released, it’s a fantastic time posting about Windows 8 programming, especially about the new Metro style based applications.

For the sake of rapid-start, I’ll save the writing about what Metro Style application is, but I’ll give you a link in case that you’ve missed that:

http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx

Installing Windows 8 Customer Preview

Before we begin, I highly recommend you to install Windows 8 and learn about the new Metro UI language, since it’s totally different than what we are used to in current versions of windows.

Lets create a clean install of the Windows 8 Consumer on our Tablet, Laptop or Desktop PC, then we will install Visual Studio 11 Beta.

If you already have Windows 8 installed, skip this section.

There are several ways installing Windows 8 on our machine, and I think that the easiest and fastest is using a USB stick.

1. First go and download the full Windows 8 Consumer Preview ISO file from Microsoft.

2. Get a USB stick big enough to contain the 3.3GB (x64) or 2.5GB (x86) ISO file and use the Windows 7 USB/DVD download tool to make your USB stick bootable with Windows 8 installation.

3. Create a bootable USB device using the tool and the Windows 8 ISO file.

4. Now that you have a bootable USB stick you can use it to create a clean installation of Windows 8 on your machine. Just plug the USB stick in the target machine, and boot from it. You can also run setup or use automatic startup if you already have Windows 7 or Windows 8 Preview installed on the target machine.

HINT: If you have the Windows 8 Samsung Tablet handed for free in the last Microsoft’s Build conference, you can boot from the USB stick by Holding the Window button while powering it on. A blue screen with three options should appear. Tap on Troubleshoot, and then tap on Reset your PC.

5. Booting from the USB stick or running the setup file directly from Windows, the installation process is very simple. Note that you may need to enter the following public product key: NF32V-Q9P3W-7DR7Y-JGWRW-JFCK8.

6. The installation process may take a while and you may notice your device restarting at least one time before done. So seat back and continue reading this post… After few minutes, Windows 8 Installed! I’ve Signed-in with my Live account, and also installed some free-apps from the Windows Store, including Cut-the-Rope famous game.

This new Beta is equipped with many Built-in apps, such as People, Mail, Calendar, Camera, SkyDrive, Video, Xbox LIVE Games, Maps, and more.

In case you’ve installed Windows 8 on existing Windows, don’t forget to remove the remaining old Windows version, setup files, follows this link:

http://windows.microsoft.com/en-US/windows7/How-do-I-remove-the-Windows-old-folder

Installing Visual Studio 11 Beta

Ok, Now that you have a Windows 8 machine running, and of course, played a bit with the awesome Metro style UI, lets install Visual Studio 11 Beta. We will use it for developing our Windows 8 Metro style applications. Note that you can install it on a different machine and test the applications you developed on the Emulator or on the Windows 8 machine, connecting remotely. Personally, I prefer installing it on my Samsung i5 Slate device.

1. Download Visual Studio 11 Beta from here:http://www.microsoft.com/visualstudio/11/en-us.

NOTE: I recommend downloading the ISO file.

2. Copy the ISO file you’ve just downloaded to a USB stick, or directly to a drive in your development Machine.

HINT: Windows 8 has a new feature for mounting an ISO file as a Virtual Drive. I will use this feature to install Visual Studio 11 Beta directly from the ISO file. You can burn the ISO file on a DVD, extract it to USB disk or use a virtual DVD drive application such as Daemon tools lite.

3. In case of Windows 8, go to Desktop mode (click on Desktop tile from the start screen), open the ISO file location, right click on it, then choose Mount. Then run the setup file.

4. After installing Visual Studio 11 Beta, it will be automatically starting, and you would have have to choose a proffered development settings. I’ve chosen C#. This will arrange the templates so C# development comes first, and the rest after.

Windows Runtime

One moment before diving into code, lets describe what is Windows Runtime, or WinRT:

“The Windows Runtime is designed to make it easy for you to create apps using the technologies that you know. You can write apps that are tailored to every hardware form factor. Your Metro style apps participate in the breadth and diversity of the Windows ecosystem. They're optimized for touch, aware of the user's location and identity, and hosted in the Windows Store. Metro style apps are always on and available for instant use, and always connected with the latest content from the web. Users can discover and purchase your apps in the Windows Store, and they can be confident that apps install quickly and uninstall cleanly.”

In other words, WinRT provides common runtime and type system for creating Metro style applications. It also provides set of classes and APIs which are common to several technologies such as C#/XAML, C++/XAML, JavaScript/HTML5. WinRT is based on native code, exposing its types using Meta Data, very similar to .NET, provides you an option to create a Metro style application using the technology you like, and share components between these technologies. Comparing to .NET Framework, WinRT is not limited only to .NET languages, it’s common to Managed, Native C++ and JavaScript.

First Metro Style Application

Now that you have Visual Studio 11 Beta installed, you may want to create your first “Hello World” Windows 8 Metro style application.

1. On the menu, choose File –> New –> Project.

2. On the left, pick Windows Metro style, then select Blank Application. I’ll demonstrates other templates on my next posts of this series.

3. In the “Name” field, select a name for the new project – “HelloWorldUI”, also for the solution name “HelloWorld”, and then click OK.

NOTE: Clicking OK you be asked to have a Developer License. Just stay connected and provide you Live ID when asked.

As you can see, there’s a solution called HelloWorld and one project called HelloWorldUI on the right side of the screen. The project has one empty page called BlankPage.xaml. Expanding this file by clicking the arrow on the left, reveals additional file called BlankPage.cs.xaml.

Typically, a Metro style application contains at least one page. This page is the UI container of the Metro style application. The .xaml file is an XML file which defines the structure of the UI declaratively using an XML language called XAML. If you’re familiar with other XAML based UI technologies, such as WPF, Silverlight and Silverlight for WP7, you may be familiar with XAML for Metro style applications since it’s same concept.

The XAML file is used for describing the UI declaratively with UI elements such as Buttons, Lists, Layout panels and so on, where the CS file is used for specifying the logic behind the XAML.

NOTE: In case that you’re familiar with WEB programming, you can create a JavaScript Metro style based application, using HTML5 instead of XAML for the UI, and JavaScript instead of C# for code behind.

4. Open the Metro UI designer by double clicking on the BlankPage.xaml file. On the top half of the screen you may see the Designer, and on the bottom you may see the XAML editor.

Looking inside the XAML markup, you may see that it comprises root element named Page and few xmlns namespaces, and one child element named Grid. Running the application, a Page and Grid instances will be created and initialized. The XAML actually describes the Visual tree of WinRT objects should be created when running the application.

NOTE: WinRT stands for Windows Runtime, and it’s a native, common framework, providing common type system for all metro style based technologies and languages, such as C#, C++ and JavaScript.

5. On the left, click on the TOOLBOX pane. The toolbox contains the UI element you can drop into a page.

6. Select Button and drag it into the UI designer. Inside the designer, you can choose the button, drag it and change the size of it a bit.

7. Selecting the button, you may see its properties on the right pane, find the Content property and change its value to Hello!

8. Double click on the Button. This will register the button’s Click event, and automatically open the C# editor. This is a good place to display the Hello World message.

9. Add the following code to the event handler created:

   1: var dialog = new MessageDialog("Hellow World!");   2: await dialog.ShowAsync();

Also add the C# 4.5 new keyword called ‘async’ to the event handler method, since from now on, everything in a Metro style application is Asynchronous (ShowAsync).

   1: private async void Button_Click_1(object sender, RoutedEventArgs e)   2: {   3:     var dialog = new MessageDialog("Hellow World!");   4:     await dialog.ShowAsync();   5: }

10. Run the application you’ve created by clicking F% in Visual Studio.

NOTE: If you’re not running VS on Windows 8, we may choose to run your application on the Windows 8 Simulator installed as part of the Visual Studio 11. To run on the Simulator, replace “Local Machine” on the toolbar to “Simulator”, then click F5. Now clicking on the Hello button you may see the Hello World message.

Congra! Now that you have the pre-basics of developing a Windows 8 Metro style application, you can start playing with VS and Windows 8 to create basic apps.

I’ll finish here, but next time I’ll explain a bit more about the Metro style application and UI. Stay tuned.

Windows 8 Consumer Preview (beta) is out!

Tomer Shamam — Wed, 29 Feb 2012 15:13:43 GMT

Windows 8 Beta build 8250 is out, and you can download it from here:

http://windows.microsoft.com/en-US/windows-8/download

The new beta is called Consumer Preview and it contains some installed apps and other 100 can be downloaded from the Windows Store.

Here are some of the new features you can find:

New bootscreen
New branding
New shortcut menu
New way to close Immersive Apps
New start button
New Aero lite theme
New Ribbon organization
New splitted touch keyboard organisation

Windows Devices User Group Meeting - Windows Phone Navigation & Life Cycle

Tomer Shamam — Fri, 17 Feb 2012 08:48:00 GMT

במפגש משתמשים Windows Devices השני, שיתקיים במיקרוסופט רעננה, בתאריך 28/2/2012, יום שלישי, אני מעביר הרצאה בנושא Windows Phone Navigation and Application Life Cycle.

בהרצאה זו אדבר על יכולות הניווט בין אפליקציות ובתוך אפליקציות Windows Phone, ואראה כיצד הן משפיעות על תהליך ריצת האפליקציה. כמו כן, נלמד להבדיל בין שני המצבים Dormancy ו- Tombstoning, וכיצד לקחת מצבים אלו בחשבון בזמן תכנון אפליקצית Windows Phone.

לפרטים נוספים אודות הארוע, ורישום:

http://windowsphonenavandlifecycle.eventbrite.com

אשמח לראותכם,

תומר שמם

Advanced Windows Phone 7.5 Applications – Presentation and Demo

Tomer Shamam — Mon, 13 Feb 2012 17:32:30 GMT

Thank you for participating my Advanced Windows Phone 7.5 Applications session at Microsoft, Raanana today. It was a great fun, and I’m very happy that you’ve enjoyed the session.

As I promissed, here is a SkyDrive link for both the Presentation and Demo code.

Please leave comments should you have any questions about the session.

Thanks,

Tomer Shamam

Developers Seminar at Microsoft about Advanced Windows Phone 7.5

Tomer Shamam — Thu, 26 Jan 2012 06:50:00 GMT

אני שמח להזמין אתכם ליום עיון למפתחים במיקרוסופט רעננה, בתאריך 13/2/2012 שיוצא ביום שני, בו אני מרצה בנושא Advanced Windows Phone 7.5 Applications.

בהרצאה זו נדבר על מרכיב חדש שהתווסף לגרסת מנגו, שמאפשר לתהליכים באפליקציה לרוץ ברקע בזמן שהאפליקציה אינה רצה. מה שבעצם מכונה Background Task, ונלמד כיצד בעזרת תהליכים מקביליים אלו תוכל האפליקציה לעדכן Tiles, לבדוק שינויי סטטוס, לבצע סנכרון מול השרת, ועוד, ובו זמנית לשמור על חיי סוללה תקינים וחווית משתמש איכותית.

פרטים נוספים אודות האירוע, והרשמה תוכלו למצוא בלינק הבא:

http://codevalue.net/events/event/applications-development-for-windows-phone

נשמח לראותכם,

תומר שמם

http://codevalue.net

Windows Phone Tutorial – Building a Windows Phone app for sending SMS to many contacts at once – Part I

Tomer Shamam — Wed, 25 Jan 2012 23:14:14 GMT

Recently, I’ve had to inform many of my contacts that I have a new phone number, so I thought to myself “Wow… this is a tough one, sending SMS to many people, using the regular SMS interface, adding contact one by one…”.

So I decided to develop a small Windows Phone app for doing that, and I would like to share my solution and show how I developed it step-by-step.

Requirements

First, lets talk about the requirements of such an app:

Sending SMS to contacts in my phone which are Mobile type only.
Select relevant contacts from a list and filter the rest.
Edit the message before sending it.
Select relevant contacts from a list and send SMS only to them.
Removing selected contacts after sending SMS.

New Project

Now that we have some requirements, lets create a simple Windows Phone project.

First thing to do is to create a new Windows Phone project, using Visual Studio:

You can download Windows Phone SDK 7.1 which include Visual Studio and Blend from APP HUB.

Now that we have an empty phone page, lets drop some user controls:

Adding Controls

First lets change the application and page titles. From the solution explorer, open the MainPage.xaml by double clicking on it, then edit the following XAML:

   1: <!--TitlePanel contains the name of the application and page title-->   2: <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">   3:     <TextBlock x:Name="ApplicationTitle" Text="SEND SMS" Style="{StaticResource PhoneTextNormalStyle}"/>   4:     <TextBlock x:Name="PageTitle" Text="Contacts" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>   5: </StackPanel>

Now lets drop the relevant controls into the page from the ToolBar on the left, and layout them using the designer.

For the contacts list we will use a simple ListBox, and for the SMS content we will use a simple TextBox.

After doing so, the XAML should be something similar to this:

   1: <!--ContentPanel - place additional content here-->   2: <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">   3:     <Grid.RowDefinitions>   4:         <RowDefinition Height="0.7*" />   5:         <RowDefinition Height="0.3*" />   6:     </Grid.RowDefinitions>   7:     <TextBox Name="textBox1" Text="TextBox" Grid.Row="1" AcceptsReturn="True" />   8:     <ListBox Name="listBox1" />   9: </Grid>

Change the TextBox.AcceptsReturn property to “True” so it will display more them one line.

Application Bar

Ok, so now that we have basic controls, lets add Application Bar and two buttons so we can Filter contacts, and Send SMS.

First, unmark the Application Bar code in the bottom of the page, and re-mark the MenuItems section. We don’t need it.

Now, change the two buttons icons and text to something more relevant. To add your own images, create an Images folder in the project and add .png icons to it. You can use the images from the Windows Phone SDK: %ProgramFiles%\Microsoft SDKs\Windows Phone\v7.1\Icons\dark

   1: <!--Sample code showing usage of ApplicationBar-->   2: <phone:PhoneApplicationPage.ApplicationBar>   3:     <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">   4:         <shell:ApplicationBarIconButton IconUri="/Images/appbar_filter.png" Text="Filter"/>   5:         <shell:ApplicationBarIconButton IconUri="/Images/appbar_send.png" Text="SMS"/>   6:         <!--<shell:ApplicationBar.MenuItems>   7:             <shell:ApplicationBarMenuItem Text="MenuItem 1"/>   8:             <shell:ApplicationBarMenuItem Text="MenuItem 2"/>   9:         </shell:ApplicationBar.MenuItems>-->  10:     </shell:ApplicationBar>  11: </phone:PhoneApplicationPage.ApplicationBar>

Looking at the phone XAML designer, you should see something similar to this:

In the next post of this tutorial I’ll show how to connect the data behind and then how to design each item in the ListBox.

You can download the code so far from here.

Time to move on after 9 years…

Tomer Shamam — Wed, 25 Jan 2012 12:50:19 GMT

אחרי תקופה ארוכה של יותר מתשע שנות עבודה בחברת סלע, כמהנדס תוכנה, מרצה, ויועץ בכיר, החלטתי שזה זמן טוב לרענן ולבחור בדרך חדשה. סלע היתה ועדיין בית חם ומשפחה בשבילי, ונהנתי מאוד לעבוד ולהיות חלק ממשפחה זו למשך כל שנות עבודתי בחברה.

בהזדמנות זו, אני רוצה להודות לדודו, לקרו, לישי, לאלי, ולאנשי המקצוע הקולגות בסלע, על תקופה נפלאה, ואני בטוח שעוד יצא לנו להפגש לא מעט, ואפילו כבר נפגשתי עם חלק מכם.

מטבעי, אני אדם דינאמי שאוהב לשנות ולנסות דברים חדשים, להתקדם קדימה ולראות את הדברים מזוויות שונות.

בדרכי החדשה בחרתי להיות ארכיטקט תוכנה ויועץ בכיר בחברת CodeValue ולהצטרף לקבוצת אנשי מקצוע מדהימים.

http://codevalue.net

בהקשר לתרומתי לקהילה, אני אמשיך כהרגלי, ובעת הקרובה אפילו אעמיק את הפעולות בתחום, ואם כבר יצא לי להזכיר, אשמח לראותכם משתתפים בפורום Windows Phone שאני מנהל במיקרוסופט ובהרבה בתים פתוחים וכנסים של CodeValue ושל מיקרוסופט בעתיד הקרוב.

חברים יקרים, אשמח לעמוד לרשותכם במתכונת החדשה, כארכיטקט תוכנה, מוביל טכנולוגי, יועץ ומרצה.

תודה רבה,

תומר שמם

Windows Phone Israeli Forum Merge

Tomer Shamam — Thu, 19 Jan 2012 13:22:22 GMT

שלום לכולם,

ברצוני להודיע על איחוד הפורומים בנושא Windows Phone.

כעת ניתן לשאול שאלות ולמצוא תשובות הקשורות ל- Windows Phone, גם בנושאי פיתוח וגם בנושאים אחרים באותו פורום שנמצא בכתובת הבאה:

http://social.msdn.microsoft.com/Forums/he-IL/WindowsPhonedevil/threads

שימו לב, הפורום עוסק בנושאי Windows Phone בלבד, ולא בנושאי Windows Mobile.

אם לא הכרתם את הפורום עד כה, זאת הזדמנות מעולה להרשם ולהתרשם.

בברכה,

תומר שמם

Exit Windows Phone Application

Tomer Shamam — Sat, 14 Jan 2012 19:34:03 GMT

Many Windows Phone developers wonders how a Windows Phone Silverlight application can be closed?

The problem is that Microsoft didn’t provide any official way closing a Silverlight application, since working with the Metro style UX concept, the user should press the Back key, closing the application by himself.

You can argue with me about this concept, but this is not the place for discussing it. You may read further about it here.

This post is going to provide a simple and correct way of asking the user to close the application, leaving him no other option.

But first, you should know that technically, any Windows Phone application could be closed as following:

1. Throwing an exception from, let say: button click handler. The application’s unhandled-exception handler will catch it and silently close the application.

2. Create an instance of type Microsoft.Xna.Framework.Game and call Exit: new Microsoft.Xna.Framework.Game().Exit();

3. Clear the entire back-stack, and then click NavigationService.GoBack(). Again,. this will throw an exception saying the you can’t call GoBack while CanGoBack returns false.

- NOTE: There is no guarantee that Microsoft will like these options, and your application may be rejected by the Marketplace verification process.

The concept of asking the user to exit the application is simple. All you have to do is ask politely to press the back button for exit, lets say for maintenance or some other reason.

So here’s how:

1. In the place you want the user to exit, navigate to a special page, asking the user to click the Back button.

2. In this page navigated-to event handler, clear all entries from the back-stack, so pressing the back button will exit the application.

   1: protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)   2: {   3:     while (NavigationService.RemoveBackEntry() != null);   4:                5:     base.OnNavigatedTo(e);   6: }

You can download the sample code from here.

Windows 8 Dilemma – Could it run your Enterprise Applications?

Tomer Shamam — Wed, 28 Dec 2011 20:58:50 GMT

As it was cleared out by Microsoft about three months ago, Windows 8 based devices, running on top of ARM based CPU’s won’t be able to run existing x86 and x64 software. The only option will be running Windows 8 Metro Style applications (though the OS API’s are the same, meaning you can recompile the application and device drivers with few difficulties and have them running on top of ARM based CPU’s in desktop mode).

Having this in mind, and that the Desktop mode should be considered for “legacy” applications, the questions are: Does Metro Style based application is good enough for replacing our Enterprise application? Is it worth the investment? Should I take the risk?

Well, it’s hard to tell, but based on what I’ve read over here, Microsoft are going to develop Office Metro style. So if Office, one of the most complicated software beast I know, with so many years of investment is going to have Metro style application version, be sure your enterprise could be a Metro style app.

So I will say, go for it! if Microsoft does be sure that they rely on it, and the more Microsoft's in-house applications based on Metro, the better, stable, bug fixed and full of features it would be.

Think of it!

Get ready for Windows Phone 7.5 – Part 8.2 – Live Tiles

Tomer Shamam — Tue, 27 Dec 2011 20:14:06 GMT

בפוסט הקודם הצגתי מה חדש בגירסת מנגו בנוגע ל- Live Tiles והראתי כיצד ניתן לעדכן Tiles בזמן שהאפליקציה רצה בצורה קלה וללא כל צורך במנגנון Push Notification. בפוסט המשך זה אסביר כיצד ניתן ליצור Tiles מישניים עבור האפליקציה שלכם, ואראה כיצד לנווט לדף שונה מהדף הראשי בעת לחיצה על Tile משני.

מבוא

החל מגירסת מנגו, ניתן ליצור Tiles מישניים עבור אפליקציה אחת, כלומר יותר מ- Tile אחד בו זמנית עבור אותה אפליקציה בדף הראשי.

הרעיון שעומד מאחורי Tile מישני זה לתת למשתמש יכולת להתמקד ולהתעדכן בנתונים מישניים באפלקציה, והיכולת להזניק אפליקציה ישירות עם הדף הרלוונטי לנתון המשני.

לדוגמה, באפליקציה שמציגה נתוני מזג אוויר, ניתן ליצור Tiles מישניים, אחד עבור כל עיר מעניינת, כך שבעת לחיצה על Tile מישני תיפתח האפליקציה ותציג נתונים רלוונטיים לאותה עיר.

הוספת Tile מישני

כדי להוסיף Tile מישני, קודם נחפש אם כבר קיים אחד כזה, אם לא קיים, נוסיף בעזרת המחלקה ShellTile ובעזרת המטודה הסטטית Create. כדי לבדוק אם כבר קיים Tile נבצע חיפוש ברשימת ה- Tile האקטיביים באפליקציה בצורה הבאה:

   1: // Try find Secondary Tile. If not found, create one.   2: var secondaryTile = ShellTile.ActiveTiles.FirstOrDefault(   3:     x => x.NavigationUri.ToString().Contains("City=" + Title));

כפי שניתן לראות, ShellTile.ActiveTiles מכיל את כל ה- Tiles של האפליקציה, כולל הראשי והמישניים. כדי להבדיל בין Tile מישניים, מראש ניצור אותם עם תוספת קלה לכתובת שמיצגת את הדף שיש לנווט אליו (נראה בהמשך), במקרה שלנו “City=city-name”.

אם ה- Tile המישני לא נוצר בעבר וזאת הפעם הראשונה, ניצור אותו בצורה הבאה:

   1: if (secondaryTile == null)   2: {   3:     // Create a Secondary Tile   4:     ShellTile.Create(   5:         new Uri("/WeatherDetailsPage.xaml?City=" + Title, UriKind.Relative),   6:         TileData);   7: }

המטודה הסטטית ShellTile.Create מקבלת 2 פרמטרים: כתובת לדף שאוטומטית יפתח אם נלחץ על ה- Tile המישני בתפריט הראשי, וכפי שציינתי קודם עם תוספת פרמטר שיבדיל את ה- Tile מ- Tiles האחרים. במקרה שלנו הכתובת הינה WeatherDetailsPage.xaml?City=city-name/

אם נריץ את הקוד שהצגתי, מיד לאחר קריאה ל- Create האפליקציה תיצור Tile מישני בתפריט הראשי ותעביר אותנו לתפריט הראשי כאילו ולחצנו על כפתור התחל. אם נלחץ Back, נחזור לאפליקציה, אם נלחץ על ה- Tile המישני, תפתח האפליקציה עם הדף המישני שצויין בכתובת.

קבלת פרמטר של Tile מישני

ניתן לחלץ את הפרמטר שהוצמד ל- Tile המישני, וזה אם נרצה לעשות שימוש באותו דף, ועדיין להבדיל בין Tiles מישניים שונים. למשל באפליקציה של מזג אויר, ניצור Tile מישני לכל עיר, כך שלחיצה על Tile מישני יפתח דף שמציג את נתוני מזג האוויר עבור אותה עיר. כדי להבדיל בין הערים נחלץ את הפרמטר באופן הבא:

   1: public partial class WeatherDetailsPage : PhoneApplicationPage   2: {   3:     public WeatherDetailsPage()   4:     {   5:         InitializeComponent();   6:     }   7:     8:     protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)   9:     {  10:         var city = NavigationContext.QueryString["City"];  11:         DataContext = city;  12:         base.OnNavigatedTo(e);  13:     }  14: }

כפי שניתן לראות, ביצענו override למטוה OnNavigatedTo של הדף אותו אנו מעונינים להציג בעת לחיצה על ה- Tile המישני. את הפרמטר נחלץ ישירות מהארגומנט שמועבר למטודה, או בעזרת NavigationContext.QueryString, כאשר שם הפרמטר הוא זה שקבענו קודם, לפני סימן ה- “=”, במקרה שלנו “City”.

ניתן להוריד את דוגמאת הקוד המלאה מכאן.

מה בפוסט הבא?

Running Silverlight and XNA side by side

Get ready for Windows Phone 7.5 – Part 8.1 – Live Tiles

Tomer Shamam — Sun, 25 Dec 2011 22:38:04 GMT

בפוסט הקודם הראתי כיצד לבצע שאילתה אל מול ה- Calendar והדגמתי פיסת קוד קטנה שמציגה רשימה דומה לרשימת ה- Agenda שבמכשיר.

בפוסט זה אציג מה חדש בגירסת מנגו בנושא Live Tiles, כיצד ניתן לעדכן Tiles מתוך האפליקציה וכיצד ליצור Tiles מישניים לאותה אפליקציה.

מבוא

למי שלא מכיר, Tile הינו סוג של Icon מיוחד דינאמי, כזה שמייצג את האפליקציה שלכם במסך הראשי ויודע להתעדכן מעת לעת, גם בעזרת Push Notification. שימוש ב- Tiles מאפשר לכותב האפליקציה להציג נתונים עדכניים שרלוונטיים לאפליקציה, כגון מזג אוויר נוכחי, מצב המניה בבורסה, תמונות אחרונות שצפיתם בהם או כל סטטוס אחר של האפליקציה.

אם כבר יצא לכם לפתח אפליקציות עבור Windows Phone, בטוח שנתקלתם באפשרות עדכון של ה- Tile שמייצג את האפליקציה במסך הראשי בעזרת Push Notification או בצורה מתוזמנת.

בגירסת מנגו הוסיפו API’s חדשים שמאפשרים לעדכן את ה- Tile באופן יזום ופשוט מקוד האפליקציה וללא כל צורך ב- Push Notification. בנוסף, כותב האפליקציה יכול להוסיף Tiles מישניים ל- Tile הראשי כך שלחיצה עליהם מובילה לדף מחושב באפליקציה, לא רק לדף הראשי. בנוסף ישנה אפשרות לעדכן את צידו האחורי של ה- Tile. אם שמתם לב, במנגו ה- Tiles מתהפכים מעת לעת ומציגים את צידם האחורי.

עדכון Tile קיים

כדי לעדכן Tile קיים, צריך קודם לקבל רפרנס לאובייקט שמייצג אותו. ניתן לעשות זאת בעזרת מחלקת העזר ShellTile בצורה הבאה:

Code Snippet

// Application Tile is always the first Tile, even if it is not pinned to Start.
var applicationTile = ShellTile.ActiveTiles.First();

ניתן למצוא את ה- Tile של האפליקציה תמיד, בין אם הוא Pinned למסך הראשי ובין אם לא. כעת נותר לעדכן את נתוני ה- Tile עם הנתונים החדשים על בסיס מצב האפליקציה, ולעדכן את ה- Tile עצמו. ונעשה זאת בצורה הבאה:

Code Snippet

// Update the Application Tile.
applicationTile.Update(TileData);

כאשר, TileData בדוגמה הינו property שיצרתי, מסוג StandardTileData, עליו אני מבצע Binding ישירות מה- View:

Code Snippet

<TextBlock Text="Front Title" />
<TextBox Text="{Binding Title, Mode=TwoWay}" />
<TextBlock Text="Front Image" />
<ListBox SelectedItem="{Binding BackgroundImage, Mode=TwoWay}" ItemsSource="{Binding TileImages}" />
<TextBlock Text="Count" />
<Slider Minimum="0" Maximum="99" Value="{Binding Count, Mode=TwoWay}" />
<TextBlock Text="Back Title" />
<TextBox Text="{Binding BackTitle, Mode=TwoWay}" />
<TextBlock Text="Back Image" />
<ListBox SelectedItem="{Binding BackBackgroundImage, Mode=TwoWay}" ItemsSource="{Binding TileImages}" />
<TextBlock Text="Back Content" />
<TextBox Text="{Binding BackContent, Mode=TwoWay}" />

כפי שניתן לראות, StandardTileData שבעזרתו אנו מעדכנים את ה- Tile מכיל את ה- Properties הבאים:

Title – כיתוב בתחתית ה- Tile.

BackgroundImage – כתובת Uri לתמונת רקע קידמית בגודל 173x173, המוגדרת כ- Content בפרוייקט או כתובת לתמונה ב- Web.

Count – מספר בין- 1-99 (או אפס לאיפוס) שמופיע בראש ה- Tile.

BackTitle – כיתוב בתחתית ה- Tile האחורי.

BackBackgroundImage – כתובת Uri לתמונת רקע אחורית בגודל 173x173, המוגדרת כ- Content בפרוייקט או כתובת לתמונה ב- Web.

BackContent – כיתוב בראש ה- Tile האחורי.

* ניתן לעדכן Tile באותו אופן בעזרת Background Task.

ניתן להוריד את דומאת הקוד המלאה מכאן.

שימו לב: כדי לראות תוצאות, צריך לנעוץ את ה- Tile למסך הראשי ע”י לחיצה ארוכה על הצלמית הקטנה של האפליקציה ברשימת האפליקציות, לאחר שהותקנה, ואז “pin to start”.

מה בפוסט הבא?

בפוסט הבא אציג כיצג ניתן ליצור Tile מישניים עבור אותה אפליקציה.

Just got a Microsoft Community Contributor award

Tomer Shamam — Mon, 19 Dec 2011 18:40:41 GMT

I’ve just been informed that I awarded the Microsoft Community Contributor award for the year 2012.

Here is the announcement I’ve got from Microsoft:

“The Microsoft Community Contributor Award is reserved for participants who have made notable contributions in Microsoft online community forums such as TechNet, MSDN and Answers. The value of these resources is greatly enhanced by participants like you, who voluntarily contribute your time and energy to improve the online community experience for others… Thank you for your commitment to Microsoft online technical communities and congratulations again!”

I’m very excited and truly honored to receive this contribution award, and with it I’m going to continue investing and contributing to the community in the near future.

Part of my contributions to the community are: This blog, Windows Phone Development Israeli Forum, Windows Phone User Group, CodePlex projects and much more.

Tomer Shamam

Get ready for Windows Phone 7.5 – Part 7.2 – Calendar and Contacts query

Tomer Shamam — Wed, 14 Dec 2011 21:18:00 GMT

בפוסט הקודם הראתי כיצד לבצע שאילתה אל מול מאגר ה- Contacts האישי שבטלפון ע”י שימוש במחלקה Contacts, ופרסמתי אפליקצית דוגמה שמאפשרת לחפש אחר Contact ע”י לחיצה על אות מסרגל אותיות.

בפוסט המשך זה אציג כיצד לבצע חיפוש ולבצע שאילתות ב- Calendar של הטלפון.

כידוע, החל מגירסת מנגו יש את האופציה לקבל את רשימת ה- Appointments ביומן של המשתמש המוגדרים בטלפון, לקריאה בלבד מטעמי אבטחה. כדי לעשות זאת כל מה שצריך לעשות זה לעבוד מול מחלקה בשם Appointments בדומה לאיך שניגשנו לרשימת ה- Contacts.

לצורך הדוגמה, נניח שאנו מעונינים ליצור מסך דומה ל- Agenda שקיים לנו בטלפון כשנכנסים ל- Calendar ממסך ההתחלה.

כל מה שצריך לעשות זה ליצור מסך פשוט שמכיל רשימה: ListBox, ולבצע Binding לרשימה של Appointment. את רשימת ה- Appointments השונים נוכל לקבל בעזרת שאילתה פשוטה אל מול מחלקת Appointments באופן הבא:

הגדרת רשימה עם תבנית להצגת נתונים בעזרת Binding

   1: <ListBox ItemsSource="{Binding Appointments}">   2:     <ListBox.ItemTemplate>   3:         <DataTemplate>   4:             <StackPanel>   5:                 <TextBlock Text="{Binding StartTime, StringFormat=dddd\, MMMM dd\, yyyy}" FontSize="24" Foreground="Silver" />   6:                 <TextBlock Text="{Binding StartTime, StringFormat=HH:MM}" FontSize="28" Foreground="White" />   7:                 <TextBlock Text="{Binding Subject}" FontSize="32" Foreground="Orange" />   8:                 <TextBlock Text="{Binding Location}" FontSize="32" Foreground="Silver" Margin="0,0,0,24" />   9:             </StackPanel>  10:         </DataTemplate>  11:     </ListBox.ItemTemplate>  12: </ListBox>

יצירת מחלקה מסוג Appointments ושאילה משעה נוכחי ועד שבעה ימים קדימה

   1: var appointments = new Appointments();   2: appointments.SearchCompleted += appointments_SearchCompleted;   3: appointments.SearchAsync(DateTime.Now, DateTime.Now + TimeSpan.FromDays(7), null);

כמו שניתן לראות, ניתן להעביר פרמטרים לפני תחילת השאילתה, שכמובן מתבצעת בצורה אסיכרונית, כגון תחילת תאריך, סוף תאריך, באיזה יומן לחפש או בכולם.

ניתן לקבל או לעבור על רשימת כל היומנים (Outlook, Facebook, Live) בעזרת איטרציה על Appointments.Accounts.

טיפול בתשובה ע”י יצירת מחלקה Agenda (מחלקת עזר פשוטה שיצרתי) שמכילה את התשובה עבור כל היומנים וחיבור ל- DataContext עבור Binding

   1: private void appointments_SearchCompleted(object sender, AppointmentsSearchEventArgs e)   2: {   3:     DataContext = new Agenda   4:     {   5:         Appointments = e.Results   6:     };   7: }

מה בפוסט הבא?

Live Tile Enhancements