Android-селектор и цвет текста


184

Я хочу просто TextViewвести себя так, как simple_list_item_1это ListViewделает. Вот 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" />

Все работает, за исключением цвета текста, который (как ожидается) не меняется в сфокусированном состоянии. Как мне изменить это на textAppearanceLargeInverse?


Если кто-то ищет xml-файл, он находится здесь: developer.android.com/resources/samples/Home/res/color/…
swinefeaster,

Ответы:


404

Я прошел несколько тестов, пока один не сработал, поэтому: 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>

разреш / макет / 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
без андроида: рисовать приложение вылетает с этим селектором xml
neufuture

4
@neufuture: вам нужно использоватьandroid:textColor="@color/button_dark_text"
Пол

3
Существует документ, описывающий списки состояний цветов: developer.android.com/guide/topics/resources/…
Rick77

Любопытно, что это также работает, когда текст, кнопка или любой элемент активирован, например, для элемента списка. <item android: state_activation = "true" android: color = "@ android: color / white" />
jiahao

Должен ли селектор действительно находиться в res/colorпапке?
mr5

79

И селектор ответ здесь тоже.

Найдите в исходных текстах файл bright_text_dark_focused.xml, добавьте его в каталог res / color и затем обратитесь к TextView как

android:textColor="@color/bright_text_dark_focused"

5
Я думаю, что это изменилось на "primary_text_dark_focused.xml".
greg7gkb

11
Это просто взорвало мой разум. Все это время я работал со слушателями, чтобы изменить цвет текста. Челюсть на полу. Brilliant!
Артем Руссаковский

Никогда не думал, что селекторы также работают для textColor, супер просто.
Дрейц

Я попробовал это с корневым макетом представления, которое я сделал для себя ListFragment, и в результате получилось куча ошибок . Что я делаю не так?
MowDownJoe

мы не можем использовать @android: цвет / белый там .. отображение помощи по контенту недоступно, когда я
нажимаю

31

Вот моя реализация, которая ведет себя точно как элемент в списке (по крайней мере, на 2.3)

разреш / макет / 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>

Рез / цвет / 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>

Это хорошо сработало для меня, и в моем случае вполне сработало для настройки выделенных / невыделенных цветов для моей реализации
TabHost

27

Чтобы заставить его работать с выделением в виде списка, используйте следующий код:

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

Видимо, ключ является state_activated="true"государственным.


17
Не забудьте поместить этот файл в папку res / color
Нгуен Минь Бин

4

Вот пример селектора. Если вы используете eclipse, он не предлагает что-то, когда вы нажимаете ctrl и пробел оба: / вы должны ввести его.

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

Вы можете посмотреть для справки;

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


2

Я всегда использовал вышеупомянутое решение, не ища больше после этого. ;-)

Однако сегодня я наткнулся на что-то и подумал поделиться этим. :)

Эта функция действительно доступна из API 1 и называется ColorStateList , где мы можем предоставить цвет для различных состояний виджетов (как мы уже знаем).

Это также очень хорошо задокументировано, здесь.


2

В res/colorместе файл «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>

Тогда в TextViewиспользовании это:

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

И в коде вам нужно установить прослушиватель кликов.

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

Извините, если есть ошибки, я изменил код перед публикацией и не проверял.


1

Если использовать TextViews во вкладках, это определение селектора сработало у меня (пробовал Клауса Балдуино, но не сработало):

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

Ты пробовал setOnFocusChangeListener? Внутри обработчика вы можете изменить внешний вид текста.

Например:

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

Затем вы можете применить любые изменения, которые вы хотите, когда он сфокусирован или нет. Вы также можете использовать ViewTreeObserver для прослушивания глобальных изменений фокуса.

Например:

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

Я надеюсь, что это помогает или дает вам идеи.


1
Сначала я пошел этим путем, но цвет текста по какой-то причине не изменился.
Янченко
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.