2023-10

SwiftUI

階層的なリストを作る

リストビューを使うことで、階層的なリストも作ることができます。階層的なリストを使うと、データの構造を表現しやすくなります。せっかくアプリを作っているわけですので、ここではコンピュータ科学などの分野に関する階層的なリストを少しだけ作ってみます...
SwiftUI

リストをセクションごとに分ける その2

リストをセクションごとに分ける(その1)際に、ForEachを入れ子状にして作ることもできます。そうすることで、構造体などをまとめて表示することができます。一つ一つ書いてもいいのですが、このやり方は拡張性が高まります。例として、国ごとの主要...
SwiftUI

リストをセクションごとに分ける

リストは、セクションごとに分けて表示することもでき、より整理しやすくなったりします。国ごとの主要な観光地を表示できたりします。import SwiftUIstruct ContentView: View { var body: some V...
SwiftUI

Referencing initializer ‘init(_:content:)’ on ‘ForEach’ requires that ‘String’ conform to ‘Identifiable’というエラーへの対処方法

概要よくあるのはListビューを使っている場面です。Listの中で、ForEach文を使い配列の各要素を表示させたい時に、このエラーに遭遇することがあります。以下はエラーの例ですimport SwiftUIstruct ContentVie...
SwiftUI

配列の中身をまとめてリスト表示する

リストビューは、配列とも相性抜群です。配列によってまとめられているデータをまとめてリスト形式で表示することができてしまいます。この例では、気になる国をまとめた配列の中身をリストで表示してみましょう。import SwiftUIstruct ...
SwiftUI

リストの各行を独自のビューにする

リストビュー(List)では、その中に書いてあるビューが各行のコンテンツとして表示されます。それぞれのビューは、独自に定義したカスタムビューを使うこともできます。そうすることで、思い通りの作りにできたり、修正やメンテナンスなどもラクになりま...
SwiftUI

リストビューの使い方

一覧を作ったり、関連する項目をまとめたり、、、そうしたこともリストビューを使うと表現しやすくなるかもしれません。やり方は、Listを使います。import SwiftUIstruct ContentView: View { var body...
Apple

【名言】スティーブ・ジョブズ:We just want to make great products.

Appleを創り出し、宇宙にインパクトを与えたスティーブ・ジョブズの言葉。We do no market research. We don’t hire consultants. … We just want to make great p...
SwiftUI

ビューを透過させる

SwiftUIでは、テキストや画像など、ビューを半透明にして透過させることもできます。青地が下のレイヤーで、赤が上のレイヤーです。赤の方は透過させていますので、下の青地と色が混じっています。やり方は、透過させたいビューにopacityモディ...
SwiftUI

画像をぼかす

SwiftUIで画像をぼかしたい時のやり方です。全体的に画像がぼやけているのが分かります。struct ContentView: View { var body: some View { Image("mountain") .resizab...