SwiftUI Appleのチュートリアルを再度確認してみた。

SwiftUIが出始めた時のチュートリアルより、わかりやすく見やすくなっている印象をもった SwiftUIの導入方法はもちろん、Xcodeを利用した開発で便器な機能も紹介をしてくれている https://developer.apple.com/tutorials/swiftui/creating-and-combining-views 気づき ・プレビューの編集モードでは、プレビューのパーツにカーソルを当てると、コードの該当パーツにカーソルがあたる ・右上の＋ボタンからの利用したい部品を選択ができるが、選択したパーツの使い方のプレビューが表示される ・Previewを並べることができる ・UiKitのViewを使う時は、よく下記の書き方を利用しますね。 https://developer.apple.com/tutorials/swiftui/interfacing-with-uikit

このブログの人気の投稿

アプリアイコンの素材探し

はじめに  iOSアプリ開発で利用するアイコン素材をネットで探してみた アイコン画像について、ネットのアイコンを利用するとき ライセンスを確認すると思いますが、直近調べたものを記載しました。
続きを読む

【SwiftUI】グラスモーフィズムを試してみました

イメージ
🤔 グラスモーフィズムって？   すりガラスの表現を利用した半透明の表現方法でガラスの向こう側がすりガラスによって曇って見える表現が特徴です。iosでは今更ですが、MacOSのBig Surに利用されていることから、2021年のデザインのトレンドとして挙がっています。  🤔  では、どのような画面表現があるのか？ ・Dribbbleでは？ https://dribbble.com/tags/glassmorphism ・Pinterestでは？ Pinteresetで検索すると、Osamu Furukawaさんのボードに掲載がございます。以下にリンクを掲載します。 https://www.pinterest.jp/omfull/%E3%82%B0%E3%83%A9%E3%82%B9%E3%83%A2%E3%83%BC%E3%83%95%E3%82%A3%E3%82%BA%E3%83%A0glassmorphism/ 🤔 どんな表現が可能なのか？ 以下のスズキアユミさんのサイトがまとまってますので、リンクとして掲載します。 https://designmemo.jp/creative/glassmorphism.html 🤔 SwiftUIで表示できるの？ 試した結果、SwiftUIのみでは表現が難しそうです。Blurの表現ありますが、ただのViewに くもりガラス風の表現 をするのは難しく、UIViewRepresentableで拡張したUIVisualEffectViewというパーツが必要になるようです。 ここまでで、やったこととして、Figmaで以下のように簡単なデザインしました。 figmaのプラグインで、SwiftUIインスペクターを利用してSwiftUIのコードを出力してiPhone画面に表示してみました。以下のようになります。オレンジの四角形と黄色い三角形部分が上にのっているViewで薄く表示されてますが、 くもりガラス風な表現になってはいません。 UIVisualEffectViewを利用すると以下のような表現になります。オレンジの四角形と黄色い三角形部分が上にのっているViewがくもりガラスのようになりました。 くもりガラスのくもり具合については、Fi
続きを読む

【SwiftUI】バグ報告について

ここ1年で言われてるSwiftuiの不具合報告についてまとめてみました。 ■ NavigationViewで遷移すると遷移直後で画面が戻ってしまう現象があり。 ・iOS14.4、14.5 ・デベロッパーサイトやstackoverflowに記載あり →対策方法：空のEmptyViewを入れる。t https://developer.apple.com/forums/thread/677333 https://stackoverflow.com/questions/67686125/swiftui-unexpectedly-navigationlink-pops-automatically https://forums.swift.org/t/14-5-beta3-navigationlink-unexpected-pop/45279/37 Twitterにもすぐに戻ってしまうとの記事があります。 遅延実行すると良いとも記載がありました。 https://twitter.com/kansa_mon/status/1410943681406722050?s=20 ■SwiftUIでtoolbarのToolbarItem内にTextFieldを実装したいんだけどTextFieldをタップした時に即座にキーボードが消えてしまうバグ https://twitter.com/natumn_/status/1372762134593990659?s=20 ■SwiftUIでtoolbarのToolbarItem内にTextFieldを実装したいんだけどTextFieldをタップした時に即座にキーボードが消えてしまうバグ https://twitter.com/natumn_/status/1372762134593990659?s=20 ■NavigationViewがTabView内にネストされていると、ステータスバーを非表示にできません。 https://developer.apple.com/forums/thread/653153 ■BottomBarが消えるバグが存在する iOS14.4 https://qiita.com/r0227n/items/1e938797b5c80191c739 ■TabViewとNavigationViewのスタックがリセット ・iOS13で
続きを読む