自定义Dialog--显示图片及右上角悬浮关闭

   像唯平会,什么值得买,京东,在推送主界面的广告时,展示大概是这个样子的:

自定义Dialog--显示图片及右上角悬浮关闭_第1张图片


其实这个广告展示是Dialog做的,自定义一个布局set到dialog中,添加相应的逻辑。那我们现在开始一步一步做:

1,准备布局文件,布局文件就是两个ImageView,一个展示广告,一个展示关闭

image_dialog_layout 



  

    


自定义Dialog的源码:

package com.example.administrator.customdialog;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

/**
 * Created by dhl on 2017/2/21.
 * 一个展示弹广告图片的Dialog
 */

public class CustomImageDialog extends Dialog {



    private ImageView imageView ;
    public CustomImageDialog(Context context) {
        //super(context);
        super(context, R.style.Translucent_NoTitle);

    }

    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);

        setContentView(R.layout.image_dialog_layout);
        imageView = (ImageView)findViewById(R.id.image_delete);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                CustomImageDialog.this.dismiss();
            }
        });
        setCanceledOnTouchOutside(false);

    }

}

这里用到一个style:

 

用法:
 CustomImageDialog customImageDialog = new CustomImageDialog(MainActivity.this);
                customImageDialog.show();

OK,这样就能展示了,如下图:

自定义Dialog--显示图片及右上角悬浮关闭_第2张图片

效果还不错吧,下面提供上面中间的图和关闭叉号:

自定义Dialog--显示图片及右上角悬浮关闭_第3张图片


自定义Dialog--显示图片及右上角悬浮关闭_第4张图片

OK,一个展示广告的弹出窗口就此完成。

你可能感兴趣的:(Android,自定义View)