Mobile App Dev 2022W: Tutorial 3 - Revision history

Soma: /* Key Concepts & Resources */

2022-01-26T18:08:54Z

Key Concepts & Resources

← Older revision		Revision as of 18:08, 26 January 2022
Line 12:		Line 12:
	* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]		* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]
	* [https://developer.apple.com/documentation/swiftui/geometryreader GeometryReader]		* [https://developer.apple.com/documentation/swiftui/geometryreader GeometryReader]
	* [https://~~www~~.~~hackingwithswift~~.~~com~~/~~example~~-~~code~~/~~language~~/~~what-is-~~the~~-ternary-operator Swift ternary operator~~]		* [https://docs.swift.org/swift-book/LanguageGuide/BasicOperators.html Basic Swift operators including the "Ternary Conditional Operator"]


	A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.		A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.

Soma: /* Key Concepts & Resources */

2022-01-26T18:04:50Z

Key Concepts & Resources

← Older revision		Revision as of 18:04, 26 January 2022
Line 12:		Line 12:
	* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]		* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]
	* [https://developer.apple.com/documentation/swiftui/geometryreader GeometryReader]		* [https://developer.apple.com/documentation/swiftui/geometryreader GeometryReader]
			* [https://www.hackingwithswift.com/example-code/language/what-is-the-ternary-operator Swift ternary operator]

	A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.		A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.

Soma at 17:52, 26 January 2022

2022-01-26T17:52:39Z

← Older revision		Revision as of 17:52, 26 January 2022
Line 25:		Line 25:
	# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)		# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)
	# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. ([https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/drag-demo/ContentView.swift ContentView.swift from drag-demo is here.])The basic functionality of last year's code and this year's code is the same. Why is the code here more complicated? What has changed?		# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. ([https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/drag-demo/ContentView.swift ContentView.swift from drag-demo is here.])The basic functionality of last year's code and this year's code is the same. Why is the code here more complicated? What has changed?

			==Tasks==

			# Disable dragging of the circle, make it instead just appear at the end of the drag.
			# Make the box bigger and the ball smaller. Ideally make the ball half the size of the box.
			# Make the box appear in the top right of the screen and the circle start in bottom left.

	==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==

Soma: /* Tasks */

2022-01-26T17:50:45Z

Tasks

← Older revision		Revision as of 17:50, 26 January 2022
Line 15:		Line 15:
	A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.		A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.

	==~~Tasks~~==		==Questions==

	# What is the initial coordinates of the box? Of the circle? What are these coordinates relative to?		# What is the initial coordinates of the box? Of the circle? What are these coordinates relative to?

Soma: /* Tasks */

2022-01-26T16:22:12Z

Tasks

← Older revision		Revision as of 16:22, 26 January 2022
Line 24:		Line 24:
	# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?		# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?
	# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)		# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)
	# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. The basic functionality of last year's code and this year's code is the same. Why is the code here more complicated? What has changed?		# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. ([https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/drag-demo/ContentView.swift ContentView.swift from drag-demo is here.])The basic functionality of last year's code and this year's code is the same. Why is the code here more complicated? What has changed?

	==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==

Soma: /* Tasks */

2022-01-26T03:24:31Z

Tasks

← Older revision		Revision as of 03:24, 26 January 2022
Line 24:		Line 24:
	# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?		# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?
	# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)		# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)
	# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. The basic functionality of last year's code and this year's code is ~~roughly~~ the same. Why is the code here more complicated? What has changed?		# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. The basic functionality of last year's code and this year's code is the same. Why is the code here more complicated? What has changed?

	==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==

Soma at 03:23, 26 January 2022

2022-01-26T03:23:52Z

← Older revision		Revision as of 03:23, 26 January 2022
Line 24:		Line 24:
	# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?		# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?
	# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)		# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)
			# This tutorial is a revised version of [[Mobile App Dev 2021W: Tutorial 3\|Tutorial 3 from last year]]. The basic functionality of last year's code and this year's code is roughly the same. Why is the code here more complicated? What has changed?

	==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==

Soma at 03:01, 26 January 2022

2022-01-26T03:01:45Z

← Older revision		Revision as of 03:01, 26 January 2022
Line 1:		Line 1:
	~~'''This tutorial is still being developed.'''~~

	In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift dragDemo2], a simple SwiftUI program where you drag a ball into a box.		In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift dragDemo2], a simple SwiftUI program where you drag a ball into a box.

Soma at 02:57, 26 January 2022

2022-01-26T02:57:36Z

← Older revision		Revision as of 02:57, 26 January 2022
Line 13:		Line 13:
	* [https://developer.apple.com/documentation/swiftui/adding-interactivity-with-gestures Gestures]		* [https://developer.apple.com/documentation/swiftui/adding-interactivity-with-gestures Gestures]
	* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]		* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]
			* [https://developer.apple.com/documentation/swiftui/geometryreader GeometryReader]

	A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.		A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.
Line 26:		Line 27:
	# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)		# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)

	~~==Code==~~		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift Code: dragDemo2 ContentView.swift]==

	===[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift dragDemo2 ContentView.swift]===

	<syntaxhighlight lang="swift" line>		<syntaxhighlight lang="swift" line>

Soma at 02:55, 26 January 2022

2022-01-26T02:55:26Z

← Older revision		Revision as of 02:55, 26 January 2022
Line 1:		Line 1:
			'''This tutorial is still being developed.'''

			In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/dragDemo2/ContentView.swift dragDemo2], a simple SwiftUI program where you drag a ball into a box.

			==Key Concepts & Resources==

			For this tutorial, however, you shouldn't need to refer to the documentation below; the code itself should be simple enough to understand and experiment with. However, if you want to learn more, see below.

			This code introduces these SwiftUI concepts and mechanisms:

			* [https://developer.apple.com/documentation/swiftui/shape Shapes], specifically circles and rectangles.
			* [https://developer.apple.com/documentation/swiftui/button/position(_:) View positions]
			* [https://developer.apple.com/documentation/swiftui/adding-interactivity-with-gestures Gestures]
			* [https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views ZStack]

			A list of key Apple articles on SwiftUI is [https://developer.apple.com/documentation/swiftui here]. Unfortunately, these articles are incomplete and sometimes ambiguous, so you may want to look at other online resources if you are looking to learn more about SwiftUI. I've found the [https://www.hackingwithswift.com/books/ios-swiftui/ Hacking with Swift] online book to be helpful overall, and [https://medium.com/better-programming/drag-swipe-and-touch-gestures-in-swiftui-fa5364090745 Mark Lucking's article on drag and drop is informative] and [https://swiftui-lab.com/geometryreader-to-the-rescue/ The SwiftUI Lab's article on GeometryReader]. Unfortunately, I've found no online resource that is truly authoritative and complete.

			==Tasks==

			# What is the initial coordinates of the box? Of the circle? What are these coordinates relative to?
			# How do you change the drag gesture to be processed "OnEnded" rather than "OnDrag"? How does this change the behaviour of the program?
			# Where does the circle have to be to get the success menu? Be precise in terms of coordinates.
			# Where is view state being stored? Where is it being used?
			# How would you make the lines of the rectangle thinner?
			# Can you make it impossible for the ball to enter the square (but allow it to be dragged everywhere else on the screen)?
			# Do you see any regular closures here? If so, where are they being used and for what purpose? (Do not consider closures that are actually Views.)

	==Code==		==Code==