仿京东淘宝等首页广告弹窗广告 dialog

记录贴防止以后忘记.

上图

1.dialog布局图片随便找的

<?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="match_parent"><TextViewandroid:id="@+id/img"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@mipmap/d"android:layout_centerHorizontal="true"android:layout_centerVertical="true"/></RelativeLayout>

2.style

    <!-- dialog动画 --><style name="style_dialog"><item name="android:windowEnterAnimation">@anim/anim_popup_zoom_enter</item><item name="android:windowExitAnimation">@anim/anim_popup_zoom_exit</item></style>

3.俩个动画一进一出

(1) anim_popup_zoom_enter.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><scaleandroid:duration="500"android:fromXScale="0.8"android:fromYScale="0.8"android:pivotX="50%"android:pivotY="50%"android:toXScale="1.0"android:toYScale="1.0" /><alphaandroid:duration="500"android:fromAlpha="0"android:toAlpha="1.0" />
</set>

(2) anim_popup_zoom_exit.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><scaleandroid:duration="300"android:fromXScale="1.0"android:fromYScale="1.0"android:pivotX="50%"android:pivotY="50%"android:toXScale="0.8"android:toYScale="0.8" /><alphaandroid:duration="300"android:fromAlpha="1.0"android:toAlpha="0" />
</set>

4.主体代码

/*** Created by lpq on 2017/7/18.* 仿京东淘宝首页广告*/public class AdsDialog  extends Dialog implements View.OnClickListener {private TextView tv_img;public AdsDialog(@NonNull Context context) {super(context);setContentView(R.layout.dialog_ads);setCanceledOnTouchOutside(true);tv_img = (TextView) findViewById(R.id.img);tv_img.setOnClickListener(this);}public void showDialog() {Window window = getWindow();window.setWindowAnimations(R.style.style_dialog);window.setBackgroundDrawableResource(R.color.colorTransparent);WindowManager.LayoutParams wl = window.getAttributes();//设置弹窗位置wl.gravity = Gravity.CENTER;window.setAttributes(wl);show();}@Overridepublic void onClick(View v) {if (v.getId() == R.id.img) {
//            closeAnimations();dismiss();}}}

5.调用

(1) kotlin

class TestActivity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_test)val dialog = AdsDialog(this)test_tv.setOnClickListener(object : NoDoubleListener() {override fun onNoDoubleClick(v: View) {dialog.showDialog()}})}
}

(2) 一般调用

public class DemoActivity extends AppCompatActivity {private AdsDialog dialog;private  TextView tv;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_test);tv = (TextView) findViewById(R.id.tv_btn);dialog = new AdsDialog(this);tv.setOnClickListener(new NoDoubleListener() {@Overrideprotected void onNoDoubleClick(View v) {dialog.showDialog();}});}
}

仿京东淘宝等首页广告弹窗广告 dialog相关推荐

JQuery仿最新淘宝网首页带箭头幻灯片,JQuery轮播图
JQuery代码 <script type="text/javascript"> $(function() { var $banner = $('.banner'); ...
菜鸟窝-仿京东淘宝项目学习笔记（二）ToolBar的基本使用
本篇知识点均来自于菜鸟窝-仿京东淘宝实战项目视频中今天继续仿京东淘宝项目的学习,第二天,学习ToolBar的基本使用,本篇记录视频中一些重要的笔记笔记一:ToolBar的一些重要属性 xml st ...
微信小程序仿京东淘宝商品排序
微信小程序仿京东淘宝商品排序效果图如下所示仿京东微信小程序视频请加QQ:1010753897 下载地址:https://download.csdn.net/download/qq_43764578 ...
Android 仿京东淘宝商品详情页商品图片效果
最近重构商品,产品要求,按照淘宝京东来.... 成品如图这个效果思路就是监听外边ScrollView的滑动监听,然后给上边图片设置margin,二话不说上代码简单的界面布局 <?xml ve ...
Android 仿京东淘宝拼多多的商品分类，双列表联动，RecyclerView嵌套
淘宝京东的相对简单很多,两个RecyclerView就可实现了. 现在要做的是右边滑动的时候左边跟着联动,如下图: 思路:左右肯定都是RecyclerView了,至于中间的图片嘛当然也是Recycle ...
Android 仿京东淘宝多规格选择
上图直接点,下次在修改理论,因为要下班了这是淘宝的规格选择,我随便选择了一个,将就着看吧然后再来看看我的效果这个我是在CSDN上看的一篇文章我把地址贴出来这是原文地址我是在他的基础改的我做了 ...
仿京东淘宝放大镜特效 jqzoom.js
效果图如下: HTML 文本源码: 1 <!DOCTYPE html> 2 <htmllang="en"> 3 <head> 4 <met ...
JQ或JS仿京东淘宝属性规格SKU样式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
安卓高仿京东淘宝的筛选功能，全网最简单方便
最近需要实现一个筛选的功能.但是在网上找了半天都写得特别乱,要不就是收费,今天做一个.实现效果图如下. 点击按钮直接弹出.可以放在任何控件下面.下面是使用代码: 首先需要添加依赖: 在build.gr ...

仿京东淘宝等首页广告弹窗广告 dialog

仿京东淘宝等首页广告弹窗广告 dialog相关推荐

最新文章

热门文章