1

如何在屏幕底部放置一个图像按钮，以使其一部分（例如一半或 20dp）不在屏幕上。

如果它是一个圆圈，我们会在屏幕底部看到半个圆圈。

编辑：添加布局

<RelativeLayout <!-- upper level layout-->
     ...>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true">

        <ImageButton
            android:id="@+id/myButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:background="@null"
            android:scaleType="fitCenter"
            android:src="@drawable/my_image_button" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="SOME TEXT\nON DRAWABLE"
            android:textColor="@color/bg_start"
            android:textSize="20dp" />
    </FrameLayout>

</RelativeLayout>
4

1 回答 1

1

假设您拥有RelativeLayout并ImageButton在其中：

<RelativeLayout android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom">
    <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

</RelativeLayout>

将layout_alignParentBottom属性添加到您的RelativeLayout：

android:layout_alignParentBottom="true"

并layout_marginTop到ImageButton

android:layout_marginTop="some dp"

EDIT-发布后的布局

添加android:layout_marginBottom="-20dp"- 不是最好的解决方案，而是一个解决方案。尝试使用设备（如果它确实有效）。设计器显示一半的图像和文本移出布局边框

<RelativeLayout <!-- upper level layout-->
     ...>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="-20dp"
        android:layout_centerHorizontal="true">

        <ImageButton
            android:id="@+id/myButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:background="@null"
            android:scaleType="fitCenter"
            android:src="@drawable/my_image_button" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="SOME TEXT\nON DRAWABLE"
            android:textColor="@color/bg_start"
            android:textSize="20dp" />
    </FrameLayout>

</RelativeLayout>

或添加layout_marginTop="some dp"到您的 ImageView 和 TextView

<RelativeLayout <!-- upper level layout-->
     ...>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true">

        <ImageButton
            android:id="@+id/myButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:background="@null"
            android:scaleType="fitCenter"
            android:layout_marginTop="20dp"
            android:src="@drawable/my_image_button" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_marginTop="40dp"
            android:text="SOME TEXT\nON DRAWABLE"
            android:textColor="@color/bg_start"
            android:textSize="20dp" />
    </FrameLayout>

</RelativeLayout>
于 2013-08-07T16:01:05.257 回答