Differences between revisions 2 and 3
⇤ ← Revision 2 as of 2016-10-16 21:35:58 →
Size: 1963
Editor: scot
Comment:
← Revision 3 as of 2016-10-16 21:43:08 → ⇥
Size: 2468
Editor: scot
Comment:
Deletions are marked like this. Additions are marked like this.
Line 51: Line 51:
Page 465
Line 62: Line 64:
Page 467
Line 70: Line 74:

Page 471
Line 80: Line 86:
===Program Spacing Buttons === ===Program SpacingButtons ===

Page 474
Line 92: Line 100:
Page 475
Line 97: Line 107:
No New Classes.
Line 100: Line 110:

Page 478

Concepts:
 1. Borders again borders out of box views. Weird!
 1. '''A nicer way to layout grids see:

{{{#!xml
<Grid Grid.Row="1" Grid.Column="1">
 <Label Text="Cell" />
 <BoxView Style="{StaticResource topBorderStyle}" />
 <BoxView Style="{StaticResource bottomBorderStyle}" />
 <BoxView Style="{StaticResource leftBorderStyle}" />
 <BoxView Style="{StaticResource rightBorderStyle}" />
</Grid>
}}}

Chapter 17 Notes

Title: Mastering the Grid

Summary

So much ado about Labels and the text in them.

Programming Concepts Summary

Concept

Page

Programs

Program SimpleGridDemo

Page 459.

Concepts:

  1. Table like layout
    1. Rows/Columns
    2. Column (and Row - not covered) spans
    3. Sizing

Classes:

  1. Grid

Note:

By Page 463, you have been introduced to all the public properties and methods defined by Grid.

Program SimpleGridDemo

Page 459.

Concepts:

  1. Table like layout
    1. Rows/Columns
    2. Column (and Row - not covered) spans
    3. Sizing

Classes:

  1. Grid

Program GridCodeDemo

Page 465

Concepts:

  1. How to do it in code!
  2. Not as important or aesthetically pleasing.

No new classes.

Classes No new.

Program GridBarChart

Page 467

Concepts:

  1. Adding a list of views to a grid (cool thing actually) pay attention to the code

  2. Make sure to turn the phone for a better view - remember Xamarin automatically allows rotation.

No new classes.

Program GridAlignment

Page 471

Concepts:

  1. Survey of alignment options within a cell.
    1. Start
    2. End
    3. Center

No new classes.

===Program SpacingButtons ===

Page 474

Concepts:

This program equally spaces three vertical buttons and three horizontal buttons. The first three buttons occupy a three-row Grid that takes up much of the page, and the three hori-zontal buttons are in a three-column Grid down at the bottom of the page.

All in XAML - just review.

No New classes.

Program GridCellDividers

Page 475

Concepts:

  1. Creating cell dividers (out of cells yuk). Notice the deceptive Grid.RowSpan and Grid.ColSpan attributes.

  2. Dividing the GridLength in the ResourceDictionary.

No New Classes.

Program GridCellBorders

Page 478

Concepts:

  1. Borders again borders out of box views. Weird!

  2. A nicer way to layout grids see: 

<Grid Grid.Row="1" Grid.Column="1">
 <Label Text="Cell" />
 <BoxView Style="{StaticResource topBorderStyle}" />
 <BoxView Style="{StaticResource bottomBorderStyle}" />
 <BoxView Style="{StaticResource leftBorderStyle}" />
 <BoxView Style="{StaticResource rightBorderStyle}" /> 
</Grid>

8. KeypadGrid 9. GridRgbSliders

ManagingAndProgrammingMobileApplications/Xamarin/Chapter 17 (last edited 2016-10-18 14:25:29 by scot)