Icones com borda transparente

Mobile Android
#1

Boa noite, estou desenvolvendo uma aplicação para android e gostaria de criar uma tela de menu na qual os ícones tenham uma borda transparente ao redor deles exatamente como a imagem abaixo mostra:

dei uma estudada no thumbnail do bootstrap mais ele não me ajuda pois a borda dele é branca e não transparente, alguém conhece alguma técnica para eu chegar a esse efeito?

Agradeço desde já, att.

#2

Você pode postar seu xml?

#3

Oi Ferreira, este é o meu xml da activity do menu:

`<?xml version="1.0" encoding="utf-8"?>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Versão BETA"
    android:id="@+id/textView4"
    android:textSize="12dp"
    android:textColor="@color/abc_input_method_navigation_guard"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:src="@mipmap/plano_fundo"
    android:minHeight="400dp"
    android:minWidth="400dp"
    android:layout_centerVertical="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/iBotaoProduto"
    android:src="@mipmap/ic_produtos"
    android:minHeight="80dp"
    android:minWidth="80dp"
    android:layout_marginLeft="31dp"
    android:layout_marginStart="31dp"
    android:layout_alignTop="@+id/imageView"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="32dp" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Produto"
    android:id="@+id/textView8"
    android:textColor="#010daf"
    android:textSize="18dp"
    android:fontFamily="droid"
    android:layout_below="@+id/iBotaoProduto"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="25dp" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/iBotaoPromocao"
    android:src="@mipmap/ic_romocoes"
    android:minHeight="80dp"
    android:minWidth="80dp"
    android:layout_marginRight="31dp"
    android:layout_marginEnd="31dp"
    android:layout_above="@+id/textView8"
    android:layout_alignRight="@+id/imageView"
    android:layout_alignEnd="@+id/imageView" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Promoção"
    android:id="@+id/textView7"
    android:textColor="#010daf"
    android:textSize="18dp"
    android:fontFamily="droid"
    android:layout_below="@+id/iBotaoPromocao"
    android:layout_alignLeft="@+id/iBotaoPromocao"
    android:layout_alignStart="@+id/iBotaoPromocao" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/iBotaoSincroniza"
    android:src="@mipmap/ic_sincronizar2"
    android:minHeight="80dp"
    android:minWidth="80dp"
    android:layout_above="@+id/textView6"
    android:layout_alignRight="@+id/textView7"
    android:layout_alignEnd="@+id/textView7" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Sincronizar"
    android:id="@+id/textView6"
    android:textColor="#010daf"
    android:textSize="18dp"
    android:fontFamily="droid"
    android:layout_alignTop="@+id/textView5"
    android:layout_alignLeft="@+id/textView7"
    android:layout_alignStart="@+id/textView7" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/iBotaoMensagem"
    android:src="@mipmap/ic_mensagem_filial"
    android:minHeight="80dp"
    android:minWidth="80dp"
    android:layout_above="@+id/textView5"
    android:layout_alignRight="@+id/textView5"
    android:layout_alignEnd="@+id/textView5" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Mensagem"
    android:id="@+id/textView5"
    android:textColor="#010daf"
    android:textSize="18dp"
    android:typeface="sans"
    android:fontFamily="droid"
    android:layout_alignBottom="@+id/imageView"
    android:layout_alignRight="@+id/iBotaoProduto"
    android:layout_alignEnd="@+id/iBotaoProduto"
    android:layout_marginBottom="28dp" />

Gostaria de colocar os contornos nas imageView que eu uso como botões, você tem alguma ideia de como fazer isso?

Agradeço desde já, att.
`

#4

acredito que isso vai ajudar http://stackoverflow.com/questions/5841128/how-to-display-border-to-imageview

1 curtida
#5

Demorei para usar mais deu certinho aqui, era exatamente isso mesmo que eu estava procurando, vlw!

1 curtida