堆栈内存溢出
  繁体   English   中英

在弹出窗口中打开时，Android自定义布局损坏

[英]Android custom layout broken when opening in popup

 原文  2016-02-04 16:06:55  6   2    android/ android-layout/ android-relativelayout

问题描述

因此，我做了一个自定义布局，我想在用户单击图标时在弹出窗口中使用。 这是我的布局：

在此处输入图片说明

这是我的xml： 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/rectangle"
    android:id="@+id/popupMainLayout">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_margin="20dp"
        android:background="@drawable/icon_drawing_preview_rectangle"
        android:id="@+id/relativeLayout">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="false"
            android:layout_alignParentEnd="true"
            android:layout_centerHorizontal="true"
            android:gravity="top"
            android:id="@+id/previewIcon">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Large Text"
                android:id="@+id/infoTitle"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="5dp" />

            <com.example.app.TouchImageView
                android:layout_width="100dp"
                android:layout_height="70dp"
                android:id="@+id/infoPic"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center_horizontal|bottom"
                android:layout_marginTop="10dp"
                android:layout_marginBottom="5dp" />

        </LinearLayout>


    </RelativeLayout>

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivCopy"
        android:background="@drawable/copy"
        android:layout_below="@+id/relativeLayout"
        android:layout_alignLeft="@+id/relativeLayout" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivEdit"
        android:background="@drawable/edit"
        android:layout_alignTop="@+id/ivCopy"
        android:layout_centerHorizontal="true" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivDelete"
        android:background="@drawable/delete"
        android:layout_alignTop="@+id/ivEdit"
        android:layout_alignRight="@+id/relativeLayout"
        android:layout_alignEnd="@+id/relativeLayout" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivPaste"
        android:background="@drawable/paste"
        android:layout_centerVertical="true"
        android:layout_alignLeft="@+id/ivCopy"
        android:layout_alignStart="@+id/ivCopy" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivRotate"
        android:layout_alignTop="@+id/ivPaste"
        android:layout_centerHorizontal="true"
        android:background="@drawable/rotate" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivCut"
        android:background="@drawable/cut"
        android:layout_centerVertical="true"
        android:layout_alignRight="@+id/relativeLayout"
        android:layout_alignEnd="@+id/relativeLayout" />

    <Button
        android:layout_width="120dp"
        android:layout_height="40dp"
        android:text="Cancel"
        android:id="@+id/dismiss"
        android:background="@drawable/custom_buttons"
        android:textSize="15dp"
        android:gravity="center"
        android:layout_gravity="center_horizontal"
        android:layout_below="@+id/ivRotate"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="15dp" />

</RelativeLayout>

但是，当我单击我的图标时，我的布局被破坏了，图标也没有对齐。 最终结果如下所示： 在此处输入图片说明

有什么特殊原因吗？

编辑 ：我如何启动弹出窗口： 

 //inflate our popup layout, set the title and set the icon
                    LayoutInflater layoutInflater = (LayoutInflater)getBaseContext().getSystemService(LAYOUT_INFLATER_SERVICE);
                    View popupView = layoutInflater.inflate(R.layout.popup_info_layout, null);

                    setOperationsClicklisteners(popupView);//only setting imageview click listeners here

                    TextView title = (TextView)popupView.findViewById(R.id.infoTitle);

                    title.setText(ic.getName());
                    ImageView popupIcon = (ImageView)popupView.findViewById(R.id.infoPic);

                    popupWindow = new PopupWindow(
                            popupView,
                            ViewGroup.LayoutParams.WRAP_CONTENT,
                            ViewGroup.LayoutParams.WRAP_CONTENT);

                    Button btnDismiss = (Button)popupView.findViewById(R.id.dismiss);
                    btnDismiss.setOnClickListener(new Button.OnClickListener()
                    {
                        @Override
                        public void onClick(View v)
                        {
                            popupWindow.dismiss();
                        }
                    });

                    popupWindow.setClippingEnabled(true);
                    popupWindow.showAtLocation (v, Gravity.CENTER_VERTICAL, 0, 0);

2 个解决方案

解决方案1
 1  2016-02-04 16:28:47

  1. 您的布局似乎不正确。

  2. 您应该将src用于ImageView图标，而不是background 。 

     <RelativeLayout android:layout_below="@+id/relativeLayout" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView src="@drawable/copy" android:layout_alignParentTop="true" android:layout_alignParentLeft="true"/> <ImageView src="@drawable/edit" android:layout_alignParentTop="true" android:layout_centerhorizontal ="true"/> <ImageView src="@drawable/delete" android:layout_alignParentTop="true" android:layout_alignParentRight="true"/> <ImageView src="@drawable/paste" android:layout_marginTop="20dp" android:layout_alignParentLeft="true"/> <ImageView src="@drawable/rotate" android:layout_alignTop="@+id/paste" android:layout_centerHorizontal="true"/> <ImageView src="@drawable/cut" android:layout_alignTop="@+id/paste" android:layout_alignParentRight="true"/> <Button android:layout_below="@+id/rotate" android:layout_centerHorizontal="true"/> </RelativeLayout>

解决方案2
 0 已采纳  2016-02-04 16:45:44

阅读评论和建议的答案后，我将它们合并在一起并使其正常工作。 @Vivek Mishra建议的主要问题是我的布局宽度/高度设置为fill_parent ，在我的代码中我使用wrap_content对其进行了充气。

我的新样式有效： 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="360dp"
    android:layout_height="340dp"
    android:background="@drawable/rectangle"
    android:id="@+id/popupMainLayout">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_margin="20dp"
        android:background="@drawable/icon_drawing_preview_rectangle"
        android:id="@+id/relativeLayout">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="false"
            android:layout_alignParentEnd="true"
            android:layout_centerHorizontal="true"
            android:gravity="top"
            android:id="@+id/previewIcon">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Large Text"
                android:id="@+id/infoTitle"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="5dp" />

            <com.example.app.TouchImageView
                android:layout_width="100dp"
                android:layout_height="70dp"
                android:id="@+id/infoPic"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center_horizontal|bottom"
                android:layout_marginTop="10dp"
                android:layout_marginBottom="5dp" />

        </LinearLayout>


    </RelativeLayout>

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivCopy"
        android:layout_below="@+id/relativeLayout"
        android:layout_alignLeft="@+id/relativeLayout"
        android:layout_alignStart="@+id/relativeLayout"
        android:src="@drawable/copy" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivEdit"
        android:layout_alignTop="@+id/ivDelete"
        android:layout_centerHorizontal="true"
        android:src="@drawable/edit" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivDelete"
        android:layout_below="@+id/relativeLayout"
        android:layout_alignRight="@+id/relativeLayout"
        android:layout_alignEnd="@+id/relativeLayout"
        android:src="@drawable/delete" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivPaste"
        android:layout_below="@+id/ivCopy"
        android:layout_alignLeft="@+id/ivCopy"
        android:layout_alignStart="@+id/ivCopy"
        android:layout_marginTop="25dp"
        android:src="@drawable/paste" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivRotate"
        android:layout_alignTop="@+id/ivPaste"
        android:layout_alignLeft="@+id/ivEdit"
        android:layout_alignStart="@+id/ivEdit"
        android:src="@drawable/rotate" />

    <ImageView
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:id="@+id/ivCut"
        android:layout_alignTop="@+id/ivRotate"
        android:layout_alignLeft="@+id/ivDelete"
        android:layout_alignStart="@+id/ivDelete"
        android:src="@drawable/cut" />

    <Button
        android:layout_width="90dp"
        android:layout_height="50dp"
        android:text="cancel"
        android:id="@+id/dismiss"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="10dp"
        android:background="@drawable/custom_buttons" />

</RelativeLayout>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Android-工具栏弹出式自定义布局 Android - 向弹出菜单项添加自定义布局 在android的弹出窗口中设置自定义布局 在android上打开键盘时的布局问题 损坏的Android布局 更改布局时，CoordinatorLayout自定义行为onDependentViewChanged将被破坏 如何在Android 2.3中使用自定义布局实现弹出菜单 Android中的弹出式布局？ 打开任何布局文件时，Android Studio 崩溃 将布局设置为Popup contentview Android
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM