如何在对话框中将关闭的图像视图放在右上角并留有边距？答案

【问题标题】：How to put close imageview at top right corner with margin in a dialog?如何在对话框中将关闭的图像视图放在右上角并留有边距？
【发布时间】：2015-03-19 16:37:26
【问题描述】：

我正在尝试将具有接近图像的图像视图放置在右上角，边缘稍有外部。这是我的对话框布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/acl_data_info_bg_round"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/close_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="top|right"
        android:adjustViewBounds="true"
        android:paddingTop="-50dp"
        android:scaleType="fitStart"
        android:background="@drawable/freeg_logo"
        android:description="@null" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingRight="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Consumed: 0.5 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Limit: 10 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" />

    <Button
        android:id="@+id/button_hide_alertDialog"
        android:layout_width="60.0dip"
        android:layout_height="35.0dip"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="35.0dip"
        android:text="OK"
        android:textSize="15.0dip"
        android:textStyle="bold" />

    <Button
        android:id="@+id/textview_powered_by"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="25.0dip"
        android:background="@android:color/transparent"
        android:drawablePadding="5.0dip"
        android:drawableRight="@drawable/freeg_logo_acl_data_info"
        android:text="Powered by"
        android:textColor="#6d7780"
        android:textSize="10.0dip" />

</LinearLayout>

这是我膨胀它的代码：

alertDialog = new Dialog(context);

        alertDialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);
        alertDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);

        LayoutInflater inflater;

            inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);


        View convertView = inflater.inflate(R.layout.acl_data_info_screen, null, false);

        Button button_hide_alertDialog = (Button) convertView
                .findViewById(R.id.button_hide_alertDialog);

        button_hide_alertDialog.setOnClickListener(new OnClickListener() 
        {

            @Override
            public void onClick(View v)
            {
                if(alertDialog != null && alertDialog.isShowing())
                    alertDialog.dismiss();
            }
        });

        alertDialog.setContentView(convertView);

        // show it
        alertDialog.show();

我已经浏览了 stackoverflow 上所有可用的帖子，但没有一个能够解决我的问题。请帮我。提前致谢。

通过使用 android:layout_marginTop="-15dp"，我得到以下输出：

【问题讨论】：

你能用当前输出截屏吗？可能会帮助我了解出了什么问题。而不是使用fill_parent，而是尝试使用match_parent。 fill_parent 是一个不推荐使用的方法，但它们都做同样的事情。 stackoverflow.com/questions/5761960/…
请看图
您需要使用父级FrameLayout 制作一个自定义布局，其中包含两个图像，其中一个图像将位于第一个图像之上并取消图像。
你能举个例子吗
@user1726619 有人发布了答案。所以我不需要发布相同的内容。所以检查答案是否有效。

标签： android dialog imageview android-linearlayout

【解决方案1】：

您可以使用 FrameLayout。

试试这个xml：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@android:color/background_dark"
        android:orientation="vertical" >

        <!-- You Linear layout will go hewre without the close button -->

    </LinearLayout>

    <ImageView
        android:id="@+id/close_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@drawable/ic_launcher"
        android:description="@null"
        android:layout_gravity="top|right"
        android:layout_marginTop="-20dp"
        android:scaleType="fitStart" />

</FrameLayout>

希望对你有所帮助ツ

【讨论】：

在这里尝试不同的值android:layout_marginTop="-20dp"

【解决方案2】：

这不起作用..对话框中的视图将留在对话框中，如果您尝试将带有负值的徽标拉出视图，它将消失在视图之外。

【讨论】：

那有什么解决办法？
人们声称可以解决这个问题。看看
stackoverflow.com/questions/24119039/…
那么您应该尝试在顶部添加一个 LinearLayout。让它透明。我将编辑我的答案给你一个例子。
我已经测试了给定的代码，结果都类似：i.imgur.com/12GH8qw.png。

【解决方案3】：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/transparent"
android:orientation="vertical">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/close_dialog"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="top|right"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:adjustViewBounds="true"
        android:background="@android:color/white"
        android:description="@null"
        android:scaleType="fitStart" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@android:color/white">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingRight="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Consumed: 0.5 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Limit: 10 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" />

    <Button
        android:id="@+id/button_hide_alertDialog"
        android:layout_width="60.0dip"
        android:layout_height="35.0dip"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="35.0dip"
        android:text="OK"
        android:textSize="15.0dip"
        android:textStyle="bold" />

    <Button
        android:id="@+id/textview_powered_by"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="25.0dip"
        android:background="@android:color/transparent"
        android:drawablePadding="5.0dip"
        android:text="Powered by"
        android:textColor="#6d7780"
        android:textSize="10.0dip" />

</LinearLayout>
</LinearLayout>

只需在 ImageView 周围添加此 LinearLayout。所以不要删除任何东西，只需添加 LinearLayout。

编辑：

确保您的顶部布局也有 background="#android:color/transparent"。然后为其余内容使用另一个带有背景的 LinearLayout。

这应该可以解决问题。用您自己的@drawables 替换背景等。但是我用白色背景测试了它，这是想要的输出。

我的输出图片：

【讨论】：

我已经尝试过这个选项。这是我使用 android:layout_marginTop="-15dp" 得到的输出
请问您为什么使用负边距？您希望顶部图像的边缘有一个边距吗？请尝试使用更新后的代码。
我想在 imageview 的左上角稍外侧按下十字按钮。甚至您更新的代码也无法正常工作。
请试试这个。我在自己的项目中做了一些布局来查看它。这应该可以解决问题。
这不会导致对话框具有透明背景:)

【解决方案4】：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
     >
<LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="25dp"
    android:layout_marginBottom="35dp"
        android:background="@drawable/acl_data_info_bg_round"
    android:orientation="vertical" >
     <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingRight="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Consumed: 0.5 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" 
        android:visibility="invisible"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingRight="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Consumed: 0.5 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingLeft="7.0dip"
        android:paddingTop="7.0dip"
        android:text="Free internet Limit: 10 MB"
        android:textColor="#6d7780"
        android:textSize="18.0dip" />

    <Button
        android:id="@+id/button_hide_alertDialog"
        android:layout_width="60.0dip"
        android:layout_height="35.0dip"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="35.0dip"
        android:text="OK"
        android:textSize="15.0dip"
        android:textStyle="bold" />

    <Button
        android:id="@+id/textview_powered_by"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="25.0dip"
        android:background="@android:color/transparent"
        android:drawablePadding="5.0dip"
        android:drawableRight="@drawable/freeg_logo_acl_data_info"
        android:text="Powered by"
        android:textColor="#6d7780"
        android:textSize="10.0dip" />

</LinearLayout>

<ImageView
    android:id="@+id/close_dialog"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_gravity="top|right"
    android:adjustViewBounds="true"
    android:background="@drawable/icon"
    android:description="@null"
    android:scaleType="fitStart" />

</RelativeLayout>

试试这个吧

【讨论】：

【解决方案5】：

首先，定义一个风格

`<style name="deleteIcon">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_marginStart">-40dp</item>
<item name="android:layout_marginTop">3dp</item>
<item name="srcCompat">@drawable/ic_delete_icon</item>
</style>`

其次，在你的 LinearLayout 中使用这种风格

`<ImageView sytle="@style/deleteIcon" />`

【讨论】：