SwiftUI Gallery

・こちらでは、他サイトで学んだもの、自分で作成したものを掲載してます。実際、iOSアプリを作成しようとしたときに表現可能なものになります。

・画像をクリックして頂くとその画面の執筆記事に遷移します。

アプリデザイン
背景
動画背景
Path＋画像背景
Path＋画像背景
SEO-IMAGE-CAPTION
カタログ一覧
パララックス背景
パララックス背景2
曲線の図形背景1
曲線の図形背景2
グラスモーフィズム
ニューモーフィズム1
ニューモーフィズム2
ニューモーフィズム3

アニメーション
Shine!文字アニメ
パララックスView

このブログの人気の投稿

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

はじめに  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で
続きを読む