猫でもわかるWebプログラミング

試行錯誤しながらエンジニア(プログラマー)として働く猫のブログ。技術的な話や、働き方の話、読書録とか、試行錯誤している日常の話。

SwiftUI

SwiftUI で Text の色(フォントカラー)を指定する

foregroundColorを使う Text("▶").frame(width: 44, height: 44) .foregroundColor(.gray)

SwiftUIでインジケーター(くるくる)を表示する

インジケーターのビューのコード 使い方例 インジケーターのビューのコード とりあえずこのコードを適当な名前で保存する。 import SwiftUI import UIKit struct Indicator: UIViewRepresentable { typealias UIViewType = UIActivityIndicatorView @State v…

【Swift UI】ボタンを押した時にモーダルを出す

実装 サンプルコード ボタンを押した時にモーダルを出す方法です。 実装 struct ContentView: View { // モーダルが開いているかどうかを表す State を用意する必要があります @State private var isShowingSettingModal = false var body: some View { Butt…

【Swift UI】NavigationView を表示させる、NavigationViewにタイトルやボタンを表示させる

NavigationView を表示させる NavigationView にタイトルを表示させる NavigationView の右上にボタンを設置する NavigationView を表示させる struct ContentView: View { var body: some View { NavigationView { // ビューの中身をここに書く } } } Navig…

APIリクエスト結果をUIに反映させる - Swift UI チュートリアル Part 5

やること 重要なこと 実装するべきもの ちなみに データを持つ部分の実装 UIの実装 APIを叩く部分 やること 新年あけましておめでとうございます。 新年なので、非同期でAPIリクエストを行い、結果がかえってき次第リスト形式でUIに表示させたいです。 重要…

Swift UI のチュートリアルをする - Part 4: Building Lists and Navigation をやる

今回はこのリストを作るチュートリアルをやります 進め方 Create the Row View 今回表示するもの AudioRow を定義 AudioList を定義 SceneDelegate を編集して AudioList を表示させる 今回はこのリストを作るチュートリアルをやります https://developer.ap…

Swift UI のチュートリアルをする - Part 3: MapKit とか

Part 1 はこちら Imageを表示する UIKit を使う MapKit これらを合体させる 次回 Part 1 はこちら www.utakata.work Imageを表示する 突然 Resources フォルダとか出てくるけど、多分フォルダを作って追加しろということなのだろうか。 Image("turtlerock") …

Swift UI のチュートリアルをする - Part 2: TextのカスタマイズとVStack, HStack

前回の記事 TextVewのカスタマイズ Stack を使って View を組み合わせる VStack で Vertical に並べる VStackのalignmentを指定する HStack で Horizontal に並べる Spacerを入れる .padding() 次回 前回の記事 前回の記事をまだ見てない人はそちらから www.…

Swift UI のチュートリアルをする - Part 1: プロジェクトの作成まで

Swift UI とは Swift UI チュートリアル プロジェクトの作成 ContentView.swift ContentView ContentView_Previews Canvas 次回: Cusotomize the Text View Swift UI とは 日本時間2019年6月4日に「WWDC19」で発表されたSwiftのUIフレームワーク。 developer…