タブ余白の変更
このドキュメントでは、アプリの作成エクスペリエンスを向上させる方法について説明Microsoft Teamsタブの余白を削除する方法について説明します。 これは、2021 年にMicrosoft Teams拡張機能です。 すべてのタブの余白を削除することで、Teamsネイティブに見えるアプリを作成できます。 余白が削除されたタブは、Microsoft Teams UI キットのデザインと一致します。 ほとんどのアプリでは、余白のない外観が強化されています。
注意
モバイル クライアントで表示されるタブに余白が含まれるので、この機能はモバイル クライアントには適用されません。
ガイドライン
タブ余白の削除は、タブをTeamsアプリに影響します。 このような場合は、必要なタブ デザインの周囲に余白を追加できます。 実稼働環境のアプリデザインには、追加のパディング効果があります。つまり、タブによって提供される余白Teams余白が提供されます。ただし、余分なパディングは一時的なだけであり、数週間で消え、アプリが提供するパディングだけが残されます。
よくあるご質問 (FAQ)
ヘッダー バーやタスク バーなどのアプリクロムがデザインの端に触れても問題ないか。
はい、これは問題ありませんが、Teams推奨されます。 アプリがネイティブと感じるのに役立ちます。
テキスト、ロゴ、画像などのアプリ コンテンツがデザインの左右の端に触れても問題ないか。
いいえ、すべてのアプリ コンテンツの左右に独自のパディングまたは余白を指定して、UI の端に触れ去らなかっていないか確認する必要があります。 必要に応じて、タブの上部に余白を追加することもできます。
以前に適用したタブ余白のTeamsは何ですか?
- 左右: 20px
- Top: 16px
- 下: 0px
重要
- すべてのタブには、個人用タブ、(グループ) チャット タブ、会議タブ、チャネル タブなど、余白が削除されています。
- タブ余白の削除の変更は、すべてのタブに適用されます。 変更をオプトインまたはオプトアウトする方法はありません。
- タブ 余白の変更は、UI を囲む余白Microsoft Teamsに依存するタブに影響を与える可能性があります。