Mobile App Dev 2022W: Tutorial 1 - Revision history

Soma: /* Tasks/Questions */

2022-01-14T18:01:35Z

Tasks/Questions

← Older revision		Revision as of 18:01, 14 January 2022
Line 13:		Line 13:
	==Tasks/Questions==		==Tasks/Questions==
	# Enter different sizes for the square. How quickly does the screen change when you enter new values?		# Enter different sizes for the square. How quickly does the screen change when you enter new values?
	# Use .fill to change the interior color of the square. Use "Color.red" as the color. How does this compare to how colors were specified previously?		# Use .fill to change the interior color of the square. Use "Color.red" as the color. How does this compare to how colors were specified previously? (Note you can't do fill and stroke at the same time it seems.)
	# Change the program so that instead of changing the size you change one of the colors of the square. Reuse the existing text entry box.		# Change the program so that instead of changing the size you change one of the colors of the square. Reuse the existing text entry box.
	# Add additional text entry boxes for all three colors and the size. One should be above the other, all should be above the square.		# Add additional text entry boxes for all three colors and the size. One should be above the other, all should be above the square.

Soma at 23:05, 13 January 2022

2022-01-13T23:05:39Z

← Older revision		Revision as of 23:05, 13 January 2022
Line 1:		Line 1:
	~~'''This tutorial is still in development.'''~~

	==Getting Started==		==Getting Started==

Soma: /* Tasks */

2022-01-13T23:05:13Z

Tasks

← Older revision		Revision as of 23:05, 13 January 2022
Line 13:		Line 13:
	Once square-1 is running, proceed to the tasks below.		Once square-1 is running, proceed to the tasks below.

	==Tasks==		==Tasks/Questions==
			# Enter different sizes for the square. How quickly does the screen change when you enter new values?
			# Use .fill to change the interior color of the square. Use "Color.red" as the color. How does this compare to how colors were specified previously?
			# Change the program so that instead of changing the size you change one of the colors of the square. Reuse the existing text entry box.
			# Add additional text entry boxes for all three colors and the size. One should be above the other, all should be above the square.

	==Code==		==Code==

Soma: /* Running square-1 */

2022-01-13T22:39:20Z

Running square-1

← Older revision		Revision as of 22:39, 13 January 2022
Line 8:		Line 8:
	==Running square-1==		==Running square-1==

	Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this: [[File:Square-1-screenshot-2022w.png~~\|thumb~~\|Screenshot of square-1]]		Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this: [[File:Square-1-screenshot-2022w.png\|Screenshot of square-1]]

Soma at 22:39, 13 January 2022

2022-01-13T22:39:03Z

← Older revision		Revision as of 22:39, 13 January 2022
Line 8:		Line 8:
	==Running square-1==		==Running square-1==

	Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this: [[File:Square-1-screenshot-2022w\|thumb\|Screenshot of square-1]]		Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this: [[File:Square-1-screenshot-2022w.png\|thumb\|Screenshot of square-1]]

Soma at 22:38, 13 January 2022

2022-01-13T22:38:10Z

← Older revision		Revision as of 22:38, 13 January 2022
Line 8:		Line 8:
	==Running square-1==		==Running square-1==

	Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this:		Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this: [[File:Square-1-screenshot-2022w\|thumb\|Screenshot of square-1]]


	Once square-1 is running, proceed to the tasks below.		Once square-1 is running, proceed to the tasks below.

Soma: /* Running square-1 */

2022-01-13T22:31:54Z

Running square-1

← Older revision		Revision as of 22:31, 13 January 2022
Line 8:		Line 8:
	==Running square-1==		==Running square-1==

	Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below.		Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below. When you run it, the simulator should look something like this:

			Once square-1 is running, proceed to the tasks below.

			==Tasks==

	==Code==		==Code==

Soma: /* Code */

2022-01-13T22:29:42Z

Code

← Older revision		Revision as of 22:29, 13 January 2022
Line 12:		Line 12:

	==Code==		==Code==

			[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/square-1/ContentView.swift ContentView.swift for square-1]

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

Soma at 22:26, 13 January 2022

2022-01-13T22:26:11Z

← Older revision		Revision as of 22:26, 13 January 2022
Line 1:		Line 1:
	'''This tutorial is still in development.'''		'''This tutorial is still in development.'''

			==Getting Started==

			First, you should [[Mobile App Dev 2022W: Getting started with Xcode\|configure your Xcode environment]] and make sure you can successfully run an automatically generated hello world program. Once that all works, move on to the exercises below.


			==Running square-1==

			Make a new multiplatform app, call it "square-1", and replace the contents of ContentView.swift with the code below.

Soma: Created page with "'''This tutorial is still in development.''' ==Code== // square-1, ContentView.swift // // for Tutorial 1, COMP 1601 Winter 2022, Carl..."

2022-01-13T20:21:31Z

Created page with "'''This tutorial is still in development.''' ==Code== <syntaxhighlight lang="swift" line> // square-1, ContentView.swift // // for Tutorial 1, COMP 1601 Winter 2022, Carl..."

New page

'''This tutorial is still in development.'''

==Code==

<syntaxhighlight lang="swift" line>
// square-1, ContentView.swift
//
// for Tutorial 1, COMP 1601 Winter 2022, Carleton University
// Anil Somayaji, 1/13/22.
//

import SwiftUI

struct ContentView: View {
@State private var sizeS = ""
var body: some View {
VStack{
Text("Square size:")
TextField("Enter the Size", text: $sizeS)
.multilineTextAlignment(.center)
let size = Double(sizeS) ?? 200
Rectangle()
// There are many color spaces, see
// https://developer.apple.com/documentation/coregraphics/cgcolorspace/1408871-srgb
.stroke(Color(Color.RGBColorSpace.sRGB,
red: 0.0, green: 1.0, blue: 0.5),
lineWidth: 10)
.frame(width: size,
height: size)
}
}
}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
</syntaxhighlight>