如何放置在图像按钮中的android？ [英] How to place buttons over Image in android?

问题描述

我要创建这样的自定义视图。

I want to create a custom view like this.

我尝试了以下

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/customView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/sample_image" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|top"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|bottom"
        android:text="Button" />

</FrameLayout>

如何创建这样的观点？我怎么可以把按钮上的ImageView这样吗？

How can i create a view like this? How can i place buttons over imageview like this?

在此先感谢

推荐答案

您可以尝试使用相对布局要做到这一点，

you can try to use relative layout to do this,

有关BTN1;

android:layout_alignParentTop="true"
android:layout_alignParentRight="true"

有关BTN1;

android:layout_alignParentBottom="true"
android:layout_alignParentRight="true" 

要给予按钮使用的空白，机器人：layout_margin =20dp

to give space for button use margin, android:layout_margin="20dp"

例布局

<RelativeLayout android:layout_width="300dp"
    android:layout_height="300dp">


    <ImageView
        android:id="@+id/img"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#ffaadd" 
        android:layout_margin="20dp" />


    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:text="btn1" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"       
        android:text="btn2" />

</RelativeLayout>

这篇关于如何放置在图像按钮中的android？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！