Animation Simple:Effectuer une translation vers le haut

Version imprimable

Bonjour a tous,

Je souhaiterais qu'au clic sur un bouton reduire,une partie du contenu de l'application "disparaisse" et qu'en recliquant sur le bouton "reduire" la partie disparut "reaparaisse".
Comme par exemple lorsqu'on clique sur reduire dz une fenetre par ex.

Voici mon code

MainActivity.java

Code:

1
2
3
4
5
6
7
8
9
Button b_reduire=null;
b_reduire=(Button) findViewById(R.id.bouton_reduire);
	b_reduire.setOnClickListener(reduireListener);
private OnClickListener reduireListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
        	Animation animation = AnimationUtils.loadAnimation(getBaseContext(), (R.id.animTranslation));
        	this.startAnimation(animation);//Je sais que "this" n'est pas le bon terme a employe ici c'est la que ca coince :)
        }};

XML

Code:

1
2
3
4
5
6
7
8
9
10
11
<!-- Debut:definit l'animation -->
    <Translate
        android:id="@+id/animTranslation"
        android:fromXDelta="1.0"
        android:fromYDelta="1.0" 
		android:toXDelta="0" 
		android:toYDelta="0" 
		>
<LinearLayout></LinearLayout><!--Des tas de LinearLayout differents-->
 
</Translate>

Si vous avez besoin de plus de précision, n'hésitez pas à m'en demander.

Voila merci a vous :)

A+

26/05/2014, 12h16
David55

Pourquoi ne masques tu pas directement le layout que tu veux faire disparaître. Il suffit de mettre sa visibilité à :

Code:

layout.setVisibility(View.GONE);

@David55//

Tu veux dire ,un truc ,comme ca:
Code:

1 2 3 4 5 6 7 8 9 Button b_reduire=null; Layout layout=getLayoutBy Id(/*id de mon "layout" que je souhaite voire disparaitre*/); b_reduire=(Button) findViewById(R.id.bouton_reduire); b_reduire.setOnClickListener(reduireListener); private OnClickListener reduireListener = new View.OnClickListener() { @Override public void onClick(View v) { layout.setVisibility(View.GONE); }};
Je ne sais pas si :

Code:

getLayoutBy Id();

existe car la je n'ai pas la capacite de tester mon code,en ce moment.C'est pour cela que je te demande si l'idée est bonne.Mais si tu pouvais me corriger mes fausses methodes ca serait cool ;).Merci mec.

A+.

PS:Sympa ton blog je l'ai mis en favoris mais si tu pouvais le mettre a jour,ca serait bien.

Bonjour,

Alors voila c'etait a peu pres ca dans l'idée :aie: .Mais y avait des tas de coquilles.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
	//
	LinearLayout layoutR=null;//R.id.aReduire);
	private OnClickListener reduireListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {/*
        	// On crée un utilitaire de configuration pour cette animation
        	Animation animation = AnimationUtils.loadAnimation(getBaseContext(), (R.id.animTranslation));
        	// On l'affecte au widget désiré, et on démarre l'animation
        	this.startAnimation(animation);*/
        	layoutR=(LinearLayout)findViewById(R.id.aReduire);
        	layoutR.setVisibility(View.GONE);
        }
	};

Maintenant ca marche.

Voici le code en entier on ne sait jamais il pourra peut etre aider qqun.:mouarf:
Le but cliquer sur le bouton "reduire" fait reduire la partie concernée.Le bouton devient "augmenter" il permet alors d'augmenter ce qui a ete reduit et ainsi de suite.
SVP,donnez moi votre avis sur la qualité du code ca serait sympa. ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
        Button b_calculer=null;
	Button b_reduire=null;
	boolean augmenterB=false;
	boolean reduireB=true;
 
	public void bouton(){
	//
	b_calculer=(Button) findViewById(R.id.bouton_calcul);
	b_calculer.setOnClickListener(calculListener);
	//
	b_reduire=(Button) findViewById(R.id.bouton_reduire);
	b_reduire.setOnClickListener(reduireListener);
	}
 
//
	LinearLayout layoutR=null;//R.id.aReduire);
	private OnClickListener reduireListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {/*
        	// On crée un utilitaire de configuration pour cette animation
        	Animation animation = AnimationUtils.loadAnimation(getBaseContext(), (R.id.animTranslation));
        	// On l'affecte au widget désiré, et on démarre l'animation
        	this.startAnimation(animation);*/
        	layoutR=(LinearLayout)findViewById(R.id.aReduire);
        	layoutR.setVisibility(View.GONE);
        	//
        	b_reduire.setText("Augmenter!");
        	//
        	reduireB=false;
        	augmenterB=true;
        	if(augmenterB=true){
        		b_reduire.setOnClickListener(augmenterListener);
        	}
        }
	};
 
 
	private OnClickListener augmenterListener = new View.OnClickListener() {
		public void onClick(View v) {
			layoutR=(LinearLayout)findViewById(R.id.aReduire);
			layoutR.setVisibility(View.VISIBLE);
			b_reduire.setText("Réduire!");
			//
			reduireB=true;
			augmenterB=false;
			//
			if(reduireB=true){
				b_reduire.setOnClickListener(reduireListener);
			}
			}
	};
 
	//----FIN:Listener----

Mais j'aimerais qu'on repondre a ma premiere question,cad faire la mm chose mais en utilisant le fichier "XML".

Tchao.

Quelques petites remarques :
- Attention au nom de variable (pas d'underscore en JAVA, underscore en xml)
- Les booleens sont inutiles dans ton code. On les supprime
- Mettre toutes les instanciations au même endroit

Voici ton code corrigé (attention à changer les identifiants xml dans ton fichier xml) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
 
    private LinearLayout layoutR;
	private Button bCalculer;
	private Button bReduire;
 
	@Override
	public void onCreate ()
	{
//....
		layoutR = (LinearLayout) findViewById (R.id.layout_hide);
		bCalculer = (Button) findViewById (R.id.bouton_calcul);
		bReduire = (Button) findViewById (R.id.bouton_reduire);
 
		// Instanciation du onCLickListener de chaque bouton
		bCalculer.setOnClickListener (calculListener);
		bReduire.setOnClickListener (reduireListener);
	}
 
	private OnClickListener reduireListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
        	layoutR.setVisibility (View.GONE);
        	bReduire.setText ("Augmenter!");
       		bReduire.setOnClickListener (augmenterListener);
        }
	};
 
	private OnClickListener augmenterListener = new View.OnClickListener() {
		public void onClick(View v) {
			layoutR.setVisibility (View.VISIBLE);
			bReduire.setText ("Réduire!");
			bReduire.setOnClickListener (reduireListener);
		}
	};

27/05/2014, 14h00
Pif_Paf_Pouf

Ok,un grd merci a toi!

Et si je veux faire la mm chose mais sur le fichier "XML".

Dans ce cas, il te faudra 2 fichiers xml:
- Le 1er servira à faire disparaître le bloc :

Code:

1
2
3
4
5
6
7
8
9
 
  <?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600"
    android:fillAfter="false"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="-100%p" />

Le deuxième à le faire apparaître :

Code:

1
2
3
4
5
6
7
8
9
 
  <?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600"
    android:fillAfter="false"
    android:fromXDelta="0"
    android:fromYDelta="-100%p"
    android:toXDelta="0"
    android:toYDelta="0" />

Ensuite dans ton code, tu vas devoir ajouter l'animation avant de masquer ou faire apparaître le bloc, ce qui donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
 
	private Animation showAnimation;
	private Animation hideAnimation;
    private LinearLayout layoutR;
	private Button bCalculer;
	private Button bReduire;
 
	@Override
	public void onCreate ()
	{
		//....
		layoutR = (LinearLayout) findViewById (R.id.layout_hide);
		bCalculer = (Button) findViewById (R.id.bouton_calcul);
		bReduire = (Button) findViewById (R.id.bouton_reduire);
 
		showAnimation = (Animation) AnimationUtils.loadAnimation(getApplicationContext (), R.anim.show_animation);
        hideAnimation = (Animation) AnimationUtils.loadAnimation(getApplicationContext (), R.anim.hide_animation);
 
		// Instanciation du onCLickListener de chaque bouton
		bCalculer.setOnClickListener (calculListener);
		bReduire.setOnClickListener (reduireListener);
	}
 
	private OnClickListener reduireListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
			layoutR.startAnimation(hideAnimation);
        	layoutR.setVisibility (View.GONE);
        	bReduire.setText ("Augmenter!");
       		bReduire.setOnClickListener (augmenterListener);
        }
	};
 
	private OnClickListener augmenterListener = new View.OnClickListener() {
		public void onClick(View v) {
			layoutR.startAnimation(showAnimation);
			layoutR.setVisibility (View.VISIBLE);
			bReduire.setText ("Réduire!");
			bReduire.setOnClickListener (reduireListener);
		}
	};

27/05/2014, 15h50
Pif_Paf_Pouf

@David55//

Ok super gars.
Merci de ton aide.
Je mets le sujet résolu!

Merci de ton aide.

Tchao.

PS:ton blog est super sympa continu ^^,si tu pouvais rajouter des tutos comme ca ca l’améliorerait.