Sélecteur Android & amp; couleur du texte
-
10-07-2019 - |
Question
Je souhaite qu'un TextView
simple se comporte de la même manière que 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 (normalement) ne change pas dans l'état ciblé. Comment le changer en textAppearanceLargeInverse
?
La solution 2
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 appelez-le dans TextView comme
.android:textColor="@color/bright_text_dark_focused"
Autres conseils
J'ai eu plusieurs tests jusqu'à ce que l'un d'entre eux fonctionne, alors: 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>
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>
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" et
state.
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
J’ai toujours utilisé la solution ci-dessus sans chercher plus après. ; -)
Cependant, aujourd’hui, j’ai trouvé quelque chose et j’ai pensé le partager. :)
Cette fonctionnalité est effectivement disponible à partir de l'API 1 et est appelée ColorStateList , où nous pouvons fournir une couleur à différents états des widgets (comme nous le savons déjà).
Il est également très bien documenté, ici .
Si vous utilisez TextViews dans les onglets, cette définition de sélecteur a fonctionné pour moi (essayé de 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>
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.
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>
Ensuite, 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 modifié un code avant la publication et je n'ai pas vérifié.