android - how to make botton over single image in android

Question

I have requirement of adding button behind single image. My main.xml is mentioned below. I am trying to create button3 for abcimage as shown below. I want this button at left center. How it can be done?

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/black">
<TableLayout
    android:id="@+id/TableLayout01"
    android:stretchColumns="*"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent">
    <TableRow
        android:id="@+id/TableRow01"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_gravity="center_vertical|center_horizontal">
         <ImageView
            android:id="@+id/ImageView2_Left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/abcimage"></ImageView>
            <Button
          android:id="@+id/button3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
         android:text="buyabc" 
        /> 
</TableRow>

</TableLayout>
</LinearLayout>

Answer 1

使用FrameLayout包含您的图像和按钮的 a：

<FrameLayout
    android:id="@+id/TableRow01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical|center_horizontal" >

    <ImageView
        android:id="@+id/ImageView2_Left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal"
        android:src="@drawable/abcimage" >
    </ImageView>

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="buyabc" />
</FrameLayout>

Answer 2

试试这个布局：

 <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/ImageView2_Left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/abcimage" >
    </ImageView>

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="buyabc" />
</RelativeLayout>