Seletor do Android e cor do texto


184

Eu quero um simples TextViewpara se comportar da maneira simple_list_item_1em um ListViewfaz. Aqui está o 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" />

Tudo funciona, exceto a cor do texto que (provavelmente) não muda no estado de foco. Como faço para mudar para textAppearanceLargeInverse?


No caso de alguém está olhando para o arquivo xml, é aqui: developer.android.com/resources/samples/Home/res/color/...
swinefeaster

Respostas:


404

Eu fiz vários testes até que um funcionasse, então: 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>

8
sem o android: Drawable as falhas de aplicativos com este selector xml
neufuture

4
@neufuture: você precisa usarandroid:textColor="@color/button_dark_text"
Paul

3
Há um documento que descreve as listas estaduais de cores: developer.android.com/guide/topics/resources/...
Rick77

Como curiosidade, também funciona quando o texto, botão ou qualquer item é ativado, por exemplo, para o item da lista. <item android: state_activated = "true" android: color = "@ android: color / white" />
jiahao

O seletor deve realmente residir na res/colorpasta?
MR5

79

E o seletor é a resposta aqui também.

Procure bright_text_dark_focused.xml nas fontes, adicione ao seu projeto no diretório res / color e, em seguida, consulte no TextView como

android:textColor="@color/bright_text_dark_focused"

5
Eu acho que isso mudou para "primary_text_dark_focused.xml".
precisa saber é o seguinte

11
Isso só me impressionou. Eu tenho lidado com as coisas com os ouvintes para mudar a cor do texto o tempo todo. Mandíbula no chão. Brilhante!
Artem Russakovskii

Nunca pensei que os seletores também funcionassem para textColor, super fácil.
Drejc

Eu tentei isso com o layout raiz de uma exibição que fiz para a minha ListFragmente acabei com vários erros . O que estou fazendo de errado?
precisa saber é o seguinte

não podemos usar @android: color / white por lá .. exibindo assistência com o conteúdo não disponível quando eu pressiono Ctrl + space
LOG_TAG

31

Aqui está minha implementação, que se comporta exatamente como item da lista (pelo menos na versão 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>

Isso funcionou bem para mim e, no meu caso, funcionou muito bem para ajustar as cores destacadas / não destacadas para minha implementação
TabHost

27

Para fazê-lo funcionar na seleção em uma exibição de lista, use o seguinte código:

<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>

Aparentemente, a chave é state_activated="true"estado.


17
Não se esqueça de colocar este arquivo na pasta res / cor
Nguyen Minh Binh

4

Aqui está o exemplo do seletor. Se você usa o eclipse, isso não sugere algo quando você clica em ctrl e espaço ambos: / você deve digitá-lo.

<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" />

Você pode procurar por referência;

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


2

Eu sempre usei a solução acima sem pesquisar mais depois disso. ;-)

No entanto, hoje me deparei com algo e pensei em compartilhá-lo. :)

Esse recurso está realmente disponível na API 1 e é chamado de ColorStateList , onde podemos fornecer uma cor para vários estados de Widgets (como já sabemos).

Também está muito bem documentado, aqui.


2

No res/colorlugar do arquivo "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>

Em seguida, TextViewuse-o:

<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"
    />

E no código, você precisará definir um ouvinte de clique.

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()
}

Desculpe se há erros, alterei um código antes de publicar e não verifiquei.


1

Se usando TextViews em abas, essa definição de seletor funcionou para mim (tentei o Klaus Balduino, mas não funcionou):

<?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>

0

Você já tentou setOnFocusChangeListener? Dentro do manipulador, você pode alterar a aparência do texto.

Por exemplo:

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();
        }
    }
});

Você pode aplicar as alterações que desejar quando estiver focado ou não. Você também pode usar o ViewTreeObserver para ouvir alterações no foco global.

Por exemplo:

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
    }
});

Espero que isso ajude ou lhe dê idéias.


1
Eu segui esse caminho inicialmente, mas a cor do texto não mudou por algum motivo.
yanchenko 14/08/09
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.