Join Matt Milner for an in-depth discussion in this video A look at the app we're building, part of Xamarin.Forms Essential Training.
- [Instructor] Let's take a quick look at the applications we're gonna build in this course. First, H+ Sport is a website or application with sports-related nutrition and clothing. What we're gonna build is a mobile application that uses the API in order to shop for those items. You can see here, both the Android emulator and the iOS simulator showing the same application that we've built. We've got a list view showing the various products that are available and those are pulled right from that API. We're able to pull back the data and we can see some images here.
We've got the ability to favorite it or order these items. And as we go to those pages, you'll see that while they are similar, they don't look exactly the same because they're rendered natively on each of these devices. For example, on the Android device, the tabs for order and history are at the top. Whereas on the iOS device, the tabs for order and history are at the bottom. For our rating system, we've got a little star over here on the Android device, and for iOS, I've created a numeric segmented control that allows us to rate these items.
As we go through the application, you'll see how to build each of these user interfaces using a single shared definition, but that they render on the individual platforms using the appropriate native controls and look and feel for those devices.
- Creating a Xamarin.Forms solution
- Navigating between pages
- Screen layouts and controls in Xamarin.Forms
- Data binding
- Adding style to a control
- Using a Xamarin.Essentials package
- Embedding native controls in your shared forms
- Writing custom renderers