【问题标题】:Android Using layer-list for button selectorAndroid 使用图层列表作为按钮选择器
【发布时间】:2012-01-10 11:46:46
【问题描述】:

我们如何使用图层列表作为按钮的可绘制对象。 我有一个按钮:

<item android:state_pressed="true">
    <shape>
        <gradient android:endColor="@color/white"
            android:startColor="@color/grey_blue_light" android:angle="90" />
        <stroke android:width="1dp" android:color="@color/aqua_blue" />
        <corners android:radius="3dp" />
        <padding android:left="10dp" android:top="10dp"
            android:right="10dp" android:bottom="10dp" />
    </shape>
</item>


<item android:state_focused="true">

</item>
<item>

</item>

现在我需要一个图层列表在按下按钮状态时用作形状:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval">
        <solid android:color="@color/aqua_blue" />
    </shape>
</item>
<item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp">
    <shape android:shape="oval">
        <solid android:color="@color/aqua_blue" />
    </shape>
</item>

我们如何在按钮选择器中使用这个层列表?

【问题讨论】:

    标签: android button customization


    【解决方案1】:

    第一步 在 drawable 文件夹下为按钮的三种不同状态创建三个不同的 layer_list xml。例如那些xml的名字是layer1.xml, layer2.xml, layer3.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list
        xmlns:android="http://schemas.android.com/apk/res/android"
        >
        <item>
            <shape
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle"
                >
    
                <gradient
                    android:angle="270"
                    android:startColor="#0000ff"
                    android:endColor="#0000dd"
                    android:type="linear"
                    />    
            </shape>
        </item>
    
    </layer-list>
    

    第二步 创建一个名为 btn_background.xml 的选择器 xml,并在 drawable 属性中传递 layer_list xml

    <selector
        xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:state_pressed="true" android:drawable="@drawable/layer1">
    
        </item>
    
        <item android:state_focused="true" android:drawable="@drawable/layer2">
    
        </item>
    
        <item android:drawable="@drawable/layer3">        
    
        </item>
    </selector>
    

    第三步 将选择器xml设置为按钮的背景android:background="@drawable/btn_background"

    【讨论】:

    • 很好的答案。但是由于您在&lt;layer-list&gt; 下有一个&lt;shape&gt; 元素,我认为可以省略后一个元素。 IE。 &lt;xml&gt;&lt;shape&gt;&lt;/shape&gt;&lt;/xml&gt;。为我工作。
    • 是否可以创建一个具有 3 种不同形状的可绘制对象作为一个接一个?例如像这样的形状o--------o
    【解决方案2】:

    Mygod 的回答实际上比公认的要好。它可以工作,只需要一个 xml 文件。这是我做的类似的事情。它将背景设置在带有透明度的可绘制对象下。对背景和形状也可以这样做:

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:state_selected="true">
            <layer-list>
                <item android:drawable="@color/Black"/>
                <item android:drawable="@drawable/notes_white"/>
            </layer-list>
        </item>
    
        <item>
            <layer-list>
                <item android:drawable="@color/White"/>
                <item android:drawable="@drawable/notes_black"/>
            </layer-list>
        </item>
    
    </selector>
    

    【讨论】:

    • 元素直接列在 下而不创建单独的 .xml 文件的好主意 :)
    【解决方案3】:

    只需用您的layer-list 替换shape 标签,一切都会正常工作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-17
      • 1970-01-01
      • 2018-09-19
      • 2014-07-31
      • 2015-07-29
      • 1970-01-01
      • 1970-01-01
      • 2017-06-07
      相关资源
      最近更新 更多