diff --git a/assets/css/my-remark.scss b/assets/css/my-remark.scss index c955ad61f53c781b6f24266927e47148a9022f69..594c8831da4ea27b93fe82332556a17d4e202d9f 100644 --- a/assets/css/my-remark.scss +++ b/assets/css/my-remark.scss @@ -37,6 +37,12 @@ th, td { text-align: left; } +@media print { + .remark-container.remark-presenter-mode .remark-slide-notes { + margin-top:700px; + } +} + .quote { background: #f9f9f9; border-left: 10px solid #ccc; diff --git a/slides/wk02/layout.html b/slides/wk02/layout.html index 08943a7c06d98ca218aaaaa9d751c6c04a3a4f94..4a0069aa73d392cf05b06673bf3e4da140af6060 100644 --- a/slides/wk02/layout.html +++ b/slides/wk02/layout.html @@ -8,7 +8,9 @@ layout: false ] +picture,90%](img/windowsLayout.png) + + ??? Key Issues - where do components get placed? @@ -102,9 +104,6 @@ How can you design layout that reacts well to turning your phone? - Part 2 adds scrolling using XML ] .right-column[ -||| -|---|---| ] --- @@ -116,9 +115,6 @@ How can you design layout that reacts well to turning your phone? - Part 3 reproduces Part 2 in code ] .right-column[ -||<br>| -|---|---| - ] --- .left-column[ @@ -159,6 +155,7 @@ How can you design layout that reacts well to turning your phone?  ] ??? +NOTE: This is model view controller... Demonstration: PRINT THIS LIST - Show dragging things to create layout @@ -191,8 +188,9 @@ LinearLayout layout = (LinearLayout)findViewById(R.id.linearLayout); LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); layout.addView(okButton,lp); ``` - +] ??? + fix both to wrap_content add this if time @@ -204,7 +202,7 @@ add this if time view.setBackgroundColor(Color.RED); } ``` -] + --- .left-column[ ## Three important layout concepts in our example @@ -217,7 +215,7 @@ buttons (save and discard) and the linearlayout highlighted ,110%](img/watch.png `LinearLayout layout = (LinearLayout)findViewById(R.id.linearLayout);` - automate a lot of the layout tasks - make it much simpler to ensure reliable results - - use these whenever they do the jo + - use these whenever they do the job - you will implement one for your assignment! ] --- @@ -436,11 +434,11 @@ constraint-based layout including five types of elements, 100%](img/constraints. .right-column[ [Docs](https://developer.android.com/training/constraint-layout/): limited set of constraints - 1 Size ratio -- 2 Delete constraint +- 2 Delete constraint (not a constraint, just removes them) - 3 Height/width mode (3 main types): -- Wrap constraint  -- Fixed size  -- Match Constraint  + - Wrap constraint  + - Fixed size  + - Match Constraint  - 4 Margins - 5 Constraint bias (essentially weights on competing constraints) @@ -450,10 +448,11 @@ Worth getting to know additional abstractions (groups; guidelines; barriers; chains) ] ??? -bias lets us create something that is 2-3 of the way over rather than + +-bias lets us create something that is 2-3 of the way over rather than centered -go back to android to demo againn +go back to android to demo again --- .left-column[ # Powerful option @@ -592,6 +591,7 @@ And they get to ignore all of that, but usually try not to. # Simplest possible layout implementation (similar to what is in Frame layout) Depth first tree traversal + No consideration of child size or position in doing layout Simplified from diff --git a/slides/wk05/3dprinting.html b/slides/wk05/3dprinting.html index f2c7c558f584b3069cc48b65e227cdfb54873a30..aac87fa43a6b7607713fdc7f49b227ae63e2f713 100644 --- a/slides/wk05/3dprinting.html +++ b/slides/wk05/3dprinting.html @@ -28,7 +28,7 @@ layout:false ![:youtube Video of child using a 3D printed hand, WoZ2BgPVtA0] --- -# 3d Preinted car +# 3d Printed car ![:youtube Video of car being 3D printed, daioWlkH7ZI]