ラベル


ラベルは、人々が読み取り、多くの場合コピーすることはできますが、編集することはできない静的なテキストです。



ラベルは、インターフェイス全体を通して、ボタン、メニュー項目、およびビュー内でテキストを表示し、人々が現在のコンテキストと次にできることを理解するのに役立ちます。


ラベル という用語は、さまざまな場所に表示される編集不可能なテキストを指します。例えば:


  • ボタン内では、ラベルは通常、編集、キャンセル、送信など、ボタンの機能を伝えます。

  • 多くのリスト内で、ラベルは各項目を説明することができ、多くの場合、シンボルまたはイメージが付随します。

  • ビュー内では、コントロールを導入したり、人々がビュー内で実行できる一般的なアクションやタスクを説明したりすることで、ラベルが追加のコンテキストを提供する場合があります。
  • 開発者ノート

    編集不可能なテキストを表示するために、SwiftUI は Label (Label) と Text (Text) の 2 つのコンポーネントを定義しています。


    以下のガイダンスは、ラベルを使用してテキストを表示するのに役立ちます。場合によっては、特定のコンポーネント (ボタンメニューリスト など) のガイダンスに、テキストの使用に関する追加の推奨事項が含まれています。



    ベストプラクティス


    ラベルを使用して、人々が編集する必要のない少量のテキストを表示します。 人々が少量のテキストを編集できるようにする必要がある場合は、テキストフィールド を使用します。大量のテキストを表示する必要があり、必要に応じて人々が編集できるようにする場合は、テキストビュー を使用します。


    システムフォントが望ましい。 ラベルはプレーンテキストまたはスタイル付きテキストを表示でき、デフォルトで動的タイプ (利用可能な場合) をサポートします。ラベルのスタイルを調整したり、カスタムフォントを使用したりする場合は、テキストが読みやすいままであることを確認してください。


    システムが提供するラベルの色を使用して、相対的な重要性を伝えます。 システムは、テキストにさまざまなレベルの視覚的重要性を与えるのに役立つように、外観が異なる 4 つのラベルの色を定義しています。追加のガイダンスについては、 を参照してください。


    システムカラー使用例iOS,iPadOS,tvOSmacOS
    ラベル一次情報labelColorlabelColor
    二次ラベル小見出しまたは補足テキストsecondaryLabelColorsecondaryLabelColor
    三次ラベル利用できないアイテムまたは動作を説明するテキストtertiaryLabelColortertiaryLabelColor
    四次ラベル透かしのテキストquaternaryLabelColorquaternaryLabelColor


    便利なラベルテキストを選択可能にします。 ラベルに有用な情報 (エラーメッセージ、場所、IP アドレスなど) が含まれている場合は、他の場所にペーストするために人々が選択してコピーできるようにご検討ください。



    プラットフォームの考慮事項


    iOS、iPadOS、または tvOS に関する追加の考慮事項はありません。



    macOS

    開発者ノート

    編集出来ないテキストをラベルに表示するには、NSTextField (NSTextField) の isEditable (isEditable) プロパティを使用します。


    watchOS


    watchOS アプリで SwiftUI の Label (Label) と Text (Text) コンポーネントを使用するだけでなく、WatchKit の日付とタイマーのラベルを使用してリアルタイムの値を表示できます。


    日付ラベル (WKInterfaceDate) (下の左側に表示) には、現在の日付、現在の時刻、または両方の組み合わせが表示されます。さまざまな形式、カレンダー、およびタイムゾーンを使用するように日付ラベルを構成できます。構成後、日付ラベルはあなたのアプリからの入力なしでその値を更新します。タイマーラベル (WKInterfaceTimer) (下の右側に表示) には、正確なカウントダウンまたはカウントアップタイマーが表示されます。タイマーラベルを構成して、そのカウント値をさまざまな形式で表示できます。構成後、タイマーラベルはあなたのアプリからの入力なしでカウントダウンまたはカウントアップします。



    日付ラベル


    タイマーラベル

    複雑化で日付とタイマーのラベルを使用することを検討してください。 システムが提供する日付ラベルとタイマー ラベルを使用すると、watchOS は使用可能なスペースに合わせてラベルコンテンツの表示を自動的に調整します。ガイダンスについては、複雑化 を参照してください。開発者向けガイダンスについては、CLKRelativeDateTextProvider   廃止   を参照してください。



    リソース


    関連


    テキストフィールド


    テキストビュー



    開発者用文書


    Label — SwiftUI (Label)


    Text - SwiftUI (Text)


    UILabel — UIKit (UILabel)


    NSTextField — AppKit (NSTextField)





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング/a>

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    サポートされる
    プラットフォーム

    iPhone iPad

    macOS tvOS

    watchOS

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー


    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    Apple Pencil と落書き

    ベストプラクティス

    落書きのサポート

    カスタムの描画

    プラットフォームの考慮事項

    リソース


    デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

    プラットフォームの考慮事項

    リソース


    ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

    プラットフォームの考慮事項

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

    プラットフォームの考慮事項

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

    プラットフォームの考慮事項

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

    インターフェイスアイコン

    コントロールとビュー

    プラットフォームの考慮事項

    リソース


    タッチスクリーンジェスチャ

    ベストプラクティス

    標準的なジェスチャ

    プラットフォームの考慮事項

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用


    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

    自動更新可能なサブスクリプト


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ