在自定义警报对话框中创建Android透明布局

时间:2013-11-19 09:12:50

标签: android android-layout transparent android-alertdialog android-dialog

我写了一个自定义对话框,它完全正常。

public class GalleryAlertDialog extends Dialog {}

在课程中,我用

调用该类
dialog.show();

我想实现这个目标:

enter image description here

我需要对话框上的按钮,就像这样。

但是,这就是我得到的:

enter image description here

这是布局xml的部分,我在其中声明布局及其中的按钮:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/llContainer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:orientation="vertical">

<LinearLayout
    android:id="@+id/ll_buttonContainer"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginBottom="5dip"
    android:gravity="right"
    android:orientation="vertical" >

    <ImageButton
        android:id="@+id/btn_close"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/selector_button_popupclose"
        android:contentDescription="TODO"
        android:tag="btn_close" />
</LinearLayout>

<LinearLayout
    android:id="@+id/ll_pagerContainer"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ll_buttonContainer"
            android:layout_marginTop="80dip"
            android:background="@color/white" />

       <ToggleButton
                    android:id="@+id/tbFavorite"
                    android:layout_width="35dip"
                    android:layout_height="35dip"
                    android:layout_gravity="bottom|right"
                    android:layout_marginBottom="10dp"
                    android:layout_marginRight="10dip"
                    android:background="@drawable/selector_check"
                    android:checked="false"
                    android:focusable="false"
                    android:focusableInTouchMode="false"
                    android:textOff=""
                    android:textOn="" />

    </FrameLayout>
</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="#ff212121"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <LinearLayout
        android:id="@+id/llContactFullName"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@color/white"
        android:gravity="left|center_vertical"
        android:orientation="vertical" >

        <View
            android:layout_width="fill_parent"
            android:layout_height="5dp"
            android:background="@color/seperator" />

        <TextView
            android:id="@+id/txtContactFullName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip"
            android:ellipsize="end"
            android:maxLines="1"
            android:paddingRight="5dp"
            android:singleLine="true"
            android:textColor="@color/black"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/txtTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip"
            android:ellipsize="end"
            android:maxLines="1"
            android:paddingRight="5dp"
            android:singleLine="true"
            android:textColor="@color/black"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/txtCompany"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip"
            android:layout_marginTop="10dip"
            android:ellipsize="end"
            android:maxLines="1"
            android:paddingRight="5dp"
            android:singleLine="true"
            android:textColor="@color/black"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/txtPosition"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dip"
            android:layout_marginLeft="10dip"
            android:ellipsize="end"
            android:maxLines="1"
            android:paddingRight="5dp"
            android:singleLine="true"
            android:textColor="@color/black"
            android:textSize="14sp" />
    </LinearLayout>
</LinearLayout>

.....

我尝试以编程方式给ll_buttonContainer一个透明的背景。

llButtonContainer.setBackgroundColor(mContext.getResources().getColor(
    R.color.transparent_tr));

llButtonContainer.setBackgroundColor(Color.argb(0, 0, 0, 0));

我甚至尝试过

        android:background="null"        

没有任何作用。布局仍然可见,它获得除透明之外的任何颜色(红色,黄色,白色等)。它是如何工作的,由于Dialog如何工作,我是否无法给它透明的背景?

感谢您的帮助。

3 个答案:

答案 0 :(得分:8)

好的,我自己找到了答案。

我在StackOverFlow上找到了这一行,尝试了它并且它有效。 写这一行,

alertDialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));

之前

alertDialog.show();

希望这对某人有所帮助,你不会像我一样受苦。这很简单,但是如果你错过它会非常烦人。

答案 1 :(得分:3)

将此样式用于res / values / styles

使窗口透明

    <style name="Theme.Transparent" parent="android:Theme">#03afee
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:backgroundDimEnabled">false</item>
   </style>

将此应用于您的对话...

答案 2 :(得分:0)

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/RelativeLayout1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginTop="5dp"
       android:background="#00000000"
        android:orientation="vertical" >

        <RelativeLayout
            android:id="@+id/RelativeLayout2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"

            android:layout_alignParentTop="true"
            >

            <ImageView
                android:id="@+id/ad_view_image"
                android:layout_width="match_parent"
                android:layout_height="match_parent"

                android:layout_centerInParent="true" />

            <ImageView
                android:id="@+id/closeButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginTop="40dp"
                android:src="@android:drawable/ic_delete" />
        </RelativeLayout>
    </RelativeLayout>




in dialog 




final Dialog dialog = new Dialog(context);
                dialog.getWindow().requestFeature(Window.FEATURE_NO_TITLE);
                dialog.setContentView(R.layout.ad_view);
                dialog.setCancelable(false);
                dialog.getWindow().getAttributes().windowAnimations = R.style.DialogAnimation;
                dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
                dialog.show();
                ImageView closeBtn = ((ImageView) dialog.findViewById(R.id.closeButton));

                ImageView addView=((ImageView) dialog.findViewById(R.id.ad_view_image));
                addView.setImageBitmap(loadedImage);
                closeBtn.setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        dialog.dismiss();
                    }
                });
                addView.setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {
                    if(marketlink.startsWith("http")){
                    Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(marketlink));
                    mContext.startActivity(browserIntent);
                    dialog.dismiss();
                    }

                    }
                    });
            }