Indicador de progresso da mídia

O componente indicador de progresso de mídia é exclusivo dos aplicativos de mídia .

O indicador de progresso é uma representação visual da duração e do tempo decorrido de reprodução de uma fonte de mídia. Ele aparece em aplicativos de mídia durante a reprodução.

Anatomia

O indicador de progresso da mídia consiste em uma faixa inativa (exibida em cinza) que representa a duração da fonte de mídia e uma faixa ativa (exibida com uma cor de destaque) que se sobrepõe à faixa inativa para indicar o tempo de reprodução decorrido.

anatomia do indicador de progresso da mídia
1. Faixa ativa
2. Faixa inativa

O indicador de progresso da mídia pode ser linear ou circular .

Indicador de progresso da mídia linear

O indicador de progresso linear exibe a duração e o tempo decorrido em um eixo horizontal. A parte visível da faixa é centralizada em uma área sensível ao toque de 76 dp. Tocar ou arrastar o tempo decorrido permite que o usuário navegue para diferentes locais na fonte de mídia. O indicador de progresso linear de mídia é indicado para telas com 800 dp ou mais de altura.
Indicador de progresso circular anatomia

O indicador de progresso circular exibe a duração e o tempo decorrido como um círculo. Tocar ou arrastar o tempo decorrido não é compatível para navegar entre locais. O indicador de progresso de mídia circular destina-se a telas com menos de 800 dp de altura e para uso quando os controles de reprodução de mídia estão minimizados.

Os indicadores de progresso da mídia indicam que

Durante a reprodução, o indicador de progresso pode estar em um dos quatro estados:

  • Reproduzindo: A mídia está sendo reproduzida e a faixa ativa avança sobre a faixa inativa para indicar o tempo decorrido.
  • Pausado: O usuário pausou a reprodução. A faixa ativa está parada no ponto em que a reprodução foi pausada.
  • Em buffer: o aplicativo de mídia está carregando conteúdo para reprodução. O indicador exibe uma linha branca que avança repetidamente pela faixa inativa enquanto o conteúdo é carregado.
  • Erro: Não foi possível reproduzir o conteúdo. Não há nenhuma faixa ativa e a faixa inativa está desativada.

    A faixa ativa avança sobre a faixa inativa à medida que a mídia é reproduzida.
    Estado de reprodução: A faixa ativa avança sobre a faixa inativa conforme a mídia é reproduzida.
    A faixa ativa permanece estática enquanto a reprodução de mídia está pausada.
    Estado pausado: A faixa ativa permanece estática enquanto a reprodução de mídia está pausada.
    Uma linha branca avança repetidamente pela faixa inativa enquanto o conteúdo é carregado.
    Estado de buffer: Uma linha branca avança repetidamente pela faixa inativa enquanto o conteúdo é carregado.
    A faixa inativa é desativada quando ocorre um erro de reprodução de mídia.
    Estado de erro: Quando ocorre um erro de mídia, nenhuma faixa ativa é exibida e a faixa inativa é desativada.

Especificações

Indicador de progresso da mídia linear

Indicador de progresso de mídia linear (linha vermelha)

Indicador de progresso da mídia circular

Indicador de progresso da mídia circular (linha vermelha)

Personalização

Durante a reprodução de mídia, a faixa ativa do indicador de progresso é exibida com uma cor de destaque. A cor de destaque padrão é um tom de azul. Os desenvolvedores de aplicativos podem optar por fornecer uma cor de destaque que reflita a identidade visual da sua marca. Da mesma forma, as montadoras podem fornecer uma cor de destaque que reflita a marca do seu veículo. Se fornecida, a cor de destaque da montadora terá prioridade sobre a cor de destaque do aplicativo.

Barra de progresso de mídia linear mostrando a faixa ativa usando cores de destaque padrão, de terceiros e do fabricante do equipamento original (OEM).
O estilo padrão do indicador de progresso é um tom de azul. Os desenvolvedores de aplicativos podem substituir o estilo padrão do aplicativo pela cor de destaque da sua marca (verde neste exemplo). Os fabricantes de equipamentos originais (OEMs) também podem substituir tanto o estilo padrão quanto o estilo do aplicativo pela cor de destaque da sua marca (laranja neste exemplo).

Barra de progresso circular de mídia mostrando a faixa ativa usando cores de destaque padrão, de terceiros e do fabricante do equipamento original (OEM).
Exemplos de estilos de cores padrão, de aplicativo e de destaque do fabricante do equipamento original (OEM) aplicados a um indicador de progresso circular.

O Guia de Integração da Biblioteca de Interface do Usuário Automotivo fornece orientações para fabricantes de equipamentos originais (OEMs) sobre como personalizar componentes.

Exemplos

Indicador de progresso da mídia linear em ação
Indicador linear de progresso de mídia na tela de reprodução do aplicativo de mídia.

Indicador de progresso da mídia circular em ação
Aqui, o indicador circular de progresso da mídia aparece no controle de reprodução minimizado. O controle minimizado sobrepõe-se à tela da lista de reprodução.