ImageView上的ImageButtons [Android]

时间:2016-11-21 17:27:56

标签: android android-layout button xamarin imageview

我想将ImageButtons放在ImageView上:enter image description here 我尝试使用线性布局,但总是在imageview下出现按钮。我怎么能这样做?

提前致谢!

4 个答案:

答案 0 :(得分:1)

这是xml中的一个例子。我希望它有所帮助(见底部的截图)

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent">


<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView2"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/pc"
        android:scaleType="fitXY" />

    <ImageButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/imageButton"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginLeft="47dp"
        android:layout_marginStart="47dp"
        android:src="@drawable/phone"
        android:scaleType="fitXY" />

    <ImageButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/imageButton2"
        android:layout_alignBottom="@+id/imageButton"
        android:layout_centerHorizontal="true"
        android:src="@drawable/phone"
        android:scaleType="fitXY" />

    <ImageButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/imageButton3"
        android:layout_alignTop="@+id/imageButton2"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_marginRight="36dp"
        android:layout_marginEnd="36dp"
        android:src="@drawable/phone"
        android:scaleType="fitXY" />
</RelativeLayout>
</RelativeLayout>

Screenshot

答案 1 :(得分:0)

您可以使用RelativeLayout并将ImageButtons与ImageView bottom对齐。

答案 2 :(得分:0)

使用FrameLayout

https://developer.android.com/reference/android/widget/FrameLayout.html

这是第一个孩子在第二个孩子之下,依此类推

你可以把一个imageview [matchparent,matchparent] 以及包含图像按钮的线性布局

在Framelayout

这是一个更好的例子:

http://abhiandroid.com/ui/framelayout

答案 3 :(得分:0)

这是FrameLayout的内容,它具有将视图置于另一个之上的能力。因此,每当您向框架布局添加一个子项时,下一个子项将出现在前一个子项的顶部(如果存在)。

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <ImageView 
    android:src="@drawable/imageview"
    android:scaleType="fitCenter"
    android:layout_height="250px"
    android:layout_width="250px"/>

  <LinearLayout
  android:id="@+id/widget43"
  android:layout_width="fill_parent"
  android:layout_height="100px"
  android:orientation="horizontal"
    >
  <ImageButton
   android:id="@+id/ImageButton01"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@drawable/album_icon" />
 <ImageButton
  android:id="@+id/ImageButton02"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@drawable/album_icon"
  />
 <ImageButton
  android:id="@+id/ImageButton03"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@drawable/album_icon"
  />
  <ImageButton
    android:id="@+id/ImageButton04"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/album_icon"
   />

  </LinearLayout>
  </FrameLayout>

框架布局儿童布局重力和重力也可以定制,所以对于这种情况是水平方向的线性铺设,但首先是图像视图!!