AppKitの最新情報

AppKitの最新情報

AppKitを使用したMac App開発の最新情報をご覧ください。SF Symbolsの最新情報について解説し、強化されたコントロールでインターフェイスを向上させる方法を紹介し、Stage Managerでのウィンドウの動作を調整する方法を学びます。また、macOSの共有機能やコラボレーション機能に関する最新情報も紹介します。

リソース
- - HDビデオ
  - SDビデオ
関連ビデオ

WWDC22
ダウンロード

♪ ♪
こんにちは AppKitの新機能へようこそ AppKitチームのエンジニアJeff Nadeauです今日は macOS Ventura向けApp構築の最新情報をお伝えします Apple Siliconのパフォーマンスと効率性 macOSのパワーそして豊かなAppのエコシステムなど Macにとってこれほどエキサイティングな時代はありませんあなたのAppはその物語の重要な一部です最高のAppを作り続けられるよう私たちは AppKitを前進させ続けていますここでは多岐に渡るトピックを取り上げます Stage Managerから始まり環境設定コントロール SF Symbols そして共有についてお話ししますまずご紹介するStage Managerは
アクティブなウィンドウが画面の中央にいる間非アクティブなウィンドウを片付けてくれますさらに高度なワークフロー実現のためウィンドウをセットにしてグループとして入れ替えも可能です
Appのウィンドウの表示方法にも影響します Stage Manageは作業スペースを整理整頓しようとするので新しいウィンドウが表示されると既存のものは画面から退場してスペースを確保しますこれは「プライマリ」ウィンドウに限った話でパネルやポップオーバー設定などの補助ウィンドウは引き続き既存のウィンドウ上に現れます NSWindowには特定のウィンドウに必要な動作の定義に役立つAPIが既に多数用意されています
デフォルトではフローティングパネルやモーダルウィンドウプリファレンススタイルのツールバーを持つウィンドウの場合は他と入れ替えません
Stage Managerはウィンドウの collectionBehaviorも尊重しますこのOptionSetはスペースとフルスクリーンでのウィンドウの動作を定義し Stage Managerがウィンドウを補助またはフローティングだと認識するサポートをしますウィンドウのcollectionBehaviorに auxiliary moveToActiveSpace stationary transientが含まれる場合はアクティブなウィンドウを動かしません適切なcollectionBehaviorを設定すればフルスクリーンデスクトップスペース Stage Managerの中などあらゆる状況でウィンドウの動作が優れたものになります次に「環境設定」の重要な変更点について macOS Venturaではシステム設定Appのナビゲーションスキームを一新してビジュアルデザインも新しくしましたまた他のOSの設定と同様にApp名を「システム設定」に変更しましたこの変更は皆さんのAppにも適用されます例えばシステム設定Appに表示される環境設定ペインバンドルがあるとします Appの中に設定エリアがある場合もありますコントロール性に富んだフォームのデザインシステムは設定のインターフェースやインスペクターに最適でしょうカスタムのPreferencePanesバンドルをリリースしている場合新しい設定Appでも引き続き動作しますカスタムペインはサイドバーに表示され AppはMonterey以前と同様にバンドルをロードし設定UIを表示しますシステム設定Appの新名称に合わせて App内の環境設定も「設定」に改名しました最新のSDKでビルドすると AppKit は自動的にAppメニューの「環境設定」メニュー項目の名前を更新しますしかしウィンドウのタイトルや説明用のラベル App周りのコントロールなど他の多くの場所で「環境設定」という単語を使用している場合がありますローカライズされたテキストを検索して更新してください
TextEditの設定ウィンドウは以前は「環境設定」でしたが「設定」に改名しシステムの他の部分と統一しましたシステム設定Appは新しいインターフェースを使ってすべての設定オプションを表示しています設定のインターフェースはコントロール部品が多いので多くのコントロールを内包する「フォーム」を使って簡潔明瞭に表示するスタイルです
フォーム自体が多くのパーツを描画するのでシステムコントロールの多くはこのコンテキストに適応して控えめな見た目で描画されステートがオンになるとより目立つ表示となります
SwiftUIではこの新しいデザインを使ったインターフェイスを非常に簡単に使えます Fromビューにコントロールを配置し「insetGrouped」のフォームスタイルを適用します SwiftUIは残りを引き受けフォームのビジュアルスタイルやスクロールの動作レイアウトはすべて自動的に適用されます
まだSwiftUIを始めていない方はこの機会にぜひお試しください設定画面はAppのインターフェイスの中でも独立した領域のため段階的な採用を行うには最適です SwiftUIとAppKitを一緒に使うことについて動画も作成したのでぜひご覧ください次にコントロールのアップデートについて NSComboButtonという新しいコントロールをはじめコントロールの拡張を多数ご紹介しますまたNSColorWellの更新や NSToolbar API の強化 NSAlert のデザイン調整 NSTableViewの性能向上も行いましたまずは NSComboButtonから NSComboButtonは即時のボタン操作と追加オプションのメニューの組み合わせにつきます
今日では何らかの動作を実行するためにボタンで即座に動作を実行したりプルダウンボタンで多数のオプションを持つメニューを表示したりします NSComboButtonはプライマリーアクションとプルダウンメニューを結合したものですメールのように予測されるフォルダはワンクリックで選べその他のフォルダはメニューを開いて選んでメッセージをファイリングするようなケースに使用しますこれまではセグメントコントロールAPIで構築していましたが今回は専用のコントロールを用意しています NSComboButtonには2つのスタイルがありボタンの外観と動作の両方を指定できますデフォルトのスタイルは「split」と呼ばれメニューのために独立した矢印があります
2つ目の「unified」は普通のボタンに近いですこのスタイルはクリックで主要な動作を行いクリック＆ホールドでメニューを表示しますこれがNSComboButtonです NSColorWellの外観を一新したのを皮切りにアップデートをいくつか行いましたカラーウェルの外観は四角いグラデーションからシステムの他のボタンベゼルを思わせる新しいスタイルに変更しました変更は自動で行われるのでこのモダンな外観のために何かを導入する必要はありませんしかしカラーピッキングはクリエイティブでプロフェッショナルなAppの重要な部分を担うため NSColorWellに2つの新しいスタイルを導入しました
1つ目はミニマムのスタイルでロールオーバー時に開示矢印を表示し色パレットから素早く選択できるポップオーバーを表示しフルNSColorPanelを開くオプションを持ち素早く色を選ぶ体験を提供しますデフォルトではシステム標準のカラーグリッドですが別のUIやパレットを考えている場合はカスタマイズ可能です
もうひとつはiWorkのAppでおなじみのエキスパンドスタイルです両方のインタラクションモデルを組み合わせており左側のウェルには素早く選択できるよう同じ開示矢印とポップオーバーがあり右側のボタンはより詳細な色が選択できるようフルパネルが表示されます
NSColorWellは3種類の色の選び方を提供します
NSColorWellの新しい colorWellStyleプロパティでデフォルトエキスパンドミニマルの各スタイルにアクセスします
NSColorWellは新たに「プルダウンアクション」のためにターゲットとアクションのペアも付けましたこの動作はミニマルまたはエキスパンドカラーウェルのプルダウンのクリック時に何が起こるかを決定しますデフォルトのプロパティはnilで NSColorWellはシステム標準のポップオーバーを使用しますが動作をカスタマイズして独自のポップオーバーの表示やメニューのような別のピッキングインターフェースの表示にも使用できますこれが新しいNSColorWellです外観も一新し色を素早く選ぶ方法も 2つ追加しました次に NSToolbarに関していくつかお知らせしますカスタマイズをより良く制御しレイアウトの柔軟性を高めるため様々なAPIの拡張が行われましたカスタマイズの面ではツールバーのカスタマイズ性をより良く制御できるよう 2つの新しいデリゲートメソッドを追加しました 1つ目は「toolbarImmovableItemIdentifiers」です実装してアイテム識別子のセットを返すようにするとそのアイテムはユーザーによる移動や取り外しができずカスタマイズモードに入ってもアニメーションが発生しません
例えばメールAppで「フィルター」ボタンを常にメッセージリストの上に表示させたい場合このAPIを使えば移動しないようにできます
2つ目は「toolbar itemIdentifier canBeInsertedAt」このデリゲートメソッドは特定の順番の変更や挿入ツールバーからの削除に対する拒否権を与えます例えばツールバーのあるセクション内では許可されて別のセクション内では禁止されるツールバーアイテムが作成できます
ツールバーの中央揃えアイテムが centeredItemIdentifiersプロパティで複数指定できますツールバーがカスタマイズ可能な場合これらのアイテムはツールバーへの追加や削除は可能ですが中央のグループ内でのみ並び替えできますこの例では写真編集ツールは先頭と末尾にいくつアイテムを配置してもすべてツールバーの中央に固まっていますツールバーをカスタマイズしたらアイテムが移動するのは困りものです状態によって意味が変わるツールバーアイテムの場合難しいことがあります例えばメールの「ミュート」と「ミュート解除」ボタンはクリックすると切り替わります
ラベルのサイズが異なるためツールバーの他の項目もその変更に対応するように移動します
このようなシナリオでは NSToolbarItemの新しい possibleLabelsプロパティでアイテムのローカライズされた文字列のセットが提供できます
NSToolbarは最長のラベルに合わせて項目のサイズを自動調整するので再構成後もレイアウトは同じままです次にアラートのデザイン更新について macOSのアラートはコンパクトなレイアウトで少量のテキストといくつかの明確な選択肢を伴うように最適化されています一般的にはアラートのまとめ役として最適ですアラートには短いテキストが最適ですメッセージをより直接的に伝えることができ誰もがあなたが書いたものを読んでからアラートを進める可能性が高くなります
しかしこのディスクユーティリティの警告のようにファイルシステムのデータについて本当に重要な選択を伝える必要がある場合など説明を短くできないこともありますコンパクトなレイアウトはここでは最適ではありませんこのような場合NSAlertは長文に適したワイドなレイアウトを提供するようにしました情報テキストが長すぎてコンパクトに収まらないアラートに対して自動的に適用されますアクセサリビューが大きくてコンパクトな警告ウィンドウに収まらない場合も同様ですこの動作はシステム全体に自動的に適用されるため App側で選択する必要はありません注意すべきはレイアウトはアラートを表示する際に決定されるのでアラートが画面上にあるときに変更してもスタイルが入れ替わらないことです
アラートテキストは短いことが理想ですが今回のデザインアップデートによりそうできない場合もユーザーエクスペリエンスを向上させられます
次に NSTableViewの重要な新機能について NSTableViewは非常に多くの行を効率的に処理できスクロール時にビューを遅延生成し再利用しますしかし各行が異なる高さを持つ可能性があるテーブルの場合は難しくその理由は良いスクロール体験を提供するにはテーブルがその全高とスクロール領域における各行の位置を知る必要があるからです
NSTableViewはテーブルのすべての行のサイズ調整を行い初期のロード時間に影響する可能性があります macOS VenturaではNSTableViewがこれらの目標達成と同時に優れたパフォーマンスを発揮します
各行の高さを計算する代わりに NSTableViewはスクロールするビューポート内またはその近くにある行に基づいて行の高さを遅延的に計算するようになりました
まだ未測定の行については NSTableViewは既に測定した行の高さに基づいた実行中の推定の高さを使用しますテーブルをスクロールすると NSTableViewは必要に応じて行の高さを要求し正しいスクロール位置を維持しながら推定された高さを実測値に置き換えます
これで大きなテーブルのロード時間が改善できますこの変更により「tableView heightOfRow」のようなデリゲート呼び出しのタイミングが変わるので NSTableViewがいつ行の高さを要求するか仮定するべきではありません
この最適化は NSTableViewと SwiftUIのリストビューの両方に適用され macOS VenturaのすべてのAppで自動的に使用されますこれがNSTableViewの機能です次に SF Symbolsのアップデートについて macOS Venturaにはあらゆる分野をカバーする 450以上の新しいシンボル画像を追加した「SF Symbols 4」を搭載しています
月桂樹や生活用品世界の通貨記号スポーツ関連など様々なシンボルマークを追加しました数千ものシンボルカタログを持つ SF Symbolsにはあなたのアイデアに応えるプロフェッショナルなデザインのアイコンがあるでしょうしかし私たちはここでは終わりません SF Symbols 4にはアイコンをさらに充実させる新機能を搭載していますシンボル画像はいくつかのレンダリングモードに対応しておりデザインに応じて選択できます単色を使用するモノクロームやシンボルの特定の部分を強調するために異なる不透明度の色を使用する階層的な色シンボルの各パーツに個別の色を指定するパレットシンボルのアートワークに直接デザインされた色を使用するマルチカラーがあります
これらは多様なデザインを実現するための柔軟性を備えますが私たちは同時に何も設定することなくシンボル画像が最高の状態になることも望んでいます
そこで macOS Venturaのシンボルに新機能として優先レンダリングモードを導入しました優先レンダリングモードではシンボルが好みのレンダリングスタイルを指定でき実行時にAppKitが自動的にそのスタイルを使用します AirPods Proのように細かいディテールの鮮明さを高めるために階層的なスタイルを好むシンボルには最適なのですもちろん別のデザインを考えている場合は NSImageSymbolConfigurationオブジェクトでいつでも好みのスタイルが選択できます
記号の中には単に概念を表すだけでなく Wi-Fiの電波強度やオーディオの音量など何らかの値や量を伝える意味を持つものもありますこのような場合のため「可変記号」と呼ばれる新しいタイプの記号を導入しました変数シンボルでは浮動小数点値を直接NSImageに与えシンボルはその値に基づいて各パスがどのように変化するか決定する数値の閾値を埋め込みますこれがそのAPIです変数シンボルは新しいイニシャライザーで作成されます既存のシンボル画像イニシャライザーと似ていますが 0-1間の浮動小数点数である値パラメーターが追加されていますシンボル画像に可変閾値が定義されていない場合この値は無視され通常通り描画されますその場合シンボルパスの描画はあなたが与えた値に基づいて異なることがわかります
変数シンボルはそれぞれ独自の方法で値が表せてその値をAPIレベルで提供することでシンボルの構成方法の詳細を知らなくてもすべてのバリエーションにアクセスできます
パレットカラーやマルチカラーなどのレンダリングスタイルとの組み合わせであらゆるデザインに対応できます最後に大きなアップデートである Sharingについて説明します macOS Venturaは Macでの共有体験を向上させ提案された人々や共同制作をしている人々を招待し管理する新しい方法を導入していますこれらの機能拡張を Appが最大限活用できるよう採用できる新しいAPIがいくつかあります
最も顕著なアップデートは新しい共有ポップオーバーでこれは既存の共有メニューに代わるもので共有文書に関する多くの情報や提案された人々などを含むリッチなインターフェイスを備えています従来のピッカーと同じAPIとデリゲートメソッドに対応するので共有サービスのリストのフィルタリングや独自のカスタムサービスをピッカーに挿入できます
ファイルのURLを共有する際 NSSharingServicePickerは自動的にヘッダーにアイコンや名前などファイルに関するメタデータが入力できますカスタムタイプの共有時は NSSharingServicePickerがその情報を要求するために使用する NSPreviewRepresentableActivityIte と呼ばれる
新しいプロトコルに項目を適合させられます適合するタイプはNSItemProviderのような共有する基礎となるアイテムを返す必要がありオプションでタイトル・画像プロバイダアイコンプロバイダを返します
AppKitには NSPreviewRepresentingActivityItemという便利な準拠クラスがあり既存の共有アイテムとそのメタデータが束ねられます各画像パラメータを NSImageとして直接提供したり前もって生成するのが難しい場合は NSItemProviderが使用できます
新しい共有ピッカーはツールバーボタンから共有を開始するには最適ですがメインメニューバーや App内の選択したビューのコンテキストメニューのようなメニューから共有を開始したい場合もあります従来は共有サービスを列挙しそれぞれにメニューを構築して対応していましたこれは標準のピッカーをバイパスしてしまうのでせっかくの新機能が台無しになります macOS VenturaではNSSharingServicePickerで「標準の共有メニュー項目」が作成できますどんなメニューにも定番アイテムを追加して共有開始できます選択されたメニュー項目は共有ポップオーバーを呼び出しコンテキストメニューの場合メニューを生成したのと同じビューにポップオーバーをアンカーで固定できます macOS Venturaでは共同制作の管理用のサポートを多数用意しています共有できるアイテムは共有ピッカーやメッセージへのドラッグ＆ドロップ FaceTimeを介したコラボレーションへの招待状が作成できます CloudKitやiCloudDriveでのコンテンツの共有や招待フローとコラボレーションサーバーを連携できます詳しく説明するための動画を用意しました Appが既に共同制作をサポートしている場合や新規に共同制作を追加したい場合は必見です macOS Venturaの開始にあたり Stage Managerで最適に動作するようにウィンドウの設定をお願いします次にNSComboButtonやNSColorWellのようなコントロールの拡張をどうデザインに生かすか考えます SF Symbolsの最新のシンボルや機能でアイコンを変身させましょう最後に共同制作のために最新のAPIを採用しmacOS Venturaの新しい共有体験を最大限に活用しましょう
そしてこれからも素晴らしい Macアプリケーションを作り続けてください

4:54 - Using the grouped form style in SwiftUI

enum AirDropVisbility: String, CaseIterable, Identifiable {
    case nobody = "No One"
    case contactsOnly = "Contacts Only"
    case everyone = "Everyone"

    var id: String { rawValue }
    var label: String { rawValue }
    var symbolName: String {
        switch self {
        case .nobody: return "person.crop.circle.badge.xmark"
        case .contactsOnly: return "person.2.circle"
        case .everyone: return "person.crop.circle.badge.checkmark"
        }
    }
}

struct ExampleFormView: View {
    @State private var name: String = "Mac Studio"
    @State private var screenSharingEnabled: Bool = true
    @State private var fileSharingEnabled: Bool = false
    @State private var airdropVisibility = AirDropVisbility.contactsOnly

    var body: some View {
        Form {
            TextField("Computer Name", text: $name)
            Toggle("Screen Sharing", isOn: $screenSharingEnabled)
            Toggle("File Sharing", isOn: $fileSharingEnabled)
            Picker("AirDrop", selection: $airdropVisibility) {
                ForEach(AirDropVisbility.allCases) {
                    Label($0.label, systemImage: $0.symbolName)
                        .labelStyle(.titleAndIcon)
                        .tag($0)
                }
            }
        }
        .formStyle(.grouped)
    }
}

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

クエリの送信中にエラーが発生しました。インターネット接続を確認して、もう一度お試しください。

リソース

関連ビデオ

WWDC22