0

Estou modificando a altura de um LinearLayout de WRAP_CONTENT para 0 (zero) e vice-versa ouvindo o evento onClick de um Button.

Gostaria que essa mudança ocorra gradualmente durante alguns milissegundos, como 700ms, por exemplo. Como faço isso usando a menor quantidade de código possível?

Trecho do código:

    LinearLayout ll = (LinearLayout) findViewById(R.id.teste);
ll.setOnClickListener(new View.onClickListener() {
    @Override
    public void onClick (View v){
        ViewGroup.LayoutParams params = v.getLayoutParams();
        params.height = 0;
        v.setLayoutParams(params);
    }
});

Isso muda a altura para zero, porém sem transição.

EDITADO: O efeito é parecido com esse link porém na vertical

4
  • Eu recomendaria usar ObjectAnimator ou ViewPropertyAnimator, ou até mesmo o atributo animateLayoutChanges, nada de Threads :P Mas realmente, se o código relevante onde está fazendo essa modificação fica complicado ajudar.
    – Wakim
    19/02/2017 às 16:29
  • É porque só estou mudando a altura do LinearLayout, então não adicionei código... Vou adicionar 19/02/2017 às 16:40
  • Blz, vou dar uma sugestão assim que colocar o código.
    – Wakim
    19/02/2017 às 16:42
  • No código estou testando com Click no próprio elemento, depois só irei mudar esse Click para um botão, mas com o efeito no LinearLayout. 19/02/2017 às 16:48

2 Respostas 2

4

A resposta tem quatro etapas:

  1. Obter o tamanho final do seu container;
  2. Obter o tamanho inicial;
  3. Criar um ValueAnimator para variar do tamanho inicial ao tamanho final em 700ms;
  4. Setar o valor da altura e redimensionar o container a cada iteração do ValueAnimator.

Button button = ...; //Seu button
LinearLayout ll = (LinearLayout) findViewById(R.id.teste);

button.setOnClickListener(new View.onClickListener() {
    @Override
    public void onClick (View v){
        final ViewGroup.LayoutParams params = ll.getLayoutParams();

        int finalHeight = 0;
        int initialHeight = ll.getHeight();

        ValueAnimator va = ValueAnimator.ofInt(initialHeight, finalHeight);

        va.setDuration(700);
        va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            public void onAnimationUpdate(ValueAnimator animation) {
                params.height = (Integer) animation.getAnimatedValue();
                ll.requestLayout();
            }
        });

        va.start();
    }
});
13
  • Unnecessary unboxing "value.intValue()". Também não está mudando a altura do elemento. 19/02/2017 às 17:22
  • De fato, já percebi o problema do seu código, vou ajustar. Você estava setando o clickListener no LinearLayout, não no botão.
    – Wakim
    19/02/2017 às 17:24
  • Legal a abordagem Wakim. +1
    – viana
    19/02/2017 às 17:36
  • Adicionei 2 Logs, um para o ClickListener e outro para o UpdateListener. Somente o click é detectado. Como disparo o UpdateListener? 19/02/2017 às 17:50
  • Bem lembrado, faltou iniciar a animação, erro meu.
    – Wakim
    19/02/2017 às 17:52
1

Bem, como você foi especifico na quantidade de codigo, o melhor resultado seria esse:

LinearLayout ll = (LinearLayout) findViewById(R.id.teste);
ll.setOnClickListener(new View.onClickListener() {
    @Override
    public void onClick (View v){
        ViewGroup.LayoutParams params = v.getLayoutParams();
        params.height = 0;
        ll.postDelayed(new Runnable() {
                public void run() {
                    v.setLayoutParams(params);
                }, 700);
        ll.getLayoutParams().height = originaltamanhodoseulayout
    }
});

voce precisa saber a altura original do seu "ll" para voltar ele para a alttura original depois.
Explicando:
ele roda em background por 700ms deixando o "ll" com height = 0 e quando terminar reverte ele para a altura original.

Acredito que com menor linhas de codigo seria esse, eu já uso isso aqui com resultado positivo, embora para outras finalidades.

da uma conferida ae

1
  • Vou testar daqui a pouco. Vou editar a pergunta, pois está ambígua, dá uma olhada para ver se é compatível com sua resposta. 20/02/2017 às 13:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .