changer le texte d'un TextView en fonction de l'image de fond d'un ImageButton

Version imprimable

Bonjour.
Je vous sollicite pour résoudre un problème auquel je ne trouve pas de solution même après avoir 'googlé' maintes fois.
J'ai créé un projet fait d'une seule Activity, contenant 2 boutons, un ImageButton et un TextView.
L'mage de fond de ImageButton change quant je clique sur un bouton ou sur l'autre (image "Garçon" ou "Fille"). Là pas de problème.
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
 
   <Button
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="#aa2536"
       android:layout_marginTop="40dp"
       android:text="Garçon"
       android:textColor="#FFFFFF"
       android:textStyle="bold"
       android:textSize="25dp"
       android:id="@+id/btnGarcon">
 
   </Button>
 
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#aa2536"
        android:layout_marginTop="20dp"
        android:textColor="#FFFFFF"
        android:textStyle="bold"
        android:textSize="25dp"
        android:text="Fille"
        android:id="@+id/btnFille">
 
    </Button>
 
    <ImageButton
        android:id="@+id/btnImage"
        android:layout_width="222dp"
        android:layout_height="222dp"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        >
 
    </ImageButton>
 
    <TextView
        android:id="@+id/lblNom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="25dp"
        android:hint="Nom"
        android:gravity="center">
 
    </TextView>
 
</LinearLayout>

Fichier kt:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
package com.stracoma.boutonimage
 
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*
 
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        btnGarcon.setOnClickListener {
            btnImage.setBackgroundResource(R.drawable.garcon)
        }
        btnFille.setOnClickListener {
            btnImage.setBackgroundResource(R.drawable.fille)
        }
    }
}

Mon problème est que je veux avoir lblNom.text="Fille" quand je clique sur l'ImageButton avec image de fond ="fille" et avoir lblNom.text="Garçon" quant je clique sur l'ImageButton avec image de fond ="garcon"
je ne veux pas cette solution:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        btnGarcon.setOnClickListener {
            btnImage.setBackgroundResource(R.drawable.garcon)
            lblNom.text="Garçon"
        }
        btnFille.setOnClickListener {
            btnImage.setBackgroundResource(R.drawable.fille)
            lblNom.text="Fille"
        }
    }
}

je veux changer lblNom.text par le biais de btnImage.setOnClickListener().

Merci

Salut,

Je n'ai pas la procédure exacte en tête, mais normalement tu peux récupérer la resource de ton imagebutton, et ainsi afficher le texte voulu sur le onclicklistener.

Code:

Drawable sexeImage = btnImage.getBackground()

Mais le plus simple à mon avis serait d'utiliser le tag à ton imagebutton et de chercker ce tag plutot que de travailler avec le drawable.
Code:

1 2 3 4 5 6 7 8 btnGarcon.setOnClickListener { btnImage.setBackgroundResource(R.drawable.garcon) btnImage.setTag("garcon") } btnFille.setOnClickListener { btnImage.setBackgroundResource(R.drawable.fille) btnImage.setTag("fille") }
et dans ton btnImage.setOnClickListener, mettre une condition sur btnImage.getTag()

Merci pour la réponse.
ça marche avec l'utilisation du tag. mais dans ce cas on utilise une variable intermédiaire, c'est comme si je fais:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        var temp=""
        btnGarcon.setOnClickListener {
            btnImage.setBackgroundResource(R.drawable.garcon)
           temp="garcon"
        }
        btnFille.setOnClickListener {
            btnImage.setBackgroundResource(R.drawable.fille)
            temp="fille"
        }
        btnImage.setOnClickListener(){
            if (temp=="garcon") lblNom.text="garçon"
            if(temp=="fille") lblNom.text="fille"
        }
    }

moi j'ai besoin de savoir comment comparer les Background:

Code:

1
2
3
btnImage.setOnClickListener(){
           if(btnImage.getBackground()== ???????? )
        }

26/05/2020, 00h30
Turvy
Citation:

ça marche avec l'utilisation du tag. mais dans ce cas on utilise une variable intermédiaire

Ben justement non, c'est un paramètre de l'imageButton, comme ses dimensions, positions, id...

Citation:

moi j'ai besoin de savoir comment comparer les Background

Moi non plus, j'évite généralement les comparaison d'image.

J'ai trouvé ca https://developer.android.com/guide/...drawables#java
Code:

1 2 Resources res = context.getResources(); Drawable myImage = ResourcesCompat.getDrawable(res, R.drawable.garcon, null);
Je ne sais pas si ca peut marcher, mais sinon tu compares myImage avec le background de btnImage qui sont tous les 2 des drawables.

Bonsoir
Effectivement ça marche avec ta dernière proposition.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val imgFille: Drawable? = ResourcesCompat.getDrawable(this.resources, R.drawable.fille, null)
        val imgGarcon: Drawable? = ResourcesCompat.getDrawable(this.resources, R.drawable.garcon, null)
        btnGarcon.setOnClickListener {
            btnImage.background = imgGarcon
        }
        btnFille.setOnClickListener {
            btnImage.background = imgFille
        }
        btnImage.setOnClickListener() {
            if (btnImage.background == imgFille) {
                    lblNom.text = "fille"
                }
            if (btnImage.background == imgGarcon) {
                    lblNom.text = "garçon"
                }
            }
        }
}

Mais comme tu avais dit dans ton premier post, le tag est efficace et beaucoup plus simple
mais reste une chose que je n'arrive pas à comprendre, dans le btnImage.setOnClickListener(), quand je remplace imgGarcon par sa valeur, ça ne marche pas:

Code:

1
2
3
4
5
6
7
8
 btnImage.setOnClickListener() {
            if (btnImage.background == ResourcesCompat.getDrawable(this.resources, R.drawable.fille, null)) {
                    lblNom.text = "fille"
                }
            if (btnImage.background == ResourcesCompat.getDrawable(this.resources, R.drawable.garcon, null)) {
                    lblNom.text = "garçon"
                }
            }

27/05/2020, 10h43
Turvy

Citation:

mais reste une chose que je n'arrive pas à comprendre, dans le btnImage.setOnClickListener(), quand je remplace imgGarcon par sa valeur, ça ne marche pas:

Parce que comme expliqué dans la doc https://docs.oracle.com/javase/tutor...O/thiskey.html, this réfère à l'instance courante d'un objet. Et this au sein du listener ne fait pas référence à l'activité mais au listener. Tu peut le vérifier en mode debug. Pour que ca marche, il faudrait changer this en MainActivity.this.

Bonsoir

Citation:

Envoyé par Turvy

il faudrait changer this en MainActivity.this.
Code:

1 2 3 4 5 6 7 btnImage.setOnClickListener() { if (btnImage.background == ResourcesCompat.getDrawable( MainActivity.this.resources, R.drawable.fille, null)) { lblNom.text = "fille" } if (btnImage.background == ResourcesCompat.getDrawable( MainActivity.this.resources, R.drawable.garcon, null)) { lblNom.text = "garçon" }
dans ce code j'ai une erreur, this est souligné en rouge. et IDE me dit:

Code:

e: /home/jonass/AndroidStudioProjects/BoutonImage/app/src/main/java/com/stracoma/boutonimage/MainActivity.kt: (25, 82): The expression cannot be a selector (occur after a dot)

En attendant une explication à ce problème, pourquoi "ResourcesCompat.getDrawable( this.resources, R.drawable.fille, null)" est accepté en affectation et pas en comparaison (qui n'est pas la question qui m'a amené à ce forum), je mettrai le sujet comme résolu

Citation:

Envoyé par Turvy

this réfère à l'instance courante d'un objet. Et this au sein du listener ne fait pas référence à l'activité mais au listener.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) btnImage.background = ResourcesCompat.getDrawable(this.resources, R.drawable.fille, null) if (btnImage.background == ResourcesCompat.getDrawable(this.resources, R.drawable.fille, null)){ lblNom.text="fille" } } }
Même en dehors du listener le problème reste le même:
"ResourcesCompat.getDrawable( this.resources, R.drawable.fille, null)" est accepté en affectation et pas en comparaison