UI HandBook

As a beginner in SwiftUI, I often find it difficult to distinguish which layout views to use and I am frequently confused about which control or modifier to choose or modify. Because I’m unsure which one has a better functional effect, I repeatedly test the results in Xcode. With such confusion in mind, I decided to create this app – UI Handbook.

UI Handbook is an interactive SwiftUI programming assistant manual that presents the most commonly used layouts, elements, modifiers, as well as some more complex features and methods in the most intuitive way. I hope it can provide maximum help to every beginner!

You can interactively explore and see the demonstration of different functionalities in UI Handbook, without the need to repeatedly test different parameters in Xcode to validate the results. Whatever effect you see in UI Handbook, you can use the same effect in your own code.

UI Handbook also generates consistent code based on the interactive results you choose, and allows you to easily copy the code to the clipboard with a simple button. You can conveniently use the Universal Clipboard to paste it into Xcode and see the actual effect.

In addition, we are constantly exploring ways to incorporate more functionalities and effects into UI Handbook. We will continue to update it and look forward to your ongoing support!

Currently, UI Handbook has iPhone and iPad versions (with a completely redesigned interface for the iPad version to accommodate its display characteristics) and provides explanations in four languages (English, Simplified Chinese, Traditional Chinese, and Japanese). In the future, we will add more languages to facilitate Apple developers from around the world.

As an Apple developer and beginner, let’s work hard together! Let’s encourage each other!

If you have any questions or suggestions, please feel free to contact me at alan.chou@me.com (reply within 48 hours).


简体中文

作为一名SwiftUI的初学者,有时候往往会分不清该使用哪些布局视图,也常常为了到底应该选择哪个控件或是修改器而困惑。因为不知道哪一个功能效果更好,而反复地在Xcode中测试结果。带着这样的困惑,我决定编写这个App——UI HandBook。

UI HandBook是一款基于互动体验的SwiftUI编程助理手册,它采用最直观的方式来展现SwiftUI最常用的布局、元素、修改器以及一些较复杂的功能和方法。希望它能带给每一个初学者最大的帮助!

您可以通过互动得到不同功能的效果展示,不必在Xcode中反复进行测试来验证不同参数的结果,只要在UI HandBook中看到什么样的效果,您就能在自己的代码中使用什么样的效果。

UI HandBook还同时根据您选择的互动结果,生成一致的代码,并通过简单的按钮将代码拷贝到剪贴板,您可以方便地利用Universal Clipboard将其粘贴到Xcode中观看实际效果。

另外,我们也在不断摸索想要把更多的功能和效果实现的方法加入到UI HandBook中,我们会持续更新,并期待您一直的支持!

目前,UI HandBook有iPhone版和iPad版本(iPad版本根据其显示特性,我进行了全新的界面设计),并提供四种语言文字(英语、简体中文、繁体中文和日文)的说明,将来会增加更多的语言以方便全球各地的Apple开发者使用。

作为一名Apple开发者和初学者,让我们一起努力!共勉!

有任何问题和建议,欢迎联系我:alan.chou@me.com (48小时内回复)


日本語

SwiftUIの初心者として、どのレイアウトビューを使用すべきかを判断するのが難しいことがよくあります。また、どのコントロールや修飾子を選択または変更すべきかについても頻繁に混乱します。どれがより良い機能効果を持つのかがわからないため、Xcodeで結果を繰り返しテストしています。そんな疑問を持って、私はこのアプリ「UI Handbook」を作成することにしました。

UI Handbookは、最も直感的な方法でSwiftUIで最も一般的に使用されるレイアウト、要素、修飾子、およびいくつかのより複雑な機能やメソッドを紹介する、インタラクティブなSwiftUIプログラミングアシスタントマニュアルです。初心者の皆さんに最大限の助けを提供できることを願っています!

UI Handbookでは、異なる機能の効果を対話的に見ることができます。Xcodeで異なるパラメータの結果を繰り返しテストする必要はありません。UI Handbookで見る効果を、自分のコードでも同じように使用することができます。

UI Handbookでは、選択した対話結果に基づいて一貫性のあるコードを生成し、シンプルなボタンでコードをクリップボードにコピーすることができます。Universal Clipboardを利用して、そのコードをXcodeに貼り付けて実際の効果を確認することができます。

さらに、私たちはUI Handbookにさらに多くの機能や効果を取り入れる方法を探求しています。私たちは継続的に更新し、皆さんのサポートをお待ちしています!

現在、UI HandbookにはiPhone版とiPad版(iPad版は表示特性に合わせて完全にリデザインされたインターフェースがあります)があり、英語、簡体字中国語、繁体字中国語、日本語の説明が提供されています。将来的には、世界中のApple開発者が利用しやすいように、さらに多言語対応を追加します。

Appleの開発者や初心者の皆さんと一緒に頑張りましょう!お互いを励まし合いましょう!

ご質問やご提案がありましたら、お気軽にお問い合わせください:alan.chou@me.com(48時間以内に返信いたします)


Version History

Version 1.0.0 build 18

Official Version Released

版本1.0.0 构建版本 18

正式版发布

バージョン1.0.0 ビルド18

正式版リリース


Version 1.1.0 build 30

  1. Added support for Dutch.
  2. Added content of following:
    • WidgetKit
    • Lock Screen Widget
    • ActivityKit & Dynamic Island
    • Date Text (free)
    • LazyHGrid & LazyVGrid
    • Phone Number Pad animation
    • GeometryReader
    • Scroll Photos View
  3. Fixed some bugs and updated some UI.

版本1.1.0 构建版本 30

  1. 添加了对荷兰语的支持。
  2. 添加了以下内容:
    • 小组件
    • 锁屏小组件
    • ActivityKit & 灵动岛
    • 日期文本 (免费)
    • LazyHGrid & LazyVGrid
    • 电话号码键盘动画
    • GeometryReader
    • 滚动照片视图
  3. 修复了一些错误并更新了一些UI

バージョン1.1.0 ビルド30

  1. オランダ語のサポートを追加しました。
  2. 以下のコンテンツを追加しました:
    • WidgetKit
    • ロックスクリーンウィジェット
    • ActivityKit & Dynamic Island
    • 日付テキスト(無料)
    • LazyHGrid & LazyVGrid
    • 電話番号パッドアニメーション
    • GeometryReader
    • スクロール写真表示
  3. 一部のバグを修正し、UIを更新しました

Version 1.1.1 build 34

Fixed an issue where Unlock App & Restore Purchases content would appear as a blank page when internet access was unavailable or product information was being fetched.

版本1.1.1 构建版本 34

修正了一个问题,即在无法访问互联网或正在获取产品信息时,解锁应用程序和恢复购买内容会显示为空白页。

バージョン1.1.1 ビルド34

インターネットに接続できない場合、または製品情報を取得中に、アプリのロック解除と購入の復元のコンテンツが空白のページとして表示される問題を修正しました。


Version 1.2.0 build 42

1. Added content of following:

– QR Code Generater

– Importing photoes with camera

– Circular Progress

– Interactive Widget

– MapKit API for iOS 17+

2. Fixed some bugs and improved some UI.

3. Added a button to rate the app on the settings page.

版本1.2.0 构建版本 42

1. 添加了以下内容:

– 二维码生成器

– 用相机导入照片

– 圆形进度条

– 互动小组件

– 适用于 iOS 17+ 的 MapKit API

2. 修正了一些错误并改进了一些用户界面。

3. 在设置页面添加了对应用程序评分的按钮。

バージョン1.2.0 ビルド42

1. 以下のコンテンツを追加しました:

– QRコードジェネレーター

– カメラで写真を取り込む

– 円形プログレス

– インタラクティブウィジェット

– iOS 17+用MapKit API

2. いくつかのバグを修正し、いくつかのUIを改善しました。

3. 設定ページにアプリを評価するボタンを追加しました。


Mar. 5, 2024

Version 1.3.0 build 50

  1. Added content of following:
    • Rewrote the code for NavigationSpliteView.
    • SystemSoundIDs.
    • SensoryFeedback.
    • SF Symbols Effects.
    • MapPolyline in MapKit for iOS 17+.
    • MapPolygon in MapKit for iOS 17+.
    • MapCircle in MapKit for iOS 17+.
    • Added Human Interface Guidlines for UIFeedbackGenerator.
  2. Fixed some bugs and improved some UI.

版本 1.3.0 构建版本 50

  1. 增加了如下内容:
    • 重写了NavigationSpliteView部分的代码.
    • 系统音ID
    • 感官反馈
    • SF符号效果
    • 地图辅助线
    • 地图多边形
    • 地图圆形
    • 为UIFeedbackGenerator增加了人机界面指南
  2. 修复了一些错误和改进了用户界面。

バージョン1.3.0 ビルド50

  1. 以下の内容を追加:
    • NavigationSpliteViewのコードを書き直した。
    • SystemSoundIDs。
    • SensoryFeedback。
    • SF Symbols Effects。
    • MapKit for iOS 17+のMapPolyline。
    • MapKit for iOS 17+のMapPolygon。
    • iOS 17+ 用 MapKit に MapCircle を追加。
    • UIFeedbackGeneratorにヒューマンインターフェースガイドラインを追加。
  2. いくつかのバグを修正し、UIを改善した。

Mar. 12, 2024

Version 1.3.1 build 53

  1. Fixed a bug with missing localization files in version 1.3.0 (50).
  2. Fixed some translation contents and errors in Simplified Chinese version.

版本 1.3.1 (53)

  1. 修复了1.3.0 (50)版本本地化文件丢失的错误。
  2. 更正了简体中文版中一些翻译内容和错误。

バージョン1.3.1 ビルド53

  1. バージョン1.3.0 (50)でローカライズファイルが欠落していたバグを修正。
  2. 簡体字中国語版の翻訳内容や誤りを修正。

Apr. 13, 2024

Version 1.3.2 build 58

  1. Added new content: PhotosPicker.
  2. Updated the website link for homepage and privacy policy.
  3. Fixed some bugs.

版本 1.3.2 (58)

  1. 增加了新内容: PhotosPicker。
  2. 更新了主页和隐私政策的网页链接。
  3. 修复了一些错误。

バージョン1.3.2 ビルド58

  1. 新しいコンテンツPhotosPickerを追加しました。
  2. ホームページとプライバシーポリシーのリンクを更新しました。
  3. いくつかのバグを修正しました。

July 8, 2024

Version 1.4.0 build 75

  1. Added new contents:
    • Inspector
    • KeyboardShortcut
    • Mark Charts
  2. Updated some contents:
    • Updated default content for QR code view.
    • Added a preview of the title display mode to navigation view.
  3. Fixed some bugs.

版本 1.4.0(75)

  1. 增加新内容:
    • 检查器
    • 键盘快捷键
    • 标记图表
  2. 更新了如下内容:
    • 更新了二维码视图的默认内容
    • 为导航视图增加了标题显示模式的预览
  3. 修复了一些错误

バージョン1.4.0 ビルド75

  1. 新しいコンテンツを追加:
    • Inspector
    • KeyboardShortcut
    • マークチャート
  2. いくつかのコンテンツを更新:
    • QRコード表示のデフォルトコンテンツを更新
    • ナビゲーションビューにタイトル表示モードのプレビューを追加
  3. 一部不具合の修正

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注