プログレスバーProgress bar
別名 進捗バー、プログレスビュー
どこまで進んだかを長さで示す棒
使いどころ写真のアップロードなど、終わりまでの割合が分かる待ちに使う。
「プログレスバー」は全体図に無いので、単体で表示しています 状態を伝えるのほかの部品
インジケーターActivity indicator読み込み中を示す回る印 スケルトンSkeleton読み込み中に出す、中身の形の灰色の箱 お気に入りはまだありません気になるお店のハートを押すと、ここに並びます。 10月19日 月曜日18:00
もりカフェ今明日 14:00 森のコーヒーのご予約です ウィジェットWidgetアプリを開かずホーム画面で見られる小窓
ボトムシート・アラートなど画面に重なって出る窓と、長押し・スワイプなど指の動きは、図面ではなく下の「部品の名前」にあります。
画面の骨組みアプリの画面の上下にいつもある場所
ステータスバーStatus bar画面の最上部の時刻・電池・電波の帯 ダイナミックアイランドDynamic Island画面上部の黒い島（カメラの部分） ナビゲーションバーNavigation bar画面の上の、題と戻る・操作のボタンの帯 ラージタイトルLarge titleナビゲーションバーの下の大きな題 戻るボタンBack button左上の、前の画面へ戻るボタン タブバーTab bar画面の下に並ぶ、主な画面の切り替えボタン ツールバーToolbar画面の下の、その画面での操作ボタンの帯 ホームインジケーターHome indicator画面の最下部の横棒。上へなぞるとホームへ セーフエリアSafe area端末の角・島・横棒に隠れない内側の範囲
画面の移り方次の画面への移り方・最初の画面
プッシュ遷移Push navigation次の画面が右から重なって進む移り方 キャンセル新しい予約保存
お店森のコーヒー 駅前店日時10月20日（火）14:00
スプラッシュ画面Splash screenアプリを開いた瞬間に出るロゴの画面 オンボーディングOnboarding初めて開いた人への最初の数枚の案内 もりカフェご予約の確認10月20日 14:00 森のコーヒー
予約を見る →10月20日（火）14:00森のコーヒー 駅前店2名・禁煙席
指の動き長押し・スワイプなど、指でする操作の名前
長押しLong press指で押したまま少し待つ操作 スワイプSwipe画面に触れたまま指を滑らせる操作 スワイプアクションSwipe actions行を横になぞると出てくる操作ボタン プルして更新Pull to refresh一覧を下へ引っぱって最新にする操作 エッジスワイプEdge swipe画面の左端から右へなぞって戻る操作 ドラッグで並べ替えDrag to reorder行をつかんで動かし、順番を変える操作 触覚フィードバックHaptic feedback操作に合わせて端末を小さく震わせる
重なって出る窓画面の上に一時的に重なる物
絞り込み電源ありWi-Fiテラス席
空席のあるお店だけ
アクションシートAction sheet下から出る、操作を選ぶボタンの並び ログアウトしますか？予約の情報は消えません。
お気に入りから外しました
コンテキストメニューContext menu長押しした物のそばに出る操作の一覧 森のコーヒー 駅前店moricafe.example/shop/1 ナビゲーションドロワーNavigation drawer左上の「≡」で横から引き出すメニュー “もりカフェ”に位置情報の使用を許可しますか？近くのカフェをさがすために使います。
キーボードKeyboard入力欄を押すと下から出る文字の鍵盤
押す・入れる・選ぶ利用者が操作する部品
FABFloating action button画面の右下に浮かぶ丸い主役のボタン スイッチSwitch押した瞬間にオン・オフが切り替わる部品 セグメンテッドコントロールSegmented control2〜5個の選択肢がつながった切り替え ステッパーStepper「−」と「＋」で数を1つずつ増減する部品 10時11時12時13時14時15時16時17時
00分15分30分45分
日月火水木金土
スライダーSliderつまみを動かして範囲の中の値を選ぶ 検索バーSearch bar言葉を入れて一覧を絞り込む欄
並べて見せる情報をまとめて見せる入れ物
リストのセルList cell一覧の1行。押すとその詳細へ進む セクションヘッダーSection header一覧の中の区切りに付く小さな見出し グループ化リストInset grouped list行を角丸の白い箱でまとめた一覧 ディスクロージャーインジケーターDisclosure indicator行の右端の「＞」。押すと次の画面へ進む印 カルーセルCarouselカードや写真を横に送って見せる並び ページコントロールPage control何枚目かを示す、横に並んだ小さな点
状態を伝える読み込み中・件数・お知らせ
インジケーターActivity indicator読み込み中を示す回る印 プログレスバーProgress barどこまで進んだかを長さで示す棒 スケルトンSkeleton読み込み中に出す、中身の形の灰色の箱 お気に入りはまだありません気になるお店のハートを押すと、ここに並びます。 10月19日 月曜日18:00
もりカフェ今明日 14:00 森のコーヒーのご予約です ウィジェットWidgetアプリを開かずホーム画面で見られる小窓