Mudanças na margem da guiaTab margin changes

Este documento descreve como a remoção de margens em torno de todas as guias no Microsoft Teams melhorará a experiência do desenvolvedor ao criar aplicativos.This document describes how the removal of margins around all tabs in Microsoft Teams will enhance the developer's experience when building apps. Este é um aprimoramento introduzido no Microsoft Teams em 2021.This is an enhancement introduced in Microsoft Teams in 2021. Remover as margens ao redor de todas as guias permitirá que os desenvolvedores criem aplicativos que pareçam mais nativos para o Teams.Removing the margins around all tabs will allow developers to build apps that look more native to Teams. Isso também se alinhará com nossos designs de kit de interface do usuário.This will also align with our UI kit designs. A maioria dos aplicativos já fica melhor sem as margens ao redor de suas experiências.Most apps already look better without the margins surrounding their experiences. No entanto, algumas guias são afetadas visualmente por essa alteração, e os desenvolvedores devem fazer as alterações necessárias.However, some tabs are visually affected by this change, and developers must make the necessary changes.

Inteligência de tabulação e sem margens

Observação

Esse recurso não é aplicável a clientes móveis, pois as guias exibidas nos clientes móveis não têm margens.This feature is not applicable to mobile clients, as the tabs viewed in the mobile clients do not have margins.

Linhas do tempoTimelines

DiretrizesGuidelines

Os aplicativos do Microsoft Teams que usam guias serão afetados por essa alteração.Microsoft Teams apps that use tabs will be affected by this change. Os desenvolvedores devem alternar para Visualização de Desenvolvedor Público para determinar como suas guias são afetadas e fazer as alterações necessárias.Developers must switch to Public Developer Preview in order to determine how their tabs are affected and make the necessary changes.

Os desenvolvedores de guias não devem confiar no Teams para fornecer margens ao redor de suas guias.Tab developers must not rely on Teams to provide margins surrounding their tabs. Os desenvolvedores são incentivados a adicionar margens ao redor de seus designs de tabulação onde é necessário.Developers are encouraged to add margins around their tab designs where it is required. Designs de aplicativos em produção podem parecer que há preenchimento extra, ou seja, margens fornecidas pelo Teams e margens fornecidas pela guia. No entanto, o preenchimento extra é apenas temporário e desaparecerá em algumas semanas, deixando apenas o preenchimento fornecido pelo aplicativo.App designs in production can look like there is extra padding, that is, margins provided by Teams and margins provided by the tab. However, the extra padding is only temporary and will go away in a few weeks, leaving only the app's provided padding.

PERGUNTAS FREQÜENTESFAQ

Tudo bem para o aplicativo cromado, como barra de header ou barra de tarefas, tocar nas bordas de nossos designs?Is it OK for app chrome, such as header bar or taskbar, to touch the edges of our designs?

Sim, isso é bom e incentivado.Yes, this is fine and encouraged. Isso ajuda o aplicativo a se sentir nativo.This helps the app feel native.

Tudo bem para conteúdo do aplicativo, como texto, logotipos e imagens, tocar as bordas esquerda e direita de nossos designs?Is it OK for app content, such as text, logos, and images, to touch the left and right edges of our designs?

Não, você deve fornecer seu próprio preenchimento ou margens à esquerda e à direita de todo o conteúdo do aplicativo para garantir que ele não toque nas bordas da interface do usuário.No, you must provide your own padding or margins to the left and right of all app content to ensure it does not touch the edges of your UI. Você também pode adicionar margens na parte superior da guia, se necessário.You can also add margins at the top of your tab, if required.

Qual é o tamanho das margens que o Teams aplicou anteriormente?What's the size of the margins Teams previously applied?

  • Esquerda e direita: 20pxLeft and right: 20px
  • Top: 16pxTop: 16px
  • Inferior: 0pxBottom: 0px

Importante

  • Todas as guias têm suas margens removidas: guias pessoais, guias de chat (grupo), guias de reunião e guias de canal.All tabs have their margins removed: personal tabs, (group) chat tabs, meeting tabs, and channel tabs.
  • Não há como optar ou não por essa alteração.There is no way to opt-in or opt-out of this change. Ela se aplicará a todas as guias.It will apply to all tabs.
  • Essa alteração pode afetar guias que dependem do Microsoft Teams para fornecer margens em torno de sua interface do usuário.This change can affect tabs that rely on Microsoft Teams to provide margins surrounding their UI.