23.01.2018 Views

MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Chapter 6: Layout ..................................................................................................................... 233<br />

Principles of Windows Store App Layout ............................................................................................................................ 234<br />

Quickstart: Pannable Sections and Snap Points ............................................................................................................... 237<br />

Laying Out the Hub ............................................................................................................................................................... 238<br />

Laying Out the Sections ....................................................................................................................................................... 239<br />

Snap Points ............................................................................................................................................................................... 240<br />

The Many Faces of Your Display ............................................................................................................................................ 241<br />

View States ................................................................................................................................................................................ 242<br />

Handling View States ............................................................................................................................................................ 245<br />

Screen Size, Pixel Density, and Scaling ............................................................................................................................ 249<br />

Graphics That Scale Well ..................................................................................................................................................... 252<br />

Adaptive and Fixed Layouts for Display Size ..................................................................................................................... 253<br />

Fixed Layouts and the ViewBox Control ......................................................................................................................... 254<br />

Adaptive Layouts .................................................................................................................................................................... 256<br />

Using the <strong>CSS</strong> Grid ...................................................................................................................................................................... 258<br />

Overflowing a Grid Cell ........................................................................................................................................................ 260<br />

Centering Content Vertically .............................................................................................................................................. 260<br />

Scaling Font Size ..................................................................................................................................................................... 261<br />

Item Layout ................................................................................................................................................................................... 262<br />

<strong>CSS</strong> 2D and 3D Transforms ................................................................................................................................................. 263<br />

Flexbox ....................................................................................................................................................................................... 263<br />

Nested and Inline Grids ........................................................................................................................................................ 264<br />

Fonts and Text Overflow ...................................................................................................................................................... 266<br />

Multicolumn Elements and Regions ................................................................................................................................ 267<br />

What We’ve Just Learned ......................................................................................................................................................... 270<br />

Chapter 7: Commanding UI .................................................................................................... 271<br />

Where to Place Commands ..................................................................................................................................................... 272<br />

The App Bar .................................................................................................................................................................................. 276<br />

App Bar Basics and Standard Commands ...................................................................................................................... 278<br />

Command Events ................................................................................................................................................................... 281<br />

7

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!