Join Michael Lehman for an in-depth discussion in this video Demoing the note-taking app, part of Building a Note-Taking App for Windows Phone 8 and Windows Store.
- View Offline
As we're building two apps in this course let's take a look at the features of these apps running on Windows Phone and on Windows 8. Plain Ol' Notes is what we call the app and it has common features between both of these apps as well as the features shared with apps in this series the Creating a Note Taking App for iOS and Creating a Note Taking App for Android. Creating and editing simple text based notes. Navigation and data sharing between multiple pages of an app, and saving data to persistent storage. Windows Phone app has two pages. A list of notes and an editor, and it looks like this.
It's got the title Plain Ol' Notes at the top. It's got the Page Name Notes, and it's got a list of notes with a pencil at the end of each one. Hinting to the use that if they tap on this, they can edit the note. And in this list, there's a single individual entry for each note. And to add a new note, we simply click the add button down here at the bottom and we can type in a new note; this is a really nice note. And there we go. We have our new note right here at the bottom.
To delete, you simply hold the finger down on one and select Delete Note. (SOUND) And we have a confirmation dialog. Once you answer yes, the note goes away. With the Windows Store version of the app, we have the same thing. Two pages; a list of notes and an editor but it looks much, much different. Let's take a look. Here's the Windows Store version of Plain Ol' Notes. Running on a simulator that looks like a Microsoft Surface tablet, or one of many touchscreen laptops that you might find running Windows 8. The main page has a list of all the notes.
And as you select each individual note, you can click here and see a preview of what's in the note. When you want to edit the note you click on the hand with the pencil here and we'll make our camping trip for August. (SOUND) And we'll go back and see that that's been updated and our note is still selected. To add a new note, you have to bring up the App bar for a system with no touchscreen you use the right mouse button to bring up the App bar. If you have a touch screen, and we can simulate that with a simulator, you simply swipe up from the bottom.
Or swipe down from the top. And the app bar shows up. We click the Add button, and here's our new note. And there we go. There's our new note. When you want to delete one, you can either left-click or right-click. In this case, we'll just left-click swipe up to bring up the App bar select Delete. You see, we have confirmation, we say yes and the note goes away. And that's a quick look at the features of Plain Ol' Notes that we're going to implement for both Windows Phone and Windows Store in this course.
Like its companions, it will take you through building a complete mobile app from scratch; but this installment uses C#/XAML with the Windows Phone SDK and Windows Store SDK to get the job done. Author Michael Lehman explains the app's class structure, model, and page flows, and then shows you how to build the data model from scratch, handle orientation and size changes, create the "code behind" the markup, implement persistence, and test your app on a device emulator.
These three related courses use the same assets to develop the same app. (See Building a Note-Taking App for iOS and Building a Note-Taking App for Android for more information.) Compare and contrast the different steps and discover the similarities and differences!
- Previewing the sample note-taking app
- Understanding the app structure
- Reviewing concepts unique to Windows Phone and Windows Store apps
- Creating the data model
- Exploring public properties and class methods
- Building the XAML
- Enhancing the data model
- Building the code behind
- Sharing asset with Android and iOS