安卓:图像按钮或按键按下时具有突出的影响(Android : Image button or but

2019-09-02 18:47发布

在这里,当我在这些按下left and right arrow button在那个时候我想看到这些类型的按钮效果。 这些同样的事情发生在Iphone/IOS默认。

我可以做这种类型的效果?

在这里,我提到的正是我想要的照片。

在这里,我用这个XML文件但没有得到成功。

button_pressed.xml

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

    <item android:state_pressed="true"><shape>
            <gradient android:angle="180" android:centerColor="#657377" android:endColor="#AFFFFFFF" android:startColor="#FFFFFFFF" android:type="linear"/>

            <corners android:radius="10dp" />
        </shape></item>

</selector>

编辑

我用android:background="@drawable/button_pressed.xml"行,但我没有得到这正是我想要。

尝试:

我用这个xml文件按的Piyush的答案,但我没有得到成功,我收到这样的效果。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@color/transparent" />
        </shape>
    </item>
    <item>
        <shape
            android:innerRadiusRatio="4"
            android:shape="ring"
            android:thicknessRatio="9"
            android:useLevel="false" >
            <gradient
                android:endColor="#00000000"
                android:gradientRadius="250"
                android:startColor="#ffffffff"
                android:type="radial" />
        </shape>
    </item>

</layer-list>

我同意了顶部和底部的削减,因为我已经在布局这个按钮空间有限。 我们将在以后的看法,但为什么它不采取状阴影和alpha和所有同样喜欢我提到的影响?

OUTPUT:

请帮我,如果任何机构都有这个想法。

提前致谢。

Answer 1:

的形状具有与向外衰落从白到黑被径向拉伸。

试试这个:

<shape
    xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#ffffffff"
        android:endColor="#00000000"
        android:gradientRadius="100"
        android:type="radial"/>
</shape>

此外,您不能直接设置这个为背景,以您的按钮。 您必须创建在其中指定根据按钮的状态不同背景的选择可绘制文件。 在这种情况下,你需要这样的背景下按下按钮时要只设置。 选择器会是这个样子:

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true" android:drawable="@drawable/button_pressed"/> 
    <item android:state_selected="true" android:drawable="@drawable/button_pressed"/>
    <item android:state_focussed="true" android:drawable="@drawable/button_pressed"/>
    <item android:drawable="@android:color/transparent" />
</selector>

PS:不建议设计一个Android应用程序时复制iOS的设计。 对于Android的设计指南,请参阅: http://developer.android.com/design/building-blocks/buttons.html



Answer 2:

可以试试这个关于为圆形,设置相应的颜色。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item>
    <shape android:shape="rectangle" >
        <solid android:color="@color/transparent" />
    </shape>
</item>
<item>
    <shape

        android:shape="ring"
        android:useLevel="false" >
        <gradient
            android:endColor="#00000000"
            android:gradientRadius="200"
            android:startColor="#ffffffff"
            android:type="radial" />
    </shape>
</item>



文章来源: Android : Image button or button Highlighted with Effect when Pressed