- 運営しているクリエイター
#電卓
SwiftUIで行こう! 電卓を作ろ!-まとめ。
とりあえず電卓として動くようになりました。単純な計算ですけど。
それでこの仕組みを少し考えてみることにします。
まず電卓の中心的な機能、それは数字と演算するボタン。ボタンを押すと表示されそして、演算子を押すことで今回の電卓ではπ、ルート、掛け算ができるようにしています。
順番に機能を分解していきます。
数字のボタンで数字を決めます。ここでは数字を続けて押すことで桁数を変えることができます。
SwiftUIで行こう! 電卓を作ろ!-機能を追加!-仕上げ。
続いて、コードを整理していき、機能を追加していきます。
参考サイトです。
https://www.youtube.com/watch?v=hBO81LgQcJM
switch 文をも変更していきます。
switch symbol
を配列で置き換えます。symbolを"enum"でOperationとしてその種類を指定した算術式を定義します。
private enum Operatio
SwiftUIで行こう! 電卓を作ろ!-効率的に!
仕組みを整理していき効率よく計算ができるようにします。。以下参考にしています。
https://www.youtube.com/watch?v=hBO81LgQcJM
ここではまず記号が入力された場合にすることが決めてある部分を再定義していきます。
別ファイル管理として、CalcBrain.swiftというファイルを作ります。
構造としては以下
struct CalcBrain {
SwiftUIで行こう! 電卓を作ろ!-演算しましょ。
https://note.com/dngri/n/n00eb7baa824d
の続きです。数字が打てるようになったのでいよいよ演算していきます。
https://www.youtube.com/watch?v=gDEeILcSK_U
を参考に作っていきます。
struct UnarySymbols:View
について演算ができるように計算ができるように関数funcを作っていきます。
SwiftUIで行こう! 電卓を作ろ!-数式も。
続きです。下記の動画を参考にしてやります。
https://www.youtube.com/watch?v=gDEeILcSK_U
まず、整理していきます。"struct ContentView: View"の
ForEach(digits,id:\.self){rowDigits in HStack(spacing:12){
SwiftUIで行こう! 電卓を作ろ!-数字を表示。
In A Nutshellさんの以下動画を参考に電卓を作っていきます。
https://www.youtube.com/watch?v=JGlWrqMbizI
まず単純に水平方向(HStack)にButton()を使って数字を表示します。まず、水平に"9"と"7"を表示させます。
import SwiftUIstruct ContentView: View { var body: some
SwiftUIで行こう! 電卓を作ろ!-基本。
電卓を作る場合を考えてみます。基本的な機能についてなるべく単純にしてみます。
演算としては足し算、引き算ができるようにします。実際に作り場合はボタンを使って数字、演算子を入れて計算させます。
流れとしては、
数字1 → 演算子("+" or "-") → 数字2 → 演算子(=) → 答え!
というふうになります。今回は数字は固定します。
数字1(first)が"9"、 数字2(se