Toolbars
https://developer.apple.com/design/human-interface-guidelines/ios/bars/toolbars/
Toolbars
A toolbar appears at the bottom of an app screen and contains buttons for performing actions relevant to the current view or content within it. Toolbars are translucent, may have a background tint, and often hide when people are unlikely to need them. For example, in Safari, the toolbar hides when you begin scrolling the page since you are likely reading. You can show it again by tapping the bottom of the screen. Toolbars are also hidden when a keyboard is onscreen.
ツールバーは、アプリケーション画面の下部に表示され、現在のビューまたはその中のコンテンツに関連するアクションを実行するためのボタンを含みます。 ツールバーは半透明で、背景色合いがあり、必要のないときには隠れます。 たとえば、Safariでは、コンテンツを読んでいる可能性が高いので、ページのスクロールを開始するとツールバーが非表示になります。 画面の下部をタップすると、再度表示することができます。 キーボードが画面上にあるときは、ツールバーも非表示になります。
Provide relevant toolbar buttons. A toolbar should contain frequently used commands that make sense in the current context.
関連するツールバーボタンを提供します。 ツールバーには、現在のコンテキストで意味のある頻繁に使用されるコマンドが含まれている必要があります。
Consider whether icons or text-titled buttons are right for your app. Icons work well when you need more than three toolbar buttons. When you have three buttons or fewer, text can sometimes be clearer. In Calendar, for example, text is used because icons would be confusing. The use of text also allows the Inbox button to show a count of calendar and event invitations.
アイコンやテキストの付いたボタンがあなたのアプリに適しているかどうかを検討してください。 アイコンは、3つ以上のツールバーボタンが必要なときにうまく機能します。 ボタンが3つ以下の場合、テキストがより明確になることがあります。 たとえば、カレンダーでは、アイコンでは混乱するためテキストが使用されます。 テキストを使用すると、受信トレイのボタンでカレンダーと予定の招待状の数を表示することもできます。
Avoid using a segmented control in a toolbar. Segmented controls let people switch contexts, whereas a toolbar is specific to the current screen. If you need to provide a way to switch contexts, consider using a tab bar instead. See Tab Bars.
ツールバーでSegmented Controlを使用しないでください。 Segmented Controlでは、コンテキストを切り替えることができますが、ツールバーは現在の画面に固有です。 コンテキストを切り替える方法を提供する必要がある場合は、代わりにタブバーを使用することを検討してください。 タブバーを参照してください。
Give text-titled buttons enough room. If your toolbar includes multiple buttons, the text of those buttons may appear to run together, making the buttons indistinguishable. Add separation by inserting fixed space between the buttons. For developer guidance, see the UIBarButtonSystemItemFixedSpace constant value in UIBarButtonItem.
テキストの付いたボタンに十分なスペースを与えてください。 ツールバーに複数のボタンが含まれている場合、それらのボタンのテキストがつながっているように見え、ボタンを区別できなくなります。 ボタンの間に一定のスペースを挿入して区切りを追加します。 開発者ガイダンスについては、UIBarButtonItemのUIBarButtonSystemItemFixedSpace定数値を参照してください。
For developer guidance, see UIToolbar.
TIPIt’s important to understand the difference between a toolbar and a tab bar, because both types of bars appear at the bottom of an app screen. A toolbar contains buttons for performing actions related to the current context, such as creating an item, deleting an item, adding an annotation, or taking a photo. A tab bar lets the user switch quickly between different sections of an app, for example, the Alarm, Stopwatch, and Timer tabs in the Clock app. See Tab Bars. Toolbars and tab bars never appear together in the same view.
両方の種類のバーがアプリ画面の下部に表示されるので、ツールバーとタブバーの違いを理解することが重要です。 ツールバーには、アイテムの作成、アイテムの削除、注釈の追加、写真の撮影など、現在のコンテキストに関連するアクションを実行するためのボタンが含まれています。 タブバーを使用すると、時計アプリのアラーム、ストップウォッチ、タイマータブなど、アプリのさまざまなセクションをすばやく切り替えることができます。 タブバーを参照してください。 ツールバーとタブバーは、同じビューに同時に表示されません。
