ตัวเลือก 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

คำตอบ:


403

ฉันได้รับจากการทดสอบหลายครั้งจนกว่าจะได้ผลดังนั้น: 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"
Paul

3
มีเอกสารอธิบายรายการสถานะสี: developer.android.com/guide/topics/resources/ …
Rick77

เช่นเดียวกับความอยากรู้อยากเห็นมันยังใช้งานได้เมื่อเปิดใช้งานข้อความปุ่มหรือรายการใด ๆ เช่นสำหรับรายการ <item android: state_activated = "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
นี่แค่ทำให้ใจฉัน ฉันจัดการกับผู้ฟังเพื่อเปลี่ยนสีข้อความตลอดเวลา กรามบนพื้น ยอดเยี่ยม!
Artem Russakovskii

ไม่เคยคิดเลยว่าเครื่องมือเลือกใช้งานได้กับ textColor ง่ายมาก
Drejc

ฉันลองสิ่งนี้โดยใช้รูทเค้าโครงของมุมมองที่ฉันทำเพื่อฉันListFragmentและจบลงด้วยข้อผิดพลาดจำนวนมาก ผมทำอะไรผิดหรือเปล่า?
MowDownJoe

เราไม่สามารถใช้ @android: color / white ตรงนั้น .. แสดงความช่วยเหลือด้านเนื้อหาไม่พร้อมใช้งานเมื่อฉันกด Ctrl + space
LOG_TAG

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 ของฉัน
oddmeter

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 ในแท็บคำจำกัดความตัวเลือกนี้ใช้งานได้สำหรับฉัน (ลองใช้กับ 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>

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
ฉันไปทางนี้ในตอนแรก แต่สีข้อความไม่เปลี่ยนแปลงด้วยเหตุผล
yanchenko
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.