triângulo no item list

6 views
Skip to first unread message

Silio Silvestre

unread,
Apr 11, 2014, 1:52:33 PM4/11/14
to androi...@googlegroups.com

Pessoal, preciso de uma ajuda. Estou fazendo um app que, dentre outras coisas, tem um chat (como um what's app) para os empregados. Eu quero destacar quando houver mensagens não lidas em uma conversa, já coloquei o número de mensagens não lidas porém quero dar um destaque maior. Olhando por ai vi que o evernote faz uma coisa bem bacana: colocam um triângulo no item list do listview (como na imagem em anexo, o triângulo azul). A minha idéia e colocar o número dentro do triângulo. Mando também en anexo a tela de chat do meu app só para terem idéia.  Alguém já fez isso e poderia compartilhar?  Agradeço

Screenshot_2014-04-11-14-39-05-1.png
Screenshot_2014-04-11-14-49-48-1.png

AJ Alves

unread,
Apr 15, 2014, 7:13:01 AM4/15/14
to androi...@googlegroups.com

Olá Silio, basicamente é posicionar uma imagem no canto, você pode fazer um jogo de Layouts, usar um horizontal com gravity em rigth..dai coloca um Relative Layoute com um ImageView e esse TextView sobre essa imagem..dai você manipula os dois por código.

On Apr 11, 2014 2:52 PM, "Silio Silvestre" <siliosf...@gmail.com> wrote:

Pessoal, preciso de uma ajuda. Estou fazendo um app que, dentre outras coisas, tem um chat (como um what's app) para os empregados. Eu quero destacar quando houver mensagens não lidas em uma conversa, já coloquei o número de mensagens não lidas porém quero dar um destaque maior. Olhando por ai vi que o evernote faz uma coisa bem bacana: colocam um triângulo no item list do listview (como na imagem em anexo, o triângulo azul). A minha idéia e colocar o número dentro do triângulo. Mando também en anexo a tela de chat do meu app só para terem idéia.  Alguém já fez isso e poderia compartilhar?  Agradeço

--
Você recebeu essa mensagem porque está inscrito no grupo quot;Android Piauí" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para android-piau...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Silio Silvestre

unread,
Apr 15, 2014, 8:15:41 AM4/15/14
to androi...@googlegroups.com
Também, tinha imaginado isso mas acredito que, como isso vai ficar em cada item da lista, ficará pesado. Por isso estava receoso em implementar dessa forma: colocando uma imagem em cada item da lista, imagina uma lista com 300 itens.
--
Silio Silvestre Ferreira Freitas
(86) 8862-2779
(86) 9950-6768

AJ Alves

unread,
Apr 16, 2014, 11:19:11 PM4/16/14
to androi...@googlegroups.com

O android tem uma estrategia para otimizar listviews...por isso eles são montados utilizando adapter e base adapters...basicamente ele calcula quantas linhas podem ser exibidas e faz seu trabalho para otimizar o uso de mempria...entao nao se preocupe com a quantidade de linhas.

Silio Silvestre

unread,
Apr 16, 2014, 11:21:11 PM4/16/14
to androi...@googlegroups.com

Sendo assim vou tentar nesse feriado e coloco o resultado aqui

AJ Alves

unread,
Apr 16, 2014, 11:25:21 PM4/16/14
to androi...@googlegroups.com

Show de bola.

Silio Silvestre

unread,
Apr 17, 2014, 11:29:24 AM4/17/14
to androi...@googlegroups.com
Olá galera, venho novamente a todos informar que consegui, agradeço ao AJ Alves, pelas dicas. Eu mesclei a ideia dele com outras que tive aqui, foi o seguinte:

Criei um RelativeLayout e setei o background dele um xml da minha pasta drawable, que tem por nome triangle.xml, envio em anexo, este RelativeLayout é posicionado no lado direito da tela e tem um TextView dentro dele que é quem diz a quantidade, estou mandando também o código completo do meu itemList pra vocês saberem como usar, o resultado foi bem satisfatório. Os parâmetros do triangle.xml é adaptado ao tamanho do meu RelativeLayout então, quando vocês forem usa-lo, provavelmente fique algumas coisas fora do lugar, nada de mais, é só corrigir. Olhem aí...
2014-04-17 12.19.45.png
triangle.xml
item_list_conversa.xml

AJ Alves

unread,
Apr 17, 2014, 11:43:46 AM4/17/14
to androi...@googlegroups.com
Muito massa, e valeu pela contribuição.
Reply all
Reply to author
Forward
0 new messages