web-dev-qa-db-ja.com

Androidセレクターとテキストの色

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に変更するにはどうすればよいですか？

androidtextviewandroid-selector
173
yanchenko

ここでもセレクターが答えです。

ソースでbright_text_dark_focused.xmlを検索し、res/colorディレクトリの下のプロジェクトに追加し、TextViewから次のように参照します。

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

1つが機能するまで、いくつかのテストを行って得たので、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>
386
Klaus Balduino

これがリストの項目とまったく同じように動作する実装です（少なくとも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>
29
kreker

リストビューの選択で機能させるには、次のコードを使用します。

<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"状態です。

24
Manuel Escrig

セレクターの例を次に示します。 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

4
Günay Gültekin

私はこれ以上検索することなく、常に上記のソリューションを使用しました。 ;-)

しかし、今日私は何かに出会い、それを共有することを考えました。 :)

この機能は実際にAPI 1から利用でき、ColorStateListと呼ばれます。ここでは、ウィジェットのさまざまな状態に色を提供できます（既に知っているように）。

また、非常によく文書化されています こちら

2
Atul O Holic

タブでTextViewsを使用している場合、このセレクター定義は機能しました（Klaus Balduinoを試してみましたが、それはしませんでした）：

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

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

これがあなたのアイデアに役立つか、またはあなたに与えてくれることを願っています。

0
lilbyrdie

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

エラーがある場合は申し訳ありません。公開する前にコードを変更しましたが、確認しませんでした。

0
CoolMind