自定义Dialog--显示图片及右上角悬浮关闭
2017-02-24 10:33
399 查看
像唯平会,什么值得买,京东,在推送主界面的广告时,展示大概是这个样子的:
其实这个广告展示是Dialog做的,自定义一个布局set到dialog中,添加相应的逻辑。那我们现在开始一步一步做:
1,准备布局文件,布局文件就是两个ImageView,一个展示广告,一个展示关闭image_dialog_layout
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="180dp"
android:layout_height="150dp"
>
<ImageView
android:id="@+id/image"
android:layout_width="180dp"
android:layout_height="150dp"
android:scaleType="centerCrop"
android:layout_margin="10dp"
android:src="@mipmap/image"
/>
<ImageView
android:id="@+id/image_delete"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:src="@mipmap/delete"
/>
</RelativeLayout>
自定义Dialog的源码:
这里用到一个style:
<style name="Translucent_NoTitle" parent="android:style/Theme.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:background">#00000000</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:colorBackgroundCacheHint">@null</item>
<item name="android:windowIsTranslucent">true</item>
</style>
用法:
OK,这样就能展示了,如下图:
效果还不错吧,下面提供上面中间的图和关闭叉号:
OK,一个展示广告的弹出窗口就此完成。
其实这个广告展示是Dialog做的,自定义一个布局set到dialog中,添加相应的逻辑。那我们现在开始一步一步做:
1,准备布局文件,布局文件就是两个ImageView,一个展示广告,一个展示关闭image_dialog_layout
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="180dp"
android:layout_height="150dp"
>
<ImageView
android:id="@+id/image"
android:layout_width="180dp"
android:layout_height="150dp"
android:scaleType="centerCrop"
android:layout_margin="10dp"
android:src="@mipmap/image"
/>
<ImageView
android:id="@+id/image_delete"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:src="@mipmap/delete"
/>
</RelativeLayout>
自定义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:
<style name="Translucent_NoTitle" parent="android:style/Theme.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:background">#00000000</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:colorBackgroundCacheHint">@null</item>
<item name="android:windowIsTranslucent">true</item>
</style>
用法:
CustomImageDialog customImageDialog = new CustomImageDialog(MainActivity.this); customImageDialog.show();
OK,这样就能展示了,如下图:
效果还不错吧,下面提供上面中间的图和关闭叉号:
OK,一个展示广告的弹出窗口就此完成。
相关文章推荐
- 自定义dialog,实现右上角显示一个控件按钮
- Android自定义弹窗——右上角悬浮关闭
- Dynamics CRM 自定义上传附件的图片悬浮层显示
- Dynamics CRM 自定义上传附件的图片悬浮层显示
- 自定义布局Dialog 自定义dialog右上角带叉号的dialog 点击右上角叉号关闭dialog
- 自定义dialog包含一个显示图片的listview
- Dynamics CRM 自定义上传附件的图片悬浮层显示
- jQueryUI modal dialog does not show close button (x) JQueryUI和BootStrap混用时候,右上角关闭按钮显示不出图标的解决办法
- Dynamics CRM 自定义上传附件的图片悬浮层显示
- Android 自定义dialog,实现右上角显示一个控件按钮
- 自定义dialog包含一个显示图片的listview
- 自定义Gallery 滑动中图片自动突出显示
- 自定义dialog显示问题
- 自定义view——实现换行显示图片
- C# 自定义OpenFileDialog屏蔽一些功能,缩略图显示文件夹,文件等等
- android 自定义Dialog背景透明及显示位置设置
- 无标题Dialog的拖动 一般用于自定义图片的DLG
- Jquery Js ExtJs 弹出带图层的自定义图片显示
- 自定义一个可以自动循环显示图片的Demo
- TextView显示Html类解析的网页和图片及自定义标签