Developing Mobile Apps

Here you have the best Microsoft 70-357 practice exam questions

  • You have 40 total questions to study from
  • Each page has 5 questions, making a total of 8 pages
  • You can navigate through the pages using the buttons at the bottom
  • This questions were last updated on June 2, 2025
  • This site is not affiliated with or endorsed by Microsoft.
Question 1 of 40

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 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Scroll bars or panning controls must always be visible.

Exam 70-357 Question 1

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

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

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

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

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

Exam 70-357 Question 1

User interface -

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

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

Exam 70-357 Question 1

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

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 1

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

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

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

Exam 70-357 Question 1

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

Limit the use of nested panels.

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

Exam 70-357 Question 1

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

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

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

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

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?

    Correct Answer:

    Explanation

    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 -

    The result looks like this.

    Exam 70-357 Question 1

    Reference: https://docs.microsoft.com/en-us/windows/uwp/layout/layout-panels

Question 2 of 40

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:

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Scroll bars or panning controls must always be visible.

Exam 70-357 Question 2

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

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

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

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

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

Exam 70-357 Question 2

User interface -

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

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

Exam 70-357 Question 2

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

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 2

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

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

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

Exam 70-357 Question 2

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

Limit the use of nested panels.

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

Exam 70-357 Question 2

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

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

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

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

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?

    Correct Answer:

Question 3 of 40

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:

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Scroll bars or panning controls must always be visible.

Exam 70-357 Question 3

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

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

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

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

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

Exam 70-357 Question 3

User interface -

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

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

Exam 70-357 Question 3

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

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 3

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

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

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

Exam 70-357 Question 3

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

Limit the use of nested panels.

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

Exam 70-357 Question 3

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

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

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

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

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?

    Correct Answer:

    Explanation

    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

    Reference: https://docs.microsoft.com/en-us/windows/uwp/controls-and-patterns/split-view

Question 4 of 40

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 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 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 4

Scroll bars or panning controls must always be visible.

Exam 70-357 Question 4

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

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

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

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

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

Exam 70-357 Question 4

User interface -

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

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

Exam 70-357 Question 4

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

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 4

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

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

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

Exam 70-357 Question 4

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

Limit the use of nested panels.

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

Exam 70-357 Question 4

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

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

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

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

You need to design the navigation for the timeline.

What navigation should you use?

    Correct Answer:

    Explanation

    From scenario:

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

    Exam 70-357 Question 4

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

    Exam 70-357 Question 4

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

    Exam 70-357 Question 4

    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

Question 5 of 40

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

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 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 5

Scroll bars or panning controls must always be visible.

Exam 70-357 Question 5

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

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

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

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

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

Exam 70-357 Question 5

User interface -

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

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

Exam 70-357 Question 5

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

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

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

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

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

Exam 70-357 Question 5

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

Limit the use of nested panels.

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

Exam 70-357 Question 5

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

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

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

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

You need to ensure that the Timeline app meets the XAML coding requirements.

In Settings,xaml, which markup segment should you select to replace the markup segment at line AS06?

A.

Exam 70-357 Question 5

B.

Exam 70-357 Question 5

C.

Exam 70-357 Question 5

D.

Exam 70-357 Question 5
    Correct Answer:

    Explanation

    From scenario: 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

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

    Exam 70-357 Question 5

    XAML resources are objects that are referenced from markup more than once. Resources are defined in a ResourceDictionary, typically in a separate file or at the top of the markup page. In this scenario the ResourceDictionary is defined in the ResourceDictionery.xaml file.

    You access members of the resource dictionary like any other dictionary.

    Reference: https://docs.microsoft.com/en-us/windows/uwp/controls-and-patterns/resourcedictionary-and-xaml-resource-references