Skip to content

Microsoft 70-357

Developing Mobile Apps

Verified practice questions with detailed answers, clear explanations, and community discussion.

  • 65

    questions

  • 9 days ago

    last updated

  • 4.8/5

    overall rating

Question 1 of 65

Case Study -

This is a case study. Case studies are not limited separately. You can use as much exam time as you would like to complete each case. However, there may be additional case studies and sections on this exam. You must manage your time to ensure that you are able to complete all questions included on this exam in the time provided.

To answer the questions included in a case study, you will need to reference information that is provided in the case study. Case studies might contain exhibits and other resources that provide more information about the scenario that is described in the case study. Each question is independent of the other question on this case study.

At the end of this case study, a review screen will appear. This screen allows you to review your answers and to make changes before you move to the next sections of the exam. After you begin a new section, you cannot return to this section.

To start the case study -

To display the first question on this case study, click the Next button. Use the buttons in the left pane to explore the content of the case study before you answer the questions. Clicking these buttons displays information such as business requirements, existing environment, and problem statements. If the case study has anAll Information tab, note that the information displayed is identical to the information displayed on the subsequent tabs. When you are ready to answer a question, click the Question button to return to the question.

Background -

You are developing an application named Timeline that presents information on a timeline. The app allows users to create items and enter details about the item.

The app displays item names on a timeline. When users select an item name on the timeline, the app displays additional content about the item.

Business requirements -

Timeline section -

The timeline element of the app has the following layout requirements:

The timeline must adapt to the screen size and orientation of the device.

Exam 70-357: Question 1 - Image 1

The timeline size must dynamically change if the window containing the content is resized by the user.

Exam 70-357: Question 1 - Image 2

The user must be able to scroll through the timeline horizontally when the device is in landscape mode.

Exam 70-357: Question 1 - Image 3

The user must be able to scroll through the timeline vertically when the device is in portrait mode.

Exam 70-357: Question 1 - Image 4

The timeline must begin scrolling as soon as a scroll is detected. Scrolling must continue for a short distance after the scroll input has stopped.

Exam 70-357: Question 1 - Image 5

Scroll bars or panning controls must always be visible.

Exam 70-357: Question 1 - Image 6

The following image depicts the layout for the timeline section of the app when the device is using landscape orientation:

Exam 70-357: Question 1 - Image 7

The following image depicts the layout for the timeline section of the app when the device is using portrait orientation:

Exam 70-357: Question 1 - Image 8

Content section -

The content element of the app has the following layout requirements:

When a user selects an item on the timeline, the details for that item must display beneath or to the right of the timeline.

Exam 70-357: Question 1 - Image 9

The content section must display one page of information. The element must be a child of the selected item in the timeline.

Exam 70-357: Question 1 - Image 10

Users must be able to return to a previously selected event by pressing the Back button.

Exam 70-357: Question 1 - Image 11

User interface -

The user must be able to navigate the application using the interface below:

Exam 70-357: Question 1 - Image 12

The Favorite button marks the current content to be displayed in a Favorites panel.

Exam 70-357: Question 1 - Image 13

The Back and Forward buttons navigate through the app selection history. Both buttons must be available on all devices.

Exam 70-357: Question 1 - Image 14

The Notes button allows the user to manage notes about the current content.

Exam 70-357: Question 1 - Image 15

The app must support touch, mouse, and stylus input.

Exam 70-357: Question 1 - Image 16

The app layout must automatically adapt to the screen size and orientation.

Exam 70-357: Question 1 - Image 17

Technical requirements -

Layout -

You identify the following layout requirements:

General -

All user interface (UI) elements must continuously scale when a user resizes the window.

Exam 70-357: Question 1 - Image 18

UI controls must be smaller and spaced closer together if there is a mouse or stylus available.

Exam 70-357: Question 1 - Image 19

UI controls must be larger and spaced farther apart if the device supports touch and there is no mouse or pointer available.

Exam 70-357: Question 1 - Image 20

Timeline -

The timeline must be displayed in a horizontal layout when the device is in a landscape orientation or when the horizontal width is greater than the verticalExam 70-357: Question 1 - Image 21 height.

The timeline must be displayed in a vertical layout when the device is in a portrait orientation or when the vertical height is greater than the horizontal width.

Exam 70-357: Question 1 - Image 22

Each item in the past must be linked to the next item in the future.

Exam 70-357: Question 1 - Image 23

Users must be able to scroll from past events to future events or from future events to past events.

Exam 70-357: Question 1 - Image 24

The app must only allow one level of detail to be linked to each item in the timeline.

Exam 70-357: Question 1 - Image 25

Optimization -

You must optimize the app using the following guidelines:

You must minimize the time it takes to display content when an item on the timeline is selected.

Exam 70-357: Question 1 - Image 26

The app must respect memory and resource constraints for all devices.

Exam 70-357: Question 1 - Image 27

XAML coding style -

All code and markup must conform to the following style guidelines:

Use resource dictionaries for styles that are used more than once.

Exam 70-357: Question 1 - Image 28

Limit the use of nested panels.

Exam 70-357: Question 1 - Image 29

Use built-in properties of existing panels instead of using separate style objects.

Exam 70-357: Question 1 - Image 30

Use the navigation structure that best models the data without exceeding the requirements of the app.

Exam 70-357: Question 1 - Image 31

Application structure -

MainPage.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 1 - Image 32

Settings.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 1 - Image 33

ResourceDictionery.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only.)

Exam 70-357: Question 1 - Image 34

MainPage.xaml.cs -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 1 - Image 35

Note: This question is part of a series of questions that present the same scenario. Each question in the series contains a unique solution. Determine whether the solution meets the stated goals.

You need to implement the appropriate XAML layout for the Timeline app.

Solution: You create an instance of a StackPanel class.

Does this meet the goal?

Answer choices
Show answer

No options are correct

StackPanel is a simple layout panel that arranges its child elements into a single line that can be oriented horizontally or vertically. StackPanel controls are typically used in scenarios where you want to arrange a small subsection of the UI on your page.
The following XAML shows how to create a vertical StackPanel of items.

XAML -
<StackPanel>
<Rectangle Fill="Red" Height="44"/>
<Rectangle Fill="Blue" Height="44"/>
<Rectangle Fill="Green" Height="44"/>
<Rectangle Fill="Orange" Height="44"/>
</StackPanel>
The result looks like this.
Exam 70-357: Question 1 - Image 36
Reference: https://docs.microsoft.com/en-us/windows/uwp/layout/layout-panels Explanation

Question 2 of 65

Case Study -

This is a case study. Case studies are not limited separately. You can use as much exam time as you would like to complete each case. However, there may be additional case studies and sections on this exam. You must manage your time to ensure that you are able to complete all questions included on this exam in the time provided.

To answer the questions included in a case study, you will need to reference information that is provided in the case study. Case studies might contain exhibits and other resources that provide more information about the scenario that is described in the case study. Each question is independent of the other question on this case study.

At the end of this case study, a review screen will appear. This screen allows you to review your answers and to make changes before you move to the next sections of the exam. After you begin a new section, you cannot return to this section.

To start the case study -

To display the first question on this case study, click the Next button. Use the buttons in the left pane to explore the content of the case study before you answer the questions. Clicking these buttons displays information such as business requirements, existing environment, and problem statements. If the case study has anAll Information tab, note that the information displayed is identical to the information displayed on the subsequent tabs. When you are ready to answer a question, click the Question button to return to the question.

Background -

You are developing an application named Timeline that presents information on a timeline. The app allows users to create items and enter details about the item.

The app displays item names on a timeline. When users select an item name on the timeline, the app displays additional content about the item.

Business requirements -

Timeline section -

The timeline element of the app has the following layout requirements:

Exam 70-357: Question 2 - Image 1

The timeline must adapt to the screen size and orientation of the device.

Exam 70-357: Question 2 - Image 2

The timeline size must dynamically change if the window containing the content is resized by the user.

Exam 70-357: Question 2 - Image 3

The user must be able to scroll through the timeline horizontally when the device is in landscape mode.

Exam 70-357: Question 2 - Image 4

The user must be able to scroll through the timeline vertically when the device is in portrait mode.

Exam 70-357: Question 2 - Image 5

The timeline must begin scrolling as soon as a scroll is detected. Scrolling must continue for a short distance after the scroll input has stopped.

Exam 70-357: Question 2 - Image 6

Scroll bars or panning controls must always be visible.

Exam 70-357: Question 2 - Image 7

The following image depicts the layout for the timeline section of the app when the device is using landscape orientation:

Exam 70-357: Question 2 - Image 8

The following image depicts the layout for the timeline section of the app when the device is using portrait orientation:

Exam 70-357: Question 2 - Image 9

Content section -

The content element of the app has the following layout requirements:

When a user selects an item on the timeline, the details for that item must display beneath or to the right of the timeline.

Exam 70-357: Question 2 - Image 10

The content section must display one page of information. The element must be a child of the selected item in the timeline.

Exam 70-357: Question 2 - Image 11

Users must be able to return to a previously selected event by pressing the Back button.

Exam 70-357: Question 2 - Image 12

User interface -

The user must be able to navigate the application using the interface below:

Exam 70-357: Question 2 - Image 13

The Favorite button marks the current content to be displayed in a Favorites panel.

Exam 70-357: Question 2 - Image 14

The Back and Forward buttons navigate through the app selection history. Both buttons must be available on all devices.

Exam 70-357: Question 2 - Image 15

The Notes button allows the user to manage notes about the current content.

Exam 70-357: Question 2 - Image 16

The app must support touch, mouse, and stylus input.

Exam 70-357: Question 2 - Image 17

The app layout must automatically adapt to the screen size and orientation.

Exam 70-357: Question 2 - Image 18

Technical requirements -

Layout -

You identify the following layout requirements:

General -

All user interface (UI) elements must continuously scale when a user resizes the window.

Exam 70-357: Question 2 - Image 19

UI controls must be smaller and spaced closer together if there is a mouse or stylus available.

Exam 70-357: Question 2 - Image 20

UI controls must be larger and spaced farther apart if the device supports touch and there is no mouse or pointer available.

Exam 70-357: Question 2 - Image 21

Timeline -

The timeline must be displayed in a horizontal layout when the device is in a landscape orientation or when the horizontal width is greater than the verticalExam 70-357: Question 2 - Image 22 height.

The timeline must be displayed in a vertical layout when the device is in a portrait orientation or when the vertical height is greater than the horizontal width.

Exam 70-357: Question 2 - Image 23

Each item in the past must be linked to the next item in the future.

Exam 70-357: Question 2 - Image 24

Users must be able to scroll from past events to future events or from future events to past events.

Exam 70-357: Question 2 - Image 25

The app must only allow one level of detail to be linked to each item in the timeline.

Exam 70-357: Question 2 - Image 26

Optimization -

You must optimize the app using the following guidelines:

You must minimize the time it takes to display content when an item on the timeline is selected.

Exam 70-357: Question 2 - Image 27

The app must respect memory and resource constraints for all devices.

Exam 70-357: Question 2 - Image 28

XAML coding style -

All code and markup must conform to the following style guidelines:

Use resource dictionaries for styles that are used more than once.

Exam 70-357: Question 2 - Image 29

Limit the use of nested panels.

Exam 70-357: Question 2 - Image 30

Use built-in properties of existing panels instead of using separate style objects.

Exam 70-357: Question 2 - Image 31

Use the navigation structure that best models the data without exceeding the requirements of the app.

Exam 70-357: Question 2 - Image 32

Application structure -

MainPage.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 2 - Image 33

Settings.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 2 - Image 34

ResourceDictionery.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only.)

Exam 70-357: Question 2 - Image 35

MainPage.xaml.cs -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 2 - Image 36

Note: This question is part of a series of questions that present the same scenario. Each question in the series contains a unique solution. Determine whether the solution meets the stated goals.

You need to implement the appropriate XAML layout for the Timeline app.

Solution: You create an instance of a RelativePanel class.

Does this meet the goal?

Answer choices
Show answer

No options are correct

RelativePanel lets you layout UI elements by specifying where they go in relation to other elements and in relation to the panel. By default, an element is positioned in the upper left corner of the panel.
Reference: https://docs.microsoft.com/en-us/windows/uwp/layout/layout-panels

Question 3 of 65

Case Study -

This is a case study. Case studies are not limited separately. You can use as much exam time as you would like to complete each case. However, there may be additional case studies and sections on this exam. You must manage your time to ensure that you are able to complete all questions included on this exam in the time provided.

To answer the questions included in a case study, you will need to reference information that is provided in the case study. Case studies might contain exhibits and other resources that provide more information about the scenario that is described in the case study. Each question is independent of the other question on this case study.

At the end of this case study, a review screen will appear. This screen allows you to review your answers and to make changes before you move to the next sections of the exam. After you begin a new section, you cannot return to this section.

To start the case study -

To display the first question on this case study, click the Next button. Use the buttons in the left pane to explore the content of the case study before you answer the questions. Clicking these buttons displays information such as business requirements, existing environment, and problem statements. If the case study has anAll Information tab, note that the information displayed is identical to the information displayed on the subsequent tabs. When you are ready to answer a question, click the Question button to return to the question.

Background -

You are developing an application named Timeline that presents information on a timeline. The app allows users to create items and enter details about the item.

The app displays item names on a timeline. When users select an item name on the timeline, the app displays additional content about the item.

Business requirements -

Timeline section -

The timeline element of the app has the following layout requirements:

Exam 70-357: Question 3 - Image 1

The timeline must adapt to the screen size and orientation of the device.

Exam 70-357: Question 3 - Image 2

The timeline size must dynamically change if the window containing the content is resized by the user.

Exam 70-357: Question 3 - Image 3

The user must be able to scroll through the timeline horizontally when the device is in landscape mode.

Exam 70-357: Question 3 - Image 4

The user must be able to scroll through the timeline vertically when the device is in portrait mode.

Exam 70-357: Question 3 - Image 5

The timeline must begin scrolling as soon as a scroll is detected. Scrolling must continue for a short distance after the scroll input has stopped.

Exam 70-357: Question 3 - Image 6

Scroll bars or panning controls must always be visible.

Exam 70-357: Question 3 - Image 7

The following image depicts the layout for the timeline section of the app when the device is using landscape orientation:

Exam 70-357: Question 3 - Image 8

The following image depicts the layout for the timeline section of the app when the device is using portrait orientation:

Exam 70-357: Question 3 - Image 9

Content section -

The content element of the app has the following layout requirements:

When a user selects an item on the timeline, the details for that item must display beneath or to the right of the timeline.

Exam 70-357: Question 3 - Image 10

The content section must display one page of information. The element must be a child of the selected item in the timeline.

Exam 70-357: Question 3 - Image 11

Users must be able to return to a previously selected event by pressing the Back button.

Exam 70-357: Question 3 - Image 12

User interface -

The user must be able to navigate the application using the interface below:

Exam 70-357: Question 3 - Image 13

The Favorite button marks the current content to be displayed in a Favorites panel.

Exam 70-357: Question 3 - Image 14

The Back and Forward buttons navigate through the app selection history. Both buttons must be available on all devices.

Exam 70-357: Question 3 - Image 15

The Notes button allows the user to manage notes about the current content.

Exam 70-357: Question 3 - Image 16

The app must support touch, mouse, and stylus input.

Exam 70-357: Question 3 - Image 17

The app layout must automatically adapt to the screen size and orientation.

Exam 70-357: Question 3 - Image 18

Technical requirements -

Layout -

You identify the following layout requirements:

General -

All user interface (UI) elements must continuously scale when a user resizes the window.

Exam 70-357: Question 3 - Image 19

UI controls must be smaller and spaced closer together if there is a mouse or stylus available.

Exam 70-357: Question 3 - Image 20

UI controls must be larger and spaced farther apart if the device supports touch and there is no mouse or pointer available.

Exam 70-357: Question 3 - Image 21

Timeline -

The timeline must be displayed in a horizontal layout when the device is in a landscape orientation or when the horizontal width is greater than the verticalExam 70-357: Question 3 - Image 22 height.

The timeline must be displayed in a vertical layout when the device is in a portrait orientation or when the vertical height is greater than the horizontal width.

Exam 70-357: Question 3 - Image 23

Each item in the past must be linked to the next item in the future.

Exam 70-357: Question 3 - Image 24

Users must be able to scroll from past events to future events or from future events to past events.

Exam 70-357: Question 3 - Image 25

The app must only allow one level of detail to be linked to each item in the timeline.

Exam 70-357: Question 3 - Image 26

Optimization -

You must optimize the app using the following guidelines:

You must minimize the time it takes to display content when an item on the timeline is selected.

Exam 70-357: Question 3 - Image 27

The app must respect memory and resource constraints for all devices.

Exam 70-357: Question 3 - Image 28

XAML coding style -

All code and markup must conform to the following style guidelines:

Use resource dictionaries for styles that are used more than once.

Exam 70-357: Question 3 - Image 29

Limit the use of nested panels.

Exam 70-357: Question 3 - Image 30

Use built-in properties of existing panels instead of using separate style objects.

Exam 70-357: Question 3 - Image 31

Use the navigation structure that best models the data without exceeding the requirements of the app.

Exam 70-357: Question 3 - Image 32

Application structure -

MainPage.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 3 - Image 33

Settings.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 3 - Image 34

ResourceDictionery.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only.)

Exam 70-357: Question 3 - Image 35

MainPage.xaml.cs -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 3 - Image 36

Note: This question is part of a series of questions that present the same scenario. Each question in the series contains a unique solution. Determine whether the solution meets the stated goals.

You need to implement the appropriate XAML layout for the Timeline app.

Solution: You create an instance of a SplitView control.

Does this meet the goal?

Answer choices
Show answer

No options are correct

A split view control has an expandable/collapsible pane and a content area.
Here is an example of the Microsoft Edge app using SplitView to show its Hub.
Exam 70-357: Question 3 - Image 37
Reference: https://docs.microsoft.com/en-us/windows/uwp/controls-and-patterns/split-view Explanation

Question 4 of 65

DRAG DROP -

Case Study -

This is a case study. Case studies are not limited separately. You can use as much exam time as you would like to complete each case. However, there may be additional case studies and sections on this exam. You must manage your time to ensure that you are able to complete all questions included on this exam in the time provided.

To answer the questions included in a case study, you will need to reference information that is provided in the case study. Case studies might contain exhibits and other resources that provide more information about the scenario that is described in the case study. Each question is independent of the other question on this case study.

At the end of this case study, a review screen will appear. This screen allows you to review your answers and to make changes before you move to the next sections of the exam. After you begin a new section, you cannot return to this section.

To start the case study -

To display the first question on this case study, click the Next button. Use the buttons in the left pane to explore the content of the case study before you answer the questions. Clicking these buttons displays information such as business requirements, existing environment, and problem statements. If the case study has anAll Information tab, note that the information displayed is identical to the information displayed on the subsequent tabs. When you are ready to answer a question, click the Question button to return to the question.

Background -

You are developing an application named Timeline that presents information on a timeline. The app allows users to create items and enter details about the item.

The app displays item names on a timeline. When users select an item name on the timeline, the app displays additional content about the item.

Business requirements -

Timeline section -

The timeline element of the app has the following layout requirements:

Exam 70-357: Question 4 - Image 1

The timeline must adapt to the screen size and orientation of the device.

Exam 70-357: Question 4 - Image 2

The timeline size must dynamically change if the window containing the content is resized by the user.

Exam 70-357: Question 4 - Image 3

The user must be able to scroll through the timeline horizontally when the device is in landscape mode.

Exam 70-357: Question 4 - Image 4

The user must be able to scroll through the timeline vertically when the device is in portrait mode.

Exam 70-357: Question 4 - Image 5

The timeline must begin scrolling as soon as a scroll is detected. Scrolling must continue for a short distance after the scroll input has stopped.

Exam 70-357: Question 4 - Image 6

Scroll bars or panning controls must always be visible.

Exam 70-357: Question 4 - Image 7

The following image depicts the layout for the timeline section of the app when the device is using landscape orientation:

Exam 70-357: Question 4 - Image 8

The following image depicts the layout for the timeline section of the app when the device is using portrait orientation:

Exam 70-357: Question 4 - Image 9

Content section -

The content element of the app has the following layout requirements:

When a user selects an item on the timeline, the details for that item must display beneath or to the right of the timeline.

Exam 70-357: Question 4 - Image 10

The content section must display one page of information. The element must be a child of the selected item in the timeline.

Exam 70-357: Question 4 - Image 11

Users must be able to return to a previously selected event by pressing the Back button.

Exam 70-357: Question 4 - Image 12

User interface -

The user must be able to navigate the application using the interface below:

Exam 70-357: Question 4 - Image 13

The Favorite button marks the current content to be displayed in a Favorites panel.

Exam 70-357: Question 4 - Image 14

The Back and Forward buttons navigate through the app selection history. Both buttons must be available on all devices.

Exam 70-357: Question 4 - Image 15

The Notes button allows the user to manage notes about the current content.

Exam 70-357: Question 4 - Image 16

The app must support touch, mouse, and stylus input.

Exam 70-357: Question 4 - Image 17

The app layout must automatically adapt to the screen size and orientation.

Exam 70-357: Question 4 - Image 18

Technical requirements -

Layout -

You identify the following layout requirements:

General -

All user interface (UI) elements must continuously scale when a user resizes the window.

Exam 70-357: Question 4 - Image 19

UI controls must be smaller and spaced closer together if there is a mouse or stylus available.

Exam 70-357: Question 4 - Image 20

UI controls must be larger and spaced farther apart if the device supports touch and there is no mouse or pointer available.

Exam 70-357: Question 4 - Image 21

Timeline -

The timeline must be displayed in a horizontal layout when the device is in a landscape orientation or when the horizontal width is greater than the verticalExam 70-357: Question 4 - Image 22 height.

The timeline must be displayed in a vertical layout when the device is in a portrait orientation or when the vertical height is greater than the horizontal width.

Exam 70-357: Question 4 - Image 23

Each item in the past must be linked to the next item in the future.

Exam 70-357: Question 4 - Image 24

Users must be able to scroll from past events to future events or from future events to past events.

Exam 70-357: Question 4 - Image 25

The app must only allow one level of detail to be linked to each item in the timeline.

Exam 70-357: Question 4 - Image 26

Optimization -

You must optimize the app using the following guidelines:

You must minimize the time it takes to display content when an item on the timeline is selected.

Exam 70-357: Question 4 - Image 27

The app must respect memory and resource constraints for all devices.

Exam 70-357: Question 4 - Image 28

XAML coding style -

All code and markup must conform to the following style guidelines:

Use resource dictionaries for styles that are used more than once.

Exam 70-357: Question 4 - Image 29

Limit the use of nested panels.

Exam 70-357: Question 4 - Image 30

Use built-in properties of existing panels instead of using separate style objects.

Exam 70-357: Question 4 - Image 31

Use the navigation structure that best models the data without exceeding the requirements of the app.

Exam 70-357: Question 4 - Image 32

Application structure -

MainPage.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 4 - Image 33

Settings.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 4 - Image 34

ResourceDictionery.xaml -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only.)

Exam 70-357: Question 4 - Image 35

MainPage.xaml.cs -

Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)

Exam 70-357: Question 4 - Image 36

You need to create the user interface for the timeline.

Which four markup segments should you use to develop the solution? To answer, move the appropriate markup segments from the list of markup segments to the answer area and arrange them in the correct order.

NOTE: More than one order of answer choices is correct. You will receive credit for any of the correct orders you select.

Select and Place:

Exam 70-357: Question 4 - Image 37
Show answer

Suggested answer

Box 1: <Commandbar>
Command bars (also called "app bars") provide users with easy access to your app's most common tasks, and can be used to show commands or options that are specific to the user's context, such as a photo selection or drawing mode. They can also be used for navigation among app pages or between app sections.
Command bars can be used with any navigation pattern.
XAML provides both the AppBar control and the CommandBar control. You should use the AppBar only when you are upgrading a Universal Windows 8 app that uses the AppBar, and need to minimize changes. For new apps in Windows 10, we recommend using the CommandBar control instead.
Box 2: <AppBarButton .. etc.
The CommandBar control is a general-purpose, flexible, light-weight control that can display both complex content, such as images or text blocks, as well as simple commands such as AppBarButton, AppBarToggleButton, and AppBarSeparator controls.
Box 3: <CommandBar.SecondaryCommands> etc.
The overflow menu is shown only when the command bar is open and the SecondaryCommands property is populated. The new dynamic overflow behavior will automatically move primary commands into the SecondaryCommands area when space is limited.
Box 4: </Commandbar>
Example: Here is a same command bar in its open state. The labels identify the main parts of the control.
Exam 70-357: Question 4 - Image 39
This example creates the command bar shown above.
<CommandBar>
<AppBarToggleButton Icon="Shuffle" Label="Shuffle" Click="AppBarButton_Click" />
<AppBarToggleButton Icon="RepeatAll" Label="Repeat" Click="AppBarButton_Click"/>
<AppBarSeparator/>
<AppBarButton Icon="Back" Label="Back" Click="AppBarButton_Click"/>
<AppBarButton Icon="Stop" Label="Stop" Click="AppBarButton_Click"/>
<AppBarButton Icon="Play" Label="Play" Click="AppBarButton_Click"/>
<AppBarButton Icon="Forward" Label="Forward" Click="AppBarButton_Click"/>
<CommandBar.SecondaryCommands>
<AppBarButton Icon="Like" Label="Like" Click="AppBarButton_Click"/>
<AppBarButton Icon="Dislike" Label="Dislike" Click="AppBarButton_Click"/>
</CommandBar.SecondaryCommands>
<CommandBar.Content>
<TextBlock Text="Now playing..." Margin="12,14"/>
</CommandBar.Content>
</CommandBar>
Reference: https://docs.microsoft.com/en-us/windows/uwp/controls-and-patterns/app-bars Exam 70-357: Question 4 - Image 38

Question 5 of 65

Case Study -
This is a case study. Case studies are not limited separately. You can use as much exam time as you would like to complete each case. However, there may be additional case studies and sections on this exam. You must manage your time to ensure that you are able to complete all questions included on this exam in the time provided.
To answer the questions included in a case study, you will need to reference information that is provided in the case study. Case studies might contain exhibits and other resources that provide more information about the scenario that is described in the case study. Each question is independent of the other question on this case study.
At the end of this case study, a review screen will appear. This screen allows you to review your answers and to make changes before you move to the next sections of the exam. After you begin a new section, you cannot return to this section.

To start the case study -
To display the first question on this case study, click the Next button. Use the buttons in the left pane to explore the content of the case study before you answer the questions. Clicking these buttons displays information such as business requirements, existing environment, and problem statements. If the case study has an
All Information tab, note that the information displayed is identical to the information displayed on the subsequent tabs. When you are ready to answer a question, click the Question button to return to the question.

Background -
You are developing an application named Timeline that presents information on a timeline. The app allows users to create items and enter details about the item.
The app displays item names on a timeline. When users select an item name on the timeline, the app displays additional content about the item.

Business requirements -

Timeline section -
The timeline element of the app has the following layout requirements:
The timeline must adapt to the screen size and orientation of the device.
Exam 70-357: Question 5 - Image 1
The timeline size must dynamically change if the window containing the content is resized by the user.
Exam 70-357: Question 5 - Image 2
The user must be able to scroll through the timeline horizontally when the device is in landscape mode.
Exam 70-357: Question 5 - Image 3
The user must be able to scroll through the timeline vertically when the device is in portrait mode.
Exam 70-357: Question 5 - Image 4
The timeline must begin scrolling as soon as a scroll is detected. Scrolling must continue for a short distance after the scroll input has stopped.
Exam 70-357: Question 5 - Image 5
Scroll bars or panning controls must always be visible.
Exam 70-357: Question 5 - Image 6
The following image depicts the layout for the timeline section of the app when the device is using landscape orientation:
Exam 70-357: Question 5 - Image 7
The following image depicts the layout for the timeline section of the app when the device is using portrait orientation:
Exam 70-357: Question 5 - Image 8

Content section -
The content element of the app has the following layout requirements:
When a user selects an item on the timeline, the details for that item must display beneath or to the right of the timeline.
Exam 70-357: Question 5 - Image 9
The content section must display one page of information. The element must be a child of the selected item in the timeline.
Exam 70-357: Question 5 - Image 10
Users must be able to return to a previously selected event by pressing the Back button.
Exam 70-357: Question 5 - Image 11

User interface -
The user must be able to navigate the application using the interface below:
Exam 70-357: Question 5 - Image 12
The Favorite button marks the current content to be displayed in a Favorites panel.
Exam 70-357: Question 5 - Image 13
The Back and Forward buttons navigate through the app selection history. Both buttons must be available on all devices.
Exam 70-357: Question 5 - Image 14
The Notes button allows the user to manage notes about the current content.
Exam 70-357: Question 5 - Image 15
The app must support touch, mouse, and stylus input.
Exam 70-357: Question 5 - Image 16
The app layout must automatically adapt to the screen size and orientation.
Exam 70-357: Question 5 - Image 17

Technical requirements -

Layout -
You identify the following layout requirements:

General -
All user interface (UI) elements must continuously scale when a user resizes the window.
Exam 70-357: Question 5 - Image 18
UI controls must be smaller and spaced closer together if there is a mouse or stylus available.
Exam 70-357: Question 5 - Image 19
UI controls must be larger and spaced farther apart if the device supports touch and there is no mouse or pointer available.
Exam 70-357: Question 5 - Image 20

Timeline -
The timeline must be displayed in a horizontal layout when the device is in a landscape orientation or when the horizontal width is greater than the vertical
Exam 70-357: Question 5 - Image 21 height.
The timeline must be displayed in a vertical layout when the device is in a portrait orientation or when the vertical height is greater than the horizontal width.
Exam 70-357: Question 5 - Image 22
Each item in the past must be linked to the next item in the future.
Exam 70-357: Question 5 - Image 23
Users must be able to scroll from past events to future events or from future events to past events.
Exam 70-357: Question 5 - Image 24
The app must only allow one level of detail to be linked to each item in the timeline.
Exam 70-357: Question 5 - Image 25

Optimization -
You must optimize the app using the following guidelines:
You must minimize the time it takes to display content when an item on the timeline is selected.
Exam 70-357: Question 5 - Image 26
The app must respect memory and resource constraints for all devices.
Exam 70-357: Question 5 - Image 27

XAML coding style -
All code and markup must conform to the following style guidelines:
Use resource dictionaries for styles that are used more than once.
Exam 70-357: Question 5 - Image 28
Limit the use of nested panels.
Exam 70-357: Question 5 - Image 29
Use built-in properties of existing panels instead of using separate style objects.
Exam 70-357: Question 5 - Image 30
Use the navigation structure that best models the data without exceeding the requirements of the app.
Exam 70-357: Question 5 - Image 31

Application structure -

MainPage.xaml -
Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)
Exam 70-357: Question 5 - Image 32

Settings.xaml -
Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)
Exam 70-357: Question 5 - Image 33

ResourceDictionery.xaml -
Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only.)
Exam 70-357: Question 5 - Image 34

MainPage.xaml.cs -
Relevant portions of the app files are shown below. (Line numbers in the code segments are included for reference only and include a two-character prefix that denotes the specific file to which they belong.)
Exam 70-357: Question 5 - Image 35
You need to design the navigation for the timeline.
What navigation should you use?
Answer choices
Show answer

No options are correct

From scenario:
Each item in the past must be linked to the next item in the future.
Exam 70-357: Question 5 - Image 36
Users must be able to scroll from past events to future events or from future events to past events.
Exam 70-357: Question 5 - Image 37
The app must only allow one level of detail to be linked to each item in the timeline.
Exam 70-357: Question 5 - Image 38
Here we can use a hierarchy with each parent node having only one single child node.
Hierarchical structures are good for organizing complex content that spans lots of pages or when pages should be viewed in a particular order. The downside is that hierarchical pages introduce some navigation overhead: the deeper the structure, the more clicks it takes for users to get from page to page.
We recommend a hiearchical structure when:
You expect the user to traverse the pages in a specific order. Arrange the hierarchy to enforce that order.
There is a clear parent-child relationship between one of the pages and the other pages in the group.
There are more than 7 pages in the group.
When there are more than 7 pages in the group, it might be difficult for users to understand how the pages are unique or to understand their current location within the group. If you don't think that's an issue for your app, go ahead and make the pages peers
Reference: https://docs.microsoft.com/en-us/windows/uwp/layout/navigation-basics Explanation

60 questions still locked

Your preview covered the first 5 questions. Unlock the rest to see every explanation and discussion thread, updated weekly

View plans

Choose your plan

Single payment · No subscription · No hidden fees

Standard

For a focused sprint before your exam date

$25USD

30 days of access, single payment

  • All 65 questions unlocked
  • Detailed answer explanations
  • Community discussions and votes
  • Weekly question updates
  • Printable PDF download
  • 100% refund if you do not pass

Premium

Extra runway, the PDF, and the refund guarantee

$35$60USD

90 days of access, single payment

Printable PDF download

Save every question as a PDF for offline study or printing.

  • All 65 questions unlocked
  • Detailed answer explanations
  • Community discussions and votes
  • Weekly question updates

Full refund if you do not pass

Send us your exam result and we refund the purchase.

Stories from the certified

Charles Sirois
Canada
As this was my first certification exam, I was understandably nervous about what to expect. These study materials made the preparation process much easier, and many of the questions closely reflected those on the actual exam.
Lance Chambers
United States
Wasted about a month going through the free dump sites scattered all over reddit, half the answers were wrong and the other half were for a version of the exam that doesn't even exist anymore. Eventually gave in and paid the small fee here, and the difference was night and day.
Alisha Kelly
Italy
Honestly, I had already gone through the official documentation quite thoroughly, but still didn't feel fully confident going in. This helped things finally click for me. I realized I knew the material, but just hadn't connected all the pieces yet.
Casper Claassen
Netherlands
Used this along with Microsoft Learn and the combo worked really well. The practice questions made the stuff I'd read actually stick. Passed first attempt, no complaints from me.
Gabriele Ghesla
Italy
The content is accurate and clearly presented, and it's more affordable than competitors. The team has been incredibly responsive whenever I've had an issue, and they've been open to small changes that improve the platform.
Charles Sirois
Canada
As this was my first certification exam, I was understandably nervous about what to expect. These study materials made the preparation process much easier, and many of the questions closely reflected those on the actual exam.
Lance Chambers
United States
Wasted about a month going through the free dump sites scattered all over reddit, half the answers were wrong and the other half were for a version of the exam that doesn't even exist anymore. Eventually gave in and paid the small fee here, and the difference was night and day.
Alisha Kelly
Italy
Honestly, I had already gone through the official documentation quite thoroughly, but still didn't feel fully confident going in. This helped things finally click for me. I realized I knew the material, but just hadn't connected all the pieces yet.
Casper Claassen
Netherlands
Used this along with Microsoft Learn and the combo worked really well. The practice questions made the stuff I'd read actually stick. Passed first attempt, no complaints from me.
Gabriele Ghesla
Italy
The content is accurate and clearly presented, and it's more affordable than competitors. The team has been incredibly responsive whenever I've had an issue, and they've been open to small changes that improve the platform.
Morgan Farmer
United Kingdom
I don't usually leave reviews, but this one felt worth sharing. The questions were quite close to what actually appeared on the exam, more than I expected. I spent about a week going through the material before my test, and it helped me feel more prepared.
Remi Nuyts
United States
Passed ITIL 4 Foundation with 87%. Material was enough by itself.
Archie Hopkins
United States
I had a smooth experience from start to finish. Access was available right away, no technical issues, which made it easy to get started. The content felt relevant and aligned well with what I was looking for.
Nancy Mcbride
United States
Does what it says it does. Content felt solid, nothing confusing to navigate and I didn't run into any weird issues. I been putting off scheduling the exam for a while and going through this gave me enough confidence to finally book it and pass.
Neil Savage
United States
A very quick response was received via email when a link issue occurred. The study materials provided were high quality and extremely helpful. I was able to complete the test successfully. Many thanks for the excellent support.
Morgan Farmer
United Kingdom
I don't usually leave reviews, but this one felt worth sharing. The questions were quite close to what actually appeared on the exam, more than I expected. I spent about a week going through the material before my test, and it helped me feel more prepared.
Remi Nuyts
United States
Passed ITIL 4 Foundation with 87%. Material was enough by itself.
Archie Hopkins
United States
I had a smooth experience from start to finish. Access was available right away, no technical issues, which made it easy to get started. The content felt relevant and aligned well with what I was looking for.
Nancy Mcbride
United States
Does what it says it does. Content felt solid, nothing confusing to navigate and I didn't run into any weird issues. I been putting off scheduling the exam for a while and going through this gave me enough confidence to finally book it and pass.
Neil Savage
United States
A very quick response was received via email when a link issue occurred. The study materials provided were high quality and extremely helpful. I was able to complete the test successfully. Many thanks for the excellent support.

Before you buy

Answers about access, updates, payments, and the refund policy.

01Are these real exam questions?

Our Microsoft 70-357 questions are based on real exam experiences and are regularly updated to match the current exam format. Most candidates who study with us report passing on their first attempt, based on a self reported post exam survey.

02What happens if I don't pass the exam?

With our Premium package, you get a 100% money back guarantee. If you don't pass your exam after studying with our materials, simply contact us with your exam results and we'll refund your purchase.

03How often are the questions updated?

Our question bank is updated regularly based on feedback from recent exam takers. We typically review and update our content every week with reports about new questions or changes to the exam format.

04What does Premium add on the exam page?

Both plans open the full question bank, the explanations, and the discussions. Premium also includes the printable PDF and advanced study tools, giving you full control over how many questions you see per page, quick navigation to any page, and the ability to resume exactly where you left off.

05Is this a single payment or a subscription?

This is a single payment with no recurring charges. Once you purchase, you get full access to all exam questions for the duration of your package (30 days for Standard, 90 days for Premium). No hidden fees or automatic renewals.

06How many questions are included?

You get access to all 65 questions in our database for the Microsoft 70-357 exam. This includes detailed explanations and answer justifications to help you understand the concepts thoroughly.

07Do you offer technical support?

Yes. Email us at hello@examice.com for help with access, billing, or the platform. We read every message and typically reply within 24 hours on business days.

08Is my payment secure?

Absolutely! We use industry standard SSL encryption and process all payments through Stripe, a trusted payment processor used by millions of businesses worldwide. Your payment and personal information are completely secure.

Ready to unlock the rest

All 65 questions from $25, single payment, instant access.

Back to plans