using namespace Windows::UI::Xaml::Media::Imaging
directive and the auto keyword, so that the same code would look like this:nameInput
TextBox control and uses it to create a greeting. The greetingOutput
TextBlock displays the result.greetingOutput
TextBlock element.narrowState
and appears correctly on the small screen.wideState
has an AdaptiveTrigger with its MinWindowWidth property set to 641. This means that the state is to be applied only when the window width is not less than the minimum of 641 DIPs. You don't define any Setter objects for this state, so it uses the layout properties you defined in the XAML for the page content.narrowState
, has an AdaptiveTrigger with its MinWindowWidth property set to 0. This state is applied when the window width is greater than 0, but less than 641 DIPs. (At 641 DIPs, the wideState
is applied.) In this state, you do define some Setter objects to change the layout properties of controls in the UI:contentPanel
element from 120 to 20.inputPanel
element from Horizontal to Vertical.inputButton
element.