Exam 70-357 topic 1 question 18 discussion

Actual exam question from Microsoft's 70-357

Question #: 18
Topic #: 1

You have a Universal Windows Platform (UWP) app. The app has a page that includes the following XAML markup. Line numbers are included for reference only.

Users report that the page takes a long time to refresh.
You need to improve the load time for the page while maintaining the same layout and functionality.
What should you do?

A. Move the attributes from the BORDER element at line 02 to the GRID element at line 03. Then, remove the BORDER elements at line 02 and line 11.
B. Replace the TEXTBLOCK element at line 09 with a TEXTBOX element.
C. Swap the markup at line 02 with the markup at line 03. Swap the markup at line 10 with the markup at line 11.
D. Move the Fill and Opacity attributes and value from the RECTANGLE element at line 08 to the GRID element at line 03. Then, Remove the RECTANGLE element.

Show Suggested Answer

Suggested Answer: Explanation 🗳️
Use single-cell grids for overlapping UI
A common UI requirement is to have a layout where elements overlap each other. Typically padding, margins, alignments, and transforms are used to position the elements this way. The XAML Grid control is optimized to improve layout performance for elements that overlap.
Reference: https://docs.microsoft.com/en-us/windows/uwp/debug-test-perf/optimize-your-xaml-layout

by liconnotalo at May 14, 2019, 12:39 a.m.

Comments

Submit Cancel

Humuh

4 years, 6 months ago

I think the right answer is remove line 03-07 based on https://docs.microsoft.com/en-us/windows/uwp/debug-test-perf/optimize-your-xaml-layout#use-single-cell-grids-for-overlapping-ui

upvoted 1 times

...