UIコンポーネント
Ionicアプリは、コンポーネントと呼ばれる高レイヤーの構成要素で構成されています。コンポーネントを使用すると、アプリのインターフェイスをすばやく構築することができます。Ionicには、modals、popups、cardsなど、さまざまなコンポーネントが用意されています。以下の例を確認して、各コンポーネントの外観と各コンポーネントの使用方法を確認してください。基本に慣れたら、各コンポーネントをカスタマイズする方法についてのアイデアを得るために API Index をご覧ください。
Action Sheetは、一連のオプションを表示して、アクションを確認または取り消すことができます。
Alertは、特定のアクションまたはアクションのリストを選択する機能を、ユーザーに提供するための優れた方法です。
Badgeコンポーネントは、通常は数値をユーザーに伝えるための小さなコンポーネントです。
Buttonを使ってユーザが行動を起こすことができます。これはアプリと対話したり、移動したりするのに不可欠な方法です。
Cardは重要なコンテンツを表示するのに最適な方法で、画像、ボタン、テキストなどを含めることができます。
Checkboxを使用して、択一の決定をする必要があることをユーザーに知らせることができます。
チップはデータやアクションを表示するためのコンパクトな方法です。
コンテンツは、アプリと対話してアプリをナビゲートするための典型的な方法です。
日付と時刻のピッカーは、ユーザーが日付と時刻を簡単に選択できるようにするためのインターフェースを提示することができます。
フローティングアクションボタン(FAB)は、画面上で主要な、または最も一般的なアクションを実行する円形のボタンです。
Beautifully designed icons for use in web, iOS, Android, and desktop apps.
Gridはカスタムレイアウトを構築するための強力なモバイルファーストシステムです。
Infinite scrollは、ユーザーがアプリをスクロールするときに新しいデータを読み込むことができます。
Inputsはユーザーがアプリにデータを入力する方法を提供します。
Itemsは、Listの一部として使用できる汎用のUIコンテナです。
Listは、連絡先リスト、再生リスト、メニューなどの情報の行を表示できます。
Navigationは、ユーザーがアプリ内の異なるページ間を移動する方法です。
Menuは一般的なナビゲーションパターンです。それらは常時画面上に表示することも、必要に応じて表示することもできます。
Modalはは、一時的なUIを表示するために画面内および画面外にスライドするため、ログインページまたはサインアップページによく使用されます。
Popoverは、コンテキストを変えずに情報やオプションを提示する簡単な方法を提供します。
Progress indicatorsは、操作またはアクティビティの進行状況を視覚化します。
Radio inputsはあなたが排他的なオプションのセットを提示することを可能にします。
Refresherは、コンテンツコンポーネントの更新機能を提供します。
Searchbarは、ールバーからアイテムを検索またはフィルタリングするために使用されます。
Reorderを使用すると、ユーザーはドラッグアンドドロップでアイテムのリストを並べ替えることができます。
Routingは現在のpathに基づいてナビゲーションを可能にします。
Segmentsは、フィルターまたはViewの切り替えとして使用できる一連の専用ボタンを提供します。
SelectはネイティブのHTML選択に似ていますが、Sortと選択が少し改善されています。
Tabsを使用すると、タブ付きナビゲーション、つまり現代のアプリケーションの標準的なナビゲーションパターンが有効になります。
Toastは、アプリのコンテンツの上に通知を表示するために使用されます。一時的なものでも却下可能なものでもあります。
Togglesは択一のInputでありオプションやスイッチによく使われます。
Toolbarsは、アプリに関連する情報や操作を格納するために使用されます。