タブ余白の変更

このドキュメントでは、アプリの作成エクスペリエンスを向上させる方法について説明Microsoft Teamsタブの余白を削除する方法について説明します。 これは、2021 年にMicrosoft Teams拡張機能です。 すべてのタブの余白を削除することで、Teamsネイティブに見えるアプリを作成できます。 余白が削除されたタブは、Microsoft Teams UI キットのデザインと一致します。 ほとんどのアプリでは、余白のない外観が強化されています。

タブの wit と余白なし

注意

モバイル クライアントで表示されるタブに余白が含まれるので、この機能はモバイル クライアントには適用されません。

ガイドライン

タブ余白の削除は、タブをTeamsアプリに影響します。 このような場合は、必要なタブ デザインの周囲に余白を追加できます。 実稼働環境のアプリデザインには、追加のパディング効果があります。つまり、タブによって提供される余白Teams余白が提供されます。ただし、余分なパディングは一時的なだけであり、数週間で消え、アプリが提供するパディングだけが残されます。

よくあるご質問 (FAQ)

ヘッダー バーやタスク バーなどのアプリクロムがデザインの端に触れても問題ないか。

はい、これは問題ありませんが、Teams推奨されます。 アプリがネイティブと感じるのに役立ちます。

テキスト、ロゴ、画像などのアプリ コンテンツがデザインの左右の端に触れても問題ないか。

いいえ、すべてのアプリ コンテンツの左右に独自のパディングまたは余白を指定して、UI の端に触れ去らなかっていないか確認する必要があります。 必要に応じて、タブの上部に余白を追加することもできます。

以前に適用したタブ余白のTeamsは何ですか?

  • 左右: 20px
  • Top: 16px
  • 下: 0px

重要

  • すべてのタブには、個人用タブ、(グループ) チャット タブ、会議タブ、チャネル タブなど、余白が削除されています。
  • タブ余白の削除の変更は、すべてのタブに適用されます。 変更をオプトインまたはオプトアウトする方法はありません。
  • タブ 余白の変更は、UI を囲む余白Microsoft Teamsに依存するタブに影響を与える可能性があります。

関連項目