android按钮选择器


115

这是一个按钮选择器,正常时显示为红色,按下时显示为灰色。

我想问一下如何对代码进行进一步的直接修改,以便在按下时可以更改文本的大小和颜色?非常感谢!

<item android:state_pressed="true" >         
    <shape xmlns:android="http://schemas.android.com/apk/res/android"> 
        <stroke android:width="2dp" android:color="@color/black" />
        <solid android:color="@color/grey"/>
        <padding android:left="5dp" android:top="2dp" 
            android:right="5dp" android:bottom="2dp" /> 
        <corners android:radius="5dp" /> 
    </shape>    
</item>

<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"> 
        <stroke android:width="2dp" android:color="@color/black" />
        <solid android:color="#FF6699"/>
        <padding android:left="5dp" android:top="2dp" 
            android:right="5dp" android:bottom="2dp" /> 
        <corners android:radius="5dp" /> 
    </shape>
</item>

Answers:


217

你只需要设置selectorbutton在你的布局文件。

<Button
     android:id="@+id/button1"
     android:background="@drawable/selector_xml_name"
     android:layout_width="200dp"
     android:layout_height="126dp"
     android:text="Hello" />

并做了。

编辑

以下是button_effect.xml目录中的drawable文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/numpad_button_bg_selected" android:state_selected="true"></item>
    <item android:drawable="@drawable/numpad_button_bg_pressed" android:state_pressed="true"></item>
    <item android:drawable="@drawable/numpad_button_bg_normal"></item>

</selector>

在这里,您可以看到有3个可绘制对象,您只需要将此button_effect样式放置到您的上即可button,就像我上面写的那样。您只需要替换selector_xml_namebutton_effect


您能否详细说明如何设置按下状态和未按下状态?(具有上述所有组件,例如圆形颜色,笔触等)。非常感谢!
pearmak 2012年

实施选择最好的方法是使用XML参阅本blazin.in/2016/03/how-to-use-selectors-for-botton.html 按照这个和它的工作实现我
普山Shirsath

嗨,我知道您写这篇文章已经有一段时间了,但是也许您会知道我所缺少的。我用了你的代码,我的按钮一直是绿色的,然后按下= true并选择= true,它将可绘制状态更改为灰色,但是在其他活动打开之前,第二步按钮具有默认的android样式。知道我缺少什么状态吗?
volfk

27

使用状态列表drawable无法实现文本大小的更改。要更改文本的颜色和大小,请执行以下操作:

文字颜色

要更改文本颜色,可以创建颜色状态列表资源。这将是位于res/color/目录中的单独资源。在布局xml中,您必须将其设置为android:textColorattribute 的值。颜色选择器将包含以下内容:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="@color/text_pressed" />
    <item android:color="@color/text_normal" />
</selector>

字体大小

您不能仅通过资源来更改文本的大小。没有“尺寸选择器”。您必须使用代码来完成。并且没有简单的解决方案。

最简单的解决方案可能是相应地利用View.onTouchListener()和处理向上和向下事件。使用这样的东西:

view.setOnTouchListener(new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // change text size to the "pressed value"
                return true;
            case MotionEvent.ACTION_UP:
                // change text size to the "normal value"
                return true;
            default:
                return false;
            }
        }
});

一个不同的解决方案可能是扩展视图并覆盖该setPressed(Boolean)方法。当按下状态发生更改时,将在内部调用该方法。然后在方法调用中相应地更改文本的大小(不要忘记调用super)。


14

在可绘制文件夹中创建custom_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@drawable/unselected" android:state_pressed="true" />
   <item android:drawable="@drawable/selected" />
</selector>

在可绘制文件夹中创建selected.xml形状

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="90dp">
   <solid android:color="@color/selected"/>
   <padding />
   <stroke android:color="#000" android:width="1dp"/>
   <corners android:bottomRightRadius="15dp" android:bottomLeftRadius="15dp" android:topLeftRadius="15dp" android:topRightRadius="15dp"/>
</shape>

在可绘制文件夹中创建unselected.xml形状

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="90dp">
   <solid android:color="@color/unselected"/>
   <padding />
   <stroke android:color="#000" android:width="1dp"/>
   <corners android:bottomRightRadius="15dp" android:bottomLeftRadius="15dp" android:topLeftRadius="15dp" android:topRightRadius="15dp"/>
</shape>

在values文件夹的color.xml中为选定/未选定状态添加以下颜色

<color name="selected">#a8cf45</color>
<color name="unselected">#ff8cae3b</color>

您可以从这里检查完整的解决方案


2

实现选择器的最佳方法是使用xml而不是使用编程方式,因为它更易于使用xml来实现。

    <?xml version="1.0" encoding="utf-8"?>    
<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/button_bg_selected" android:state_selected="true"></item>
        <item android:drawable="@drawable/button_bg_pressed" android:state_pressed="true"></item>
        <item android:drawable="@drawable/button_bg_normal"></item>

    </selector>

有关更多信息,我使用此链接 http://www.blazin.in/2016/03/how-to-use-selectors-for-botton.html实现


2

在Layout .xml文件中

<Button
 android:id="@+id/button1"
 android:background="@drawable/btn_selector"
 android:layout_width="100dp"
 android:layout_height="50dp"
 android:text="press" />

btn_selector.xml

<?xml version="1.0" encoding="utf-8"?>

 <item android:drawable="@drawable/btn_bg_selected" android:state_selected="true"></item>
<item android:drawable="@drawable/btn_bg_pressed" android:state_pressed="true"></item>
<item android:drawable="@drawable/btn_bg_normal"></item>


1

您可以使用以下代码:

<Button
android:id="@+id/img_sublist_carat"
android:layout_width="70dp"
android:layout_height="68dp"
android:layout_centerVertical="true"
android:layout_marginLeft="625dp"
android:contentDescription=""
android:background="@drawable/img_sublist_carat_selector"
android:visibility="visible" />

(选择器文件)img_sublist_carat_selector.xml:

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_focused="true" 
       android:state_pressed="true"        
       android:drawable="@drawable/img_sublist_carat_highlight" />
 <item android:state_pressed="true" 
       android:drawable="@drawable/img_sublist_carat_highlight" />
 <item android:drawable="@drawable/img_sublist_carat_normal" />
</selector>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.