SwiftUI / Jetpack Composeでよくある画像のプレビュー画面を実装する - inSmartBank
こんにちは。スマートバンクで iOS / Android エンジニアをしている nakamuuu です。 先日リリースした新しいメンバーシッププラン「B/43プラス」では支払いの明細へ画像を添付できるようになりました！添付した画像は明細画面にサムネイル状に表示され、タップするとプレビュー画面へと遷移して画像が大きく表示されます。 今回、私はこのような画像のプレビュー機能を iOS / Android の両OSそれぞれで SwiftUI / Jetpack Compose を用いて実装しました。 このエントリーでは SwiftUI / Jetpack Compose の各フレームワークにおけるジェスチャー操作のAPIや振る舞いの差異を踏まえつつ、 “よくある画像のプレビュー画面” を実装するにあたっての知見を紹介していこうと思います。 プレビュー画面の要件 上述したプレビュー画面ではユーザー
Before you switch to a custom font don’t overlook how much you can tweak the appearance of the system fonts. A quick review of some font APIs that work for both UIKit and SwiftUI. Tweaking The System Fonts Here’s my starting point. I’m using dynamic type with a large title and body text. I’m not going to spend time on the layout details. (See this post on scroll view layouts for a UIKit example).
WWDC Extended Tokyo 2022 https://yj-meetup.connpass.com/event/247614/
iOSDC2021 の発表資料です
【SwiftUI】カスタムModifierの作成
（2020/05/4 更新） SwiftUIでは、定形のModifierをまとめたカスタムModifierを作成できます。これは、繰り返し処理を避け、ソースの簡素化をはかるのに有効です。 本記事では、カスタムModifierの定義方法と使用方法を紹介します。
The 11th day’s post of Mercari Advent Calendar 2019 is brought to you by @damianpasko from the iOS team. State is a very important word for both SwiftUI and Redux. In this case, it’s not only a buzzword, but it’s also a thing that connects them and letting them work together very well. In this article, I will try to show that the above thesis is truthful so let’s get started! The Beginning Redux c
Alignment guides are a powerful, but usually underused layout tool. In many cases, they help us avoid more complex options, such as anchor preferences. As you can see in this example, changes to the alignment can be automatically (and easily) animated too. Code: alignment-guides-animation.swift If you ever tried using alignment guides though, chances are, you may have been puzzled by the results.
GitHub - ra1028/swiftui-hooks: 🪝 A SwiftUI implementation of React Hooks. Enhances reusability of stateful logic and gives state and lifecycle to function view.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは、iOSエンジニアの @motoshima1150 です。 iOSDC Japan 2021の「スタディサプリ」がFull SwiftUIを選択した先に見えてきたもの。のトークセッションで収まりきれなかったTipsを紹介いたします。 はじめに 本記事では、Spotlight機能の実装方法について紹介します。 Spotlight機能とは、アプリのチュートリアルなどで画面はそのままに一部分を切り抜いた半透明Viewを重ねてユーザーの次の行動を促すことができる機能を指します。 要件としては次の要件を想定しています。 全画面を覆ったViewで任意の箇所を透過させたい 利用イメージ 例として、1と番号が振られたViewを明るく、それ以外の部分を暗く表示させるイメージです。 実装のステップは大きく2つに分けて説明します。 切り抜き用のFrameを取得する 指定した形にViewを切り抜く 切り
SwiftUIで多言語化対応したテキストを確認したかったのでその確認方法を記事にしようと思います。また多言語対応も行う度に調べてしまっていたので、改めて多言語対応の手順も振り返ってみることにしました。 環境 Xcode 13.3 多言語化対応を行う Localizationsを追加 Project > Info > Localozations の +ボタンを押します。 追加できるLocalizationが沢山出てくるので、追加したいものを選択します。 今回は、Englishに加え、Japanese、Arabic、Italian を追加しました。 Localization.stringを追加 Xcodeの上部メニューバー File > New > File を押します。 表示された中からStrings.fileを選択します。 ファイルの名前は必ずLocalizable.stringsにしてく
Fruta: Building a Feature-Rich App with SwiftUI | Apple Developer Documentation
Create a shared codebase to build a multiplatform app that offers widgets and an App Clip.
Written by Mattt October 14th, 2019 This article has been translated into: 한국어 Working on a large iOS codebase often involves a lot of waiting: Waiting for Xcode to index your files, waiting for Swift and Objective-C code to compile, waiting for the Simulator to boot and your app to launch… And after all of that, you spend even more time getting your app into a particular state and onto a particul
Observing Combine publishers in SwiftUI views | Swift by Sundell
Articles, podcasts and news about Swift development, by John Sundell. SwiftUI offers multiple ways to connect a given view to the underlying state that it depends on, for example using property wrappers like @State and @ObservedObject. While using those property wrappers is certainly the preferred approach in the vast majority of cases, another option that can be good to keep in mind is that we ca
（本記事は、2021年9月にiOSDC Japan 2021で発表した「SwiftUIで使ったアプリを1年運用してみてわかったこと」のトークセッションを文字起こししたものです。実際のセッション動画はこちら） こんにちは！カウシェの@akifumiです。 SwiftUIが発表され早2年が経ちました。 そんなSwiftUIですが、本番アプリで採用されているケースはまだまだ少ないかと思います。 そんな中、積極的に新しい技術を取り入れようと、私たちが2020年9月にリリースした、シェア買いアプリ「カウシェ」は、大部分をSwiftUI, Combineを活用して作っています。 今日は、リリースから1年運用した今、 SwiftUI, Combineを活用し、どのようなアーキテクチャで開発・運用しているのか SwiftUIで開発中に問題となった点 運用している中でわかった良かった点・悪かった点 などを紹
unit and acceptance testing, automation, productivity How do you write unit tests for a SwiftUI application? SwiftUI, with its declarative approach to UI development and its opaque types, doesn't lend itself to writing unit tests. Are UI and snapshot tests our only option? Should we generate multiple Previews for every behavior permutation of our views? The answer is simpler and doesn't require an
SwiftUI simplifies the development process by providing a clean, easy-to-learn syntax and reducing the amount of boilerplate code required to create responsive, modern user interfaces, making it a powerful tool for building apps quickly and efficiently. Do take note that building your project with SwiftUI means your app only runs on iOS 13, macOS 10.15, tvOS 13, and watchOS 6 ViewVStackHStackZStac
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tweaking The iOS System Fonts
SwiftUIをUIKitのライフサイクルで拡張するTips
SwiftUIとGraphQLでプロダクトの継続的な破壊に立ち向かう
SwiftUI + Redux = ❤️ | Mercari Engineering
Alignment Guides in SwiftUI - The SwiftUI Lab
SwiftUI でスポットライト機能を実装する - スタディサプリ Product Team Blog
SwiftUIで多言語化に対応してプレビューで確認する | DevelopersIO
SwiftUI Previews on macOS Catalina and Xcode 11
SwiftUIを使ったアプリを1年運用してみてわかったこと｜株式会社カウシェ
How to write unit tests for SwiftUI apps
SwiftUI | Swiftly Engineered iOS