web-dev-qa-db-fra.com

Android sélecteur et couleur du texte

Je veux qu'un simple TextView se comporte comme simple_list_item_1 dans un ListView. Voici le XML:

<TextView xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_height="wrap_content" Android:layout_width="fill_parent"
    Android:gravity="center" Android:focusable="true"
    Android:minHeight="?android:attr/listPreferredItemHeight"
    Android:textAppearance="?android:attr/textAppearanceLarge"
    Android:background="@Android:drawable/list_selector_background" />

Tout fonctionne à l'exception de la couleur du texte qui (comme prévu) ne change pas dans l'état ciblé. Comment puis-je le changer en textAppearanceLargeInverse?

androidtextviewandroid-selector
177
yanchenko

Et le sélecteur est la réponse ici aussi.

Recherchez bright_text_dark_focused.xml dans les sources, ajoutez-le à votre projet sous le répertoire res/color, puis faites référence à partir de TextView comme

Android:textColor="@color/bright_text_dark_focused"
75
yanchenko

J'ai eu plusieurs tests jusqu'à ce que l'un d'entre eux fonctionne, donc: res/color/button_dark_text.xml

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
     <item Android:state_pressed="true"
           Android:color="#000000" /> <!-- pressed -->
     <item Android:state_focused="true"
           Android:color="#000000" /> <!-- focused -->
     <item Android:color="#FFFFFF" /> <!-- default -->
 </selector>

res/layout/view.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
   Android:orientation="vertical"
   Android:layout_width="fill_parent"
   Android:layout_height="fill_parent"
   >
    <Button
       Android:layout_width="wrap_content"
       Android:layout_height="wrap_content"
       Android:text="EXIT"
       Android:textColor="@color/button_dark_text" />
</LinearLayout>
392
Klaus Balduino

Voici mon implémentation, qui se comporte exactement comme un élément de la liste (au moins sur la version 2.3)

res/layout/list_video_footer.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent" >

    <TextView
        Android:id="@+id/list_video_footer"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent"
        Android:background="@Android:drawable/list_selector_background"
        Android:clickable="true"
        Android:gravity="center"
        Android:minHeight="98px"
        Android:text="@string/more"
        Android:textColor="@color/bright_text_dark_focused"
        Android:textSize="18dp"
        Android:textStyle="bold" />

</FrameLayout>

res/color/bright_text_dark_focused.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">

    <item Android:state_selected="true" Android:color="#444"/>
    <item Android:state_focused="true" Android:color="#444"/>
    <item Android:state_pressed="true" Android:color="#444"/>
    <item Android:color="#ccc"/>

</selector>
30
kreker

Pour que la sélection fonctionne dans une vue liste, utilisez le code suivant:

<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:state_pressed="true" Android:color="#fff"/>
    <item Android:state_activated="true" Android:color="#fff"/>
    <item Android:color="#000" />
</selector>

Apparemment, la clé est state_activated="true" state.

25
Manuel Escrig

Voici l'exemple de sélecteur. Si vous utilisez Eclipse, cela ne suggère rien lorsque vous cliquez sur ctrl et espacez les deux:/vous devez le taper.

<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
<item Android:drawable="@drawable/btn_default_pressed" Android:state_pressed="true" />
<item Android:drawable="@drawable/btn_default_selected"
    Android:state_focused="true"
    Android:state_enabled="true"
    Android:state_window_focused="true"  />
<item Android:drawable="@drawable/btn_default_normal" />

Vous pouvez regarder pour référence;

http://developer.Android.com/guide/topics/resources/drawable-resource.html#StateList

4
Günay Gültekin

J'ai toujours utilisé la solution ci-dessus sans chercher plus après. ;-)

Cependant, aujourd'hui, je suis tombé sur quelque chose et j'ai pensé le partager. :)

Cette fonctionnalité est en effet disponible à partir de l'API 1 et s'appelle ColorStateList , où nous pouvons fournir une couleur à différents états de Widgets (comme nous le savons déjà).

C'est aussi très bien documenté, ici.

2
Atul O Holic

Dans res/color placez un fichier "text_selector.xml":

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:color="@color/blue" Android:state_focused="true" />
    <item Android:color="@color/blue" Android:state_selected="true" />
    <item Android:color="@color/green" />
</selector>

Puis dans TextView utilisez-le:

<TextView
    Android:id="@+id/value_1"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:text="Text"
    Android:textColor="@color/text_selector"
    Android:textSize="15sp"
    />

Et dans le code, vous devrez définir un écouteur de clic.

private var isPressed = false

private fun TextView.setListener() {
    this.setOnClickListener { v ->
        run {
            if (isPressed) {
                v.isSelected = false
                v.clearFocus()
            } else {
                v.isSelected = true
                v.requestFocus()
            }
            isPressed = !isPressed
        }
    }
}

override fun onResume() {
    super.onResume()
    textView.setListener()
}

override fun onPause() {
    textView.setOnClickListener(null)
    super.onPause()
}

Désolé s'il y a des erreurs, j'ai changé un code avant la publication et je n'ai pas vérifié.

1
CoolMind

Si vous utilisez TextViews dans les onglets, cette définition de sélecteur a fonctionné pour moi (essayé avec Klaus Balduino, mais cela n'a pas fonctionné):

<?xml version="1.0" encoding="utf-8"?>    
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">

  <!--  Active tab -->
  <item
    Android:state_selected="true"
    Android:state_focused="false"
    Android:state_pressed="false"
    Android:color="#000000" />

  <!--  Inactive tab -->
  <item
    Android:state_selected="false"
    Android:state_focused="false"
    Android:state_pressed="false"
    Android:color="#FFFFFF" />

</selector>
1
samis

Avez-vous essayé setOnFocusChangeListener? Dans le gestionnaire, vous pouvez modifier l'apparence du texte.

Par exemple:

TextView text = (TextView)findViewById(R.id.text);
text.setOnFocusChangeListener(new View.OnFocusChangeListener() {
    public void onFocusChange(View v, boolean hasFocus) {
        if (hasFocus) {
            ((TextView)v).setXXXX();
        } else {
            ((TextView)v).setXXXX();
        }
    }
});

Vous pouvez ensuite appliquer les modifications souhaitées, qu’elles soient ciblées ou non. Vous pouvez également utiliser ViewTreeObserver pour écouter les modifications du focus global.

Par exemple:

View all = findViewById(R.id.id_of_top_level_view_on_layout);
ViewTreeObserver vto = all.getViewTreeObserver();
vto.addOnGlobalFocusChangeListener(new ViewTreeObserver.OnGlobalFocusChangeListener() {
    public void onGlobalFocusChanged(
        View oldFocus, View newFocus) {
        // xxxx
    }
});

J'espère que cela vous aide ou vous donne des idées.

0
lilbyrdie