[Android-Dev] - ListView com bordas Circulares!

[Deivison Servat Sporteman]

Boa tarde Pessoal,

Alguem já conseguiu fazer um ListView que tenha as bordas de cima e as de baixo circulares ?   Até o momento só consegui fazer ficar circular os itens que são selecionados... mas não as bordas de cima e de baixo "gerais" do ListView.

Se alguem já fez algo parecido... ficaria agradecido se pudesse me ajudar.

Abraços,

Atenciosamente,

--

Deivison Servat Sporteman

[Thiago Lopes Rosa]

http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

Veja se voce nao consegue fazer uma gambi com isso!

É um super chute...

Thiago

2011/2/14 Deivison Servat Sporteman <deivison....@gmail.com>

[Jonas Alves]

Acredito que você terá que criar uma subclasse de ListView e sobrescrever o método onDraw().

Comece por aqui:
http://developer.android.com/guide/topics/ui/custom-components.html

[Deivison Servat Sporteman]

Valeu pela força galera,

Consegui o efeito perfeito de transparencia no fundo e bordas circulares em cima e em baixo. 

Utilizei um Shape  ;)

Abraços,

Att

[Jonas Alves]

Mostra pra gente de que forma você usou o shape pra mudar o formato da ListView :)

2011/2/18 Deivison Servat Sporteman <deivison....@gmail.com>

Consegui o efeito perfeito de transparencia no fundo e bordas circulares em cima e em baixo. 

Utilizei um Shape  ;)

--
Jonas Alves

@jonas_alves

[Deivison Servat Sporteman]

Certo,

Segue o fonte:

main.xml

<ListView android:id="@+id/list" android:layout_width="wrap_content"

 android:cacheColorHint="#00000000"

android:focusableInTouchMode="true" android:layout_marginTop="10sp"

android:scrollbars="none" android:background="@layout/coner"

android:layout_marginLeft="10sp" android:layout_marginRight="10sp"

android:drawSelectorOnTop="false" android:dividerHeight="0px"

android:footerDividersEnabled="true" android:headerDividersEnabled="true"

android:layout_span="3" android:layout_height="260px" />

corner.xml

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

<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<gradient android:startColor="#80f8f2f2" android:endColor="#80f8f2f2" />

<corners android:bottomRightRadius="20dp" android:radius="20dp"

android:bottomLeftRadius="20dp" android:topLeftRadius="20dp"

android:topRightRadius="20dp" />

</shape>

Resultado final em anexo.

;)

Abraços!

[Jonas Alves]

Dessa forma, quando você fizer scroll, o conteúdo vai aparecer pra fora da borda arredondada, não vai? Ou a ponta arredondada vai cortar o conteúdo?

--
Jonas Alves

@jonas_alves

[Deivison Servat Sporteman]

A borda arredondada não corta o conteúdo, para que o conteúdo não ficasse para fora, eu apliquei um paddingLeft bem leve, dai ficou encaixado certinho na borda... outra alternativa, é diminuir o angulo da borda ;)

Abraços,

[Rolemberg Filho]

parabéns!

[Deivison Servat Sporteman]

:) 

Valeu!

[Thiago Lopes Rosa]

ahuahu, chutei certo! =)

thiago

2011/2/21 Deivison Servat Sporteman <deivison....@gmail.com>