Otimizar relatórios do Power BI para o aplicativo móvelOptimize Power BI reports for the mobile app

Os usuários móveis podem exibir qualquer página de relatório do Power BI na orientação paisagem.Mobile users can view any Power BI report page in landscape orientation. No entanto, os autores de relatório podem criar uma exibição adicional otimizada para dispositivos móveis que é exibida na orientação retrato.However, report authors can create an additional view that is optimized for mobile devices and displays in portrait orientation. Essa opção de design, disponível no Power BI Desktop e no serviço do Power BI, permite aos autores selecionar e reorganizar apenas os visuais que façam sentido para os usuários móveis em trânsito.This design option, which is available in both Power BI Desktop and in the Power BI service, enables authors to select and rearrange just those visuals that make sense for mobile users on the go.

Captura de tela de relatórios otimizados para dispositivos móveis na orientação retrato e paisagem.

O Power BI fornece uma série de recursos que ajudam você a criar versões otimizadas para dispositivos móveis de seus relatórios:Power BI provides a number of features to help you create mobile-optimized versions of your reports:

  • Uma exibição de layout móvel na qual você pode criar seu relatório otimizado para dispositivos móveis arrastando e soltando visuais em uma tela de emulador de telefone.A mobile layout view where you can create your mobile-optimized report by dragging and dropping visuals onto a phone emulator canvas.
  • Visuais e segmentações que podem ser otimizados para uso em telas pequenas e móveis.Visuals and slicers that can be optimized for use on small, mobile screens.

Esses recursos possibilitam o design e a criação de relatórios atraentes e interativos, otimizados para dispositivos móveis.These capabilities make it possible to design and build attractive, interactive mobile-optimized reports.

Criar uma versão retrato otimizada para dispositivos móveis de uma página de relatórioCreate a mobile-optimized portrait version of a report page

Pré-requisito: A primeira etapa é projetar e criar o relatório na exibição da Web normal.Prerequisite: The first step is to design and create the report in the regular web view. Depois de criar o relatório, você poderá otimizá-lo para telefones e tablets.After you've created the report, you can optimize it for phones and tablets.

Para criar a exibição otimizada para dispositivos móveis, abra o relatório no Power BI Desktop ou no serviço do Power BI.To create the mobile-optimized view, open the report in either Power BI Desktop or in the Power BI service. Quando o relatório estiver aberto, acesse o modo de exibição de layout móvel:When the report is open, go the mobile layout view:

  • No Power BI Desktop, selecione a faixa de opções Exibir e escolha Layout móvel.In Power BI Desktop, select the View ribbon and choose Mobile layout.
  • No serviço do Power BI, escolha Editar relatório > Layout Móvel.In the Power BI service, choose Edit report > Mobile Layout. Se a opção Editar não estiver visível, procure em Mais opções (...) .If the Edit option is not visible, look under More options (...).

Você vê uma tela rolável com formato de telefone e um painel Visualizações, que lista todos os visuais que estão na página do relatório original.You see a scrollable canvas shaped like a phone, and a Visualizations pane that lists all of the visuals that are on the original report page.

  • Cada visual no painel Visualizações aparece com um nome para facilitar a identificação.Each visual in the Visualizations pane appears with its name for easy identification.

  • Cada visual também tem um indicador de visibilidade.Each visual also has a visibility indicator. O indicador de visibilidade de um visual é alterado de acordo com o status de visibilidade do visual no estado atual da exibição de relatório da Web.The visibility indicator of a visual changes depending on the visibility status of the visual in the current state of the web report view. O indicador de visibilidade é útil ao trabalhar com indicadores.The visibility indicator is useful when working with bookmarks.

    Exibição de layout móvel

Adicionar visuais à tela de layout móvelAdd visuals to the mobile layout canvas

Para adicionar um visual ao layout móvel, arraste-o do painel Visualizações para a tela do telefone.To add a visual to the mobile layout, drag it from the Visualizations pane to the phone canvas. Quando você arrasta o visual para a tela, ele se ajusta à grade.When you drag the visual to the canvas, it snaps to the grid. Como alternativa, você pode clicar duas vezes no visual no painel de visualização, e o visual será adicionado à tela.Alternatively, you can double-click the visual in the visualization pane and the visual will be added to the canvas.

É possível adicionar alguns ou todos os visuais da página de relatório da Web à página de relatório otimizada para dispositivos móveis.You can add some or all of the web report page visuals to the mobile-optimized report page. Você pode adicionar cada visual apenas uma vez e não precisa incluir todos eles.You can add each visual only once, and you don't have to include all the visuals.

Observação

Você pode arrastar e soltar visuais ocultos na tela.You can drag and drop hidden visuals onto the canvas. Eles serão colocados, mas não mostrados, a menos que seu status de visibilidade seja alterado na exibição de relatório da Web atual.They will be placed, but not shown unless their visibility status changes in the current web report view.

Os visuais podem ser dispostos em camadas um sobre o outro para criar relatórios interativos usando indicadores ou para criar relatórios atraentes, colocando visuais em camadas sobre imagens.Visuals can be layered one on top of the other to create interactive reports using bookmarks, or to build attractive reports by layering visuals over images. Você pode alterar a ordem das camadas dos visuais no painel Seleção.You can change the layering order of the visuals in the Selection pane.

Depois de colocar um visual na tela, você poderá redimensioná-lo arrastando as alças que aparecem ao lado da borda do visual quando você o seleciona.Once you've placed a visual on the canvas, you can resize it by dragging the handles that appear around the edge of the visual when you select it. Para manter a taxa de proporção do visual durante o redimensionamento, pressione a tecla Shift ao arrastar as alças de redimensionamento.To maintain the visual's aspect ratio while resizing, press the Shift key while dragging the resize handles.

A imagem a seguir ilustra como arrastar e soltar visuais do painel Visualizações na tela e como redimensionar e sobrepor alguns deles.The image below illustrates dragging and dropping visuals from the Visualizations pane onto the canvas, as well as resizing and overlaying some of them.

Arrastar e soltar, redimensionar e sobrepor visuais

A grade do relatório para telefone é dimensionada em telefones de tamanhos diferentes para que o relatório fique bom em telefones com telas pequenas e grandes.The phone report grid scales across phones of different sizes, so your report looks good on small- and large-screen phones.

Definir a ordem de camadas dos visuais na tela de layout móvelSet the layering order of visuals on the mobile layout canvas

Cada vez que você arrasta um visual para a tela, ele é adicionado em sua própria camada sobre outros visuais que já estão na tela.Each time you drag a visual onto the canvas, it is added on its own layer on top of any other visuals that are already on the canvas. O painel Seleção permite que você altere a ordem das camadas.The Selection pane enables you to change the layering order.

Para abrir o painel Seleção, clique no botão Seleção na seção Mostrar painéis na guia Exibir.To open the Selection pane, click the Selection button in the Show panes section on the View tab.

O painel Seleção lista todos os visuais que estão na tela.The Selection pane lists all the visuals that are on the canvas. A ordem da lista reflete a ordem das camadas na tela – o primeiro visual listado está na camada mais superior, e o último visual listado está na camada mais inferior.The order of the list reflects the layer ordering on the canvas - the first listed visual is on the top-most layer, the last listed visual is on the bottom-most layer. Para alterar a ordem, você pode arrastar e soltar um visual para outro lugar na lista ou selecionar um visual e usar os botões de seta para movê-lo para cima ou para baixo.To change the order, you can either drag and drop a visual to another place on the list, or select a visual and use the arrow buttons to move it up or down.

O painel Seleção também tem uma indicação de visibilidade para cada visual na lista, mas não é possível alterar a visibilidade na visualização do layout móvel – isso deve ser feito na visualização do layout da Web normal.The Selection pane also has a visibility indication for each visual in the list, but it is not possible to change the visibility in the mobile layout view - this must be done in the regular web layout view.

Captura de tela mostrando o painel de seleção e como abri-lo.

Remover visuais da tela de layout móvelRemove visuals from the mobile layout canvas

Para remover um visual do layout móvel, clique no X no canto superior direito do visual na tela do telefone ou selecione o visual e pressione Excluir.To remove a visual from the mobile layout, click the X in the top-right corner of the visual on the phone canvas, or select the visual and press Delete.

Você pode remover todas as visualizações da tela clicando na borracha no painel Visualização.You can remove all the visualizations from the canvas by clicking the eraser on the Visualization pane.

A remoção de visuais da tela de layout móvel os remove somente da tela.Removing visuals from the mobile layout canvas removes them from the canvas only. Os visuais ainda aparecem no painel de visualização, e o relatório original permanece inalterado.The visuals still appear in the visualization pane, and the original report remains unaffected.

Configurar visuais e segmentações para uso em relatórios otimizados para dispositivos móveisConfigure visuals and slicers for use in mobile-optimized reports

VisuaisVisuals

Muitos visuais, especialmente os de tipo gráfico, são responsivos por padrão.By default, many visuals, particularly chart-type visuals, are responsive. Isso significa que eles podem mudar dinamicamente para exibir o máximo de dados e insights, independentemente do tamanho da tela.That means they change dynamically to display the maximum amount of data and insight, no matter the screen size.

O Power BI dá prioridade aos dados conforme o tamanho de um visual muda.As a visual changes size, Power BI gives priority to the data. Por exemplo, é possível remover automaticamente o preenchimento e mover a legenda para a parte superior do visual, de modo que ele continue informativo, mesmo quando fica menor.For example, it might remove padding and move the legend to the top of the visual automatically so that the visual remains informative even as it gets smaller.

Redimensionamento do visual responsivo

Se, por algum motivo, você quiser desativar a capacidade de resposta, poderá fazer isso na seção Geral das configurações de formato do visual.If for some reason you want to turn responsiveness off, you can do that in the General section of the visual's format settings.

SegmentaçõesSlicers

As segmentações oferecem filtragem de dados de relatório na tela.Slicers offer on-canvas filtering of report data. Ao criar segmentações no modo de criação de relatórios regular, você pode modificar algumas configurações de segmentação para torná-las mais utilizáveis em relatórios otimizados para dispositivos móveis:When designing slicers in the regular report authoring mode, you can modify some slicer settings to make them more usable in mobile-optimized reports:

  • Você pode decidir se deseja permitir que os leitores de relatório selecionem apenas um item ou vários.You can decide whether to allow report readers to select only one item or multiple items.
  • Você pode tornar a segmentação vertical, horizontal ou responsiva (as segmentações responsivas devem ser horizontais).You can make the slicer vertical, horizontal, or responsive (responsive slicers must be horizontal).

Se você fizer a segmentação responsiva, à medida que altera seu tamanho e sua forma, ela mostrará mais ou menos opções.If you make the slicer responsive, as you change its size and shape it shows more or fewer options. Ela pode ser alta, baixa, larga ou estreita.It can be tall, short, wide, or narrow. Se você a fizer pequena o suficiente, ela se tornará apenas um ícone de filtro na página do relatório.If you make it small enough, it becomes just a filter icon on the report page.

Segmentação responsiva do Power BI

Leia mais sobre a criação de segmentações responsivas.Read more about creating responsive slicers.

Publicar um relatório otimizado para dispositivos móveisPublish a mobile-optimized report

Para publicar uma versão otimizada para dispositivos móveis de um relatório, publique o relatório principal do Power BI Desktop para o serviço do Power BI.To publish a mobile-optimized version of a report, publish the main report from Power BI Desktop to the Power BI service. Isso publica a versão otimizada para dispositivos móveis ao mesmo tempo.This publishes the mobile-optimized version at the same time.

Exibir relatórios otimizados e não otimizados em um telefone ou tabletViewing optimized and unoptimized reports on a phone or tablet

Nos aplicativos móveis do Power BI, os relatórios otimizados para dispositivos móveis são indicados por um ícone especial.In the Power BI mobile apps, mobile-optimized reports are indicated by a special icon.

Ícone de relatório otimizado para dispositivos móveis

Em telefones, o aplicativo detecta automaticamente se o relatório é otimizado para dispositivos móveis ou não.On phones, the app automatically detects whether the report is mobile-optimized or not.

  • Se houver um relatório otimizado para dispositivos móveis, o aplicativo abrirá automaticamente o relatório nesse modo de otimização.If a mobile-optimized report exists, the app automatically opens the report in mobile-optimized mode.
  • Se não houver um relatório otimizado para dispositivos móveis, o relatório será aberto na exibição de paisagem não otimizada.If a mobile-optimized report doesn’t exist, the report opens in the unoptimized, landscape view.

Segurar um telefone na orientação paisagem abre o relatório na exibição não otimizada com o layout de relatório original, independentemente de o relatório ser otimizado ou não.Holding a phone in landscape orientation opens the report in the unoptimized view with the original report layout, regardless of whether the report is optimized or not.

Se você otimizar apenas algumas páginas, quando os leitores chegarem a uma página não otimizada, eles deverão alternar para a exibição de paisagem.If you optimize only some pages, when readers come to an unoptimized page they will be prompted to switch to landscape view. Ao virarem o telefone ou o tablet de lado, eles poderão ver a página no modo paisagem.Turning the phone or tablet sideways will enable them to see the page in landscape mode. Leia mais sobre a interação com relatórios do Power BI otimizados para o modo retrato.Read more about interacting with Power BI reports optimized for portrait mode.

Página do telefone não otimizada

Considerações ao criar layouts otimizados para dispositivos móveisConsiderations when creating mobile-optimized layouts

  • Em relatórios com várias páginas, você pode otimizar todas elas ou apenas algumas.For reports with multiple pages, you can optimize all the pages or just a few.
  • Se você tiver definido uma cor da tela de fundo para uma página de relatório, o relatório otimizado para dispositivos móveis terá a mesma cor da tela de fundo.If you've defined a background color for a report page, the mobile-optimized report will have the same background color.
  • Não é possível modificar as configurações de formatação apenas para o relatório otimizado.You can't modify format settings just for the mobile-optimized report. A formatação é consistente entre os layouts mestres e móveis.Formatting is consistent between the master and mobile layouts. Por exemplo, os tamanhos de fonte serão os mesmos.For example, the font sizes will be the same.
  • Para alterar um visual, como a formatação, o conjunto de dados, os filtros ou qualquer outro atributo dele, retorne ao modo de criação de relatórios da Web.To change a visual, such as changing its formatting, dataset, filters, or any other attribute, return to the web report authoring mode.

Próximas etapasNext steps