Question

我想在其中创建一个包含图片的按钮，如图https://trianglewiki.org/RGreenway_App/_files/android.jpg/_info/底部所示。我正在尝试使用图层列表和形状drawables，并能够创建非常相似的按钮。我的问题是我的图像没有像我想的那样在按钮内缩放。环形状位于图像的顶部，但图像不在其中。

我希望图像完全在环内。我认为我给出的参数值有问题。但它可能是我没有采取正确的方式。

有人可以查看我的xml文件，看看是什么问题，或者向我提供任何有关如何操作的信息，以便我在按钮中获得与上面链接相同的效果。感谢

custom_button.xml（在res / drawable中）

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

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

<item>
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:innerRadius="20dp"
        android:innerRadiusRatio="1.75"
        android:shape="ring"
        android:thicknessRatio="25"
        android:useLevel="false" 
        >
        <gradient
            android:angle="90"
            android:endColor="#FFFFFF"
            android:startColor="#FFFFFF" />

        <size
            android:width="50dp" 
            android:height="40dp" />

        <solid android:color="#008000" />
    </shape>
</item>

</layer-list>

custom_layout（在res / drawable中为linearlayout的背景）

<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:angle="90"
    android:startColor="#FF000000"
    android:endColor="#FFFFFFFF"
    android:type= "linear" />   
<stroke
    android:width="1dp"
    android:color="#FF000000" />
<padding
    android:left="5dp"
    android:right="5dp"
    />
<size
    android:height="50dp"
    />
<solid
    android:color="#00FF00"
    />

</shape>

header.xml（在res / layout中）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/buttonBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@drawable/custom_layout"
android:orientation="horizontal" >

<ImageButton
    android:id="@+id/home"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical"
    android:layout_weight="1"
    android:contentDescription="Button"
    android:paddingLeft="2dip"
    android:paddingRight="2dip"
    android:background="@drawable/custom_button"
    android:scaleType="fitXY"
    android:color="#ff0000"
     />

<ImageButton
    android:id="@+id/map"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical"
    android:layout_weight="1"
    android:background="@drawable/custom_button"
    android:contentDescription="Map"
    android:paddingLeft="2dip"
    android:paddingRight="2dip"
    android:scaleType="fitXY"
     />

<ImageButton
    android:id="@+id/weather"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical"
    android:layout_weight="1"
    android:background="@drawable/custom_button"
    android:contentDescription="Weather"
    android:paddingLeft="2dip"
    android:paddingRight="2dip"
    android:scaleType="fitXY"
    />

<ImageButton
    android:id="@+id/citilink"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical"
    android:layout_weight="1"
    android:background="@drawable/custom_button"
    android:contentDescription="CitiLink"
    android:paddingLeft="2dip"
    android:paddingRight="2dip"
    android:scaleType="fitXY"
    />

</LinearLayout>

Answer 1

如果我理解你的问题，那你就太复杂了。请here寻找答案。这是我过去使用的技巧。

Android：环形内圆形图像

1 个答案: