如何同时为Button应用形状和选择器？

83

我已经为按钮应用了形状，例如：

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

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >
    <gradient android:startColor="#DD000000" android:endColor="#DD2d2d2d"  android:angle="90"></gradient>
    <corners android:radius="15dip"></corners>

</shape>

现在我想使用一个选择器，例如：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/active"
      android:state_pressed="true" />
<item android:drawable="@drawable/passive"/>

对于此按钮也是如此。可能吗 ...？？？

android  button  selector 
— 卡瓦尔·拉扎（Khawar Raza）
source

Answers:

186

使用这种方式：

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

   <item android:state_pressed="true" >
       <shape>.......</shape>
   </item>
   ..........
   ..........
</selector>
— 汉里
source
8
是的，它通过以下方式工作：<selector xmlns：android =“ schemas.android.com/apk/res/android ”> <item android：state_pressed =“ true”> <shape android：shape =“ rectangle”> <corners android ：radius =“ 15dip”> </ corners> <solid android：color =“＃febd26” /> </ shape> </ item> <item> <shape android：shape =“ rectangle”> <gradient android：startColor = “＃DD000000” android：endColor =“＃DD2d2d2d” android：angle =“ 90”> </ gradient> <corners android：radius =“ 15dip”> </ corners> </ shape> </ item> </ selector>
— Khawar Raza
7
@KhawarRaza将来，请在您的问题中放入类似的信息，以便在此位置进行格式化和查找。随着时间的流逝，评论趋于消失。
— 蒂姆·波斯特
我尝试按照您的建议在item元素内添加一个shape元素，但是由于出现一条错误消息而无济于事，09-13 15:25:02.868: ERROR/AndroidRuntime(9129): FATAL EXCEPTION: main android.view.InflateException: Binary XML file line #13: Error inflating class <unknown>. 我将选择器设置为[ github.com/vinc3m1/RoundedImageView#usage]的android:background属性。有人对如何执行此操作有任何想法吗？RoundedImageView
— toobsco42 2013年
尝试使用此技术时，我一直收到错误消息。AZ_的答案对我来说效果更好。
— 艾伦·尼尔森
@艾伦·纳尔逊（Alan Nelson），我的回答只是骨架，而AZ_给出了示例。
— 汉里（Harry）
26

详细到点答案

在中创建颜色资源

res / values / colors.xml

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


    <item name="yellow" type="color">#F7B500</item>
    <item name="yellow_dark" type="color">#AC7E00</item>

    <integer-array name="androidcolors">
        <item>@color/yellow</item>
        <item>@color/yellow_dark</item>
    </integer-array>

</resources>

在以下位置创建一个可绘制对象

res / drawable / bg_yellow_round.xml

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

    <solid android:color="@color/yellow" />

    <stroke
        android:width="2dp"
        android:color="@color/yellow" />

    <corners
        android:bottomLeftRadius="20dp"
        android:bottomRightRadius="20dp"
        android:topLeftRadius="20dp"
        android:topRightRadius="20dp" />

</shape>

创建另一个要在同一位置过渡的可绘制对象并将其命名

分辨率/可绘制/bg_yellow_dark_round.xml

<solid android:color="@color/yellow_dark" />

<stroke
    android:width="2dp"
    android:color="@color/yellow_dark" />

<corners
    android:bottomLeftRadius="20dp"
    android:bottomRightRadius="20dp"
    android:topLeftRadius="20dp"
    android:topRightRadius="20dp" />

现在创建一个颜色状态列表在

res / color / btn_selector_yellow.xml

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

    <item android:drawable="@color/yellow" android:state_focused="true" android:state_pressed="false"/>
    <item android:drawable="@drawable/bg_yellow_dark_round" android:state_pressed="true"/>
    <item android:drawable="@drawable/bg_yellow_round"/>

</selector>

现在将其设置为您的按钮，如下所示

<Button
                android:id="@+id/button1"
                android:layout_width="248dp"
                android:layout_height="44dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="10dp"
                android:layout_marginTop="20dp"
                android:background="@color/btn_selector_yellow"
                android:text="AZ_ is so cool" />

现在这将从 浅黄色

至

暗黄色。

— AZ_
source
这行得通，您还能指导它实现纹波效果吗？
— Hardik9850
— AZ_
或只是看到这个，有很多google.com/…–
— AZ_
11

shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/star_off"/>
    <corners android:radius="5dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

选择器.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android" android:exitFadeDuration="@android:integer/config_mediumAnimTime">

    <item android:drawable="@color/tab_focused" android:state_focused="true" android:state_pressed="false"/>
    <item android:drawable="@color/tab_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/shape"/>

</selector>
— 雷南·班德拉（Renan Bandeira）
source
1
使用@ drawable / shape而不是@ drawable / shape.xml
— Khizar Hayat
4

您还可以创建在内部使用选择器的形状。如果您的形状只是在不同状态下更改其颜色，则此方法更加清洁。

color / color_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/blue_dark" android:state_pressed="true" />
    <item android:color="@color/blue_light" />
</selector>

drawable / shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/color_selector" />
    <corners android:bottomLeftRadius="6dip" android:bottomRightRadius="6dp" />
    <padding android:bottom="0dip" android:left="0dip" android:right="0dip" android:top="0dip" />
</shape>
— 直到
source
这对我不起作用，从来没有使用过颜色选择器...尽管我同意这样更清洁
— -Gyome
@Gyome它正在工作。看到这个链接stackoverflow.com/questions/1219312/android-selector-text-color
— Ji Fang
3
我知道这很旧，但仅作记录，此方法仅适用于Android 5.0及更高版本。
— lionscribe '17
4

好吧，我知道为时已晚，但这是一个已解决的示例 

 <TextView
            android:id="@+id/txt_out_going_calls"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="04dp"
            android:layout_weight="1"
            android:background="@drawable/header_text_view_selector"
            android:gravity="center"
            android:text="@string/outgoing_calls_tab_button_text"
            android:textColor="@color/home_text_color" />

和我的 header_text_view_selector

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

        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="@color/home_fragment_tab_color_selected"/>
            <corners android:radius="25dip" />
            <padding android:bottom="08dip" android:left="9dip" android:right="9dip" android:top="08dip" />
        </shape>
    </item>
    <item android:state_selected="false">

        <shape>
            <solid android:color="@color/home_fragment_tab_color_simple"/>
            <corners android:radius="25dip" />
            <padding android:bottom="08dip" android:left="9dip" android:right="9dip" android:top="08dip" />
        </shape>
    </item>
</selector>

所以基本上我创建一个舍入textview的选择器。在这里，我只处理state_selected和not_selected。希望能帮助到你

— 努曼·加法尔
source
3

这是我的方式，并且有效！ 

<item android:state_pressed="true">

    <shape android:shape="oval">


        <gradient android:centerX=".6"
            android:centerY=".40"
            android:endColor="@color/colorPrimary"
            android:gradientRadius="20"
            android:startColor="@color/colorPrimary"
            android:type="radial" />

        <stroke android:width="1dp"
            android:color="#FFFFFF" />

        <size android:width="55dp"
            android:height="55dp" />

    </shape>
</item>

<item android:state_focused="false">
    <shape android:shape="oval">


        <gradient android:centerX=".6"
            android:centerY=".40"
            android:endColor="@android:color/transparent"
            android:gradientRadius="20"
            android:startColor="@android:color/transparent"
            android:type="radial" />

        <stroke android:width="1dp"
            android:color="#FFFFFF" />

        <size android:width="55dp"
            android:height="55dp" />

    </shape>
</item>

— 用户名
source
0

在使用任何图像时，请使用形状名称，在使用图像时，请使用形状选择器。试试看，您将不会遇到任何问题。那是你在问什么吗？

— Vineet Shukla
source
2
把你的形状XML中可绘制，并通过它的Android版本：可绘制=“@绘制/ shape_xml”在您的选择，并在您的视图中使用您的选择....
— 维尼特舒克拉
1
请使用代码段以更好的形式编写示例。
— 罗伊·李
0

我的示例是带有state_pressed的圆形按钮。下面的代码：

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


    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="@color/light_primary_color" />
        </shape>

    </item>
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/accent_color" />
        </shape>
    </item>

</selector>
— vrbsm
source
0

为了更可重用，可以在单个属性上设置状态。避免重复形状

<selector
    xmlns:android="http://schemas.android.com/apk/res/android"
>
    <item>
        <shape android:shape="rectangle" >
            <corners android:radius="5dp"/>
            <solid
                android:state_enabled="false"
                android:color="@color/transparent"
            />
            <solid
                android:state_enabled="true"
                android:color="@color/background"
            />
            <stroke
                android:width="@dimen/dividerHeight"
                android:color="@color/dividerLight"
            />
        </shape>
    </item>
</selector>

使用此方法禁用后，我可以通过编程方式设置背景。

— 吉博尔特
source
这似乎不起作用。我认为选择器必须有多个子项，并且必须在每个项上设置状态。
— bmaupin
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.