Android:自定义带图像的椭圆形按钮

时间:2014-05-28 18:35:17

标签: android xml image button shape

我想创建一个自定义按钮,其形状为我用CS6创建的圆形图像。

enter image description here

要首先自定义按钮,需要定义可绘制元素。

如果我想使用2个不同的图像,具体取决于按钮的状态,我可以定义.xml( customize_button.xml ),如下所示:

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

    <item android:state_enabled="true" android:drawable="@drawable/btn1"   />

    <item android:drawable="@drawable/btn2" /> 

</selector>

btn1和btn2将在可绘制文件夹中放置2个.png图像。

如果我想制作一个椭圆形的按钮,我应该写的xml文件是这样的:

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

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval" >
    <gradient 
        android:startColor="#6586F0"
        android:centerColor="#D6D6D6"
        android:endColor="#4B6CD6"
        android:angle="90"/>

</shape>  

最后,如果我想将这个自定义按钮添加到我的应用程序中,我只需要在布局中添加:

<Button
        android:id="@+id/BtnPrueba"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/customize_button"  

/>

我的问题:

默认情况下,按钮会被平方,所以如果我想在背景中添加一个椭圆形图像,它周围会有一个白色的间隙。有谁知道如何将两个.xml文件合二为一?

1 个答案:

答案 0 :(得分:1)

问题是图像的背景是白色的,所以你需要做的是

<强>解决方案:

您可以使用photoShop和

使用套索剪切背景,使其透明