Learn how to make adaptive views to adapt to all screen sizes.
- [Instructor] Our app is starting to look pretty good.…After some testing, though, you may notice…one issue with Project Details view.…There's a lot of white space on the right side,…especially as the window width gets more and more wide.…In this video, you will change the UI to adapt…based on the screen width of the window,…so that the content will be visible…regardless of the screen size, and that it will…fill some of the white space.…Back in Visual Studio, return to…the Project Details View page.…What we're going to do now, is we're…going to add Visual State Manager.…
And the Visual State Manager will allow you…to change some of the properties of the UI…based on certain adaptive triggers that can happen.…At the very top, at the root of the Relative Panel,…on line 13, add VisualStateManager.VisualStateGroups.…Add a single VisualStateGroup on line 14.…In this Visual State Group,…we'll add our first Visual State.…And we'll call it, wideState.…On line 15, VisualState x:Name=wideState.…The first thing we want to do with the state…
- Working with .NET for UWP app development
- Establishing application architecture
- Configuring Azure services
- Configuring the mobile app service backend
- Testing and publishing the service backend
- Using Facebook authentication
- Using XAML
- Client server abstraction API
- Using the UWP community toolkit
- Styling app views
- Creating adaptive views
- Testing an app for multiple user accounts
- Publishing to the Windows Store
- Sideloading app packages
Skill Level Intermediate
1. Before We Get Started
2. Build the Backend
3. Build the UWP App
4. Polish and Publish the App
Sideloading App packages2m 57s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.