Cordova实现页面带水印的效果

作者: 黑n大 | 来源:发表于2018-04-11 14:47 被阅读147次

最近项目中需要一些实现一些需求,在cordova里面实现一个页面带水印的效果,按理说这种效果,其实在html中实现更好,可是项目就要让我在andorid端实现这样的效果,无奈硬着头皮上了,看了cordovaActivity的源码后,发现其实要重写两个方法,就可以实现这种效果

我们需要重写cordovaActivity 的    

makeWebView()  createViews()这两个方法。代码如下

public class WaterActivity extends CordovaActivity{

SystemWebView web;

@Override

public void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

//获取andorid的content 我们的根布局

ViewGroup rootView=(ViewGroup)findViewById(android.R.id.content);

//加载我们的水印布局

View view=LayoutInflater.from(this).inflate(R.layout.activity_demo, null);

//添加到我们的根布局

rootView.addView(view, 0);

//创建cordova的webview

web=new SystemWebView(this);

web.setBackgroundColor(Color.TRANSPARENT);

web.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));

//添加到我们的根布局中

rootView.addView(web,0);

super.init();

loadUrl("file:///android_asset/www/index.html");

}

@Override

protected CordovaWebView makeWebView() {

// TODO Auto-generated method stub

return new CordovaWebViewImpl(new SystemWebViewEngine(web));

}

@Override

protected void createViews() {

// TODO Auto-generated method stub

if (preferences.contains("BackgroundColor")) {

            try {

                int backgroundColor = preferences.getInteger("BackgroundColor", Color.BLACK);

                // Background of activity:

                appView.getView().setBackgroundColor(backgroundColor);

            }

            catch (NumberFormatException e){

                e.printStackTrace();

            }

        }

        appView.getView().requestFocusFromTouch();

}

}

相关文章

  • Cordova实现页面带水印的效果

    最近项目中需要一些实现一些需求,在cordova里面实现一个页面带水印的效果,按理说这种效果,其实在html中实现...

  • PS系统页面水印解决方案

    目的 实现PS系统页面水印的需求,提升系统的信息保密性。 实现原理 通过canvas绘制水印,将水印作为蒙层覆盖页...

  • Canvas<水印效果>

    本篇文章介绍的是如何实现 图片水印和页面水印 效果,想了解通过创建 html标签 实现的话,可参考 此篇文章 ~~...

  • vue svg 生成水印,MutationObserver防止水

    一、要实现的水印效果 二、使用svg 绘制 三、使用 MutationObserver 防止水印被删除 在moun...

  • JS实现水印效果

    实现代码如下 实现效果如下 欢迎打赏!感谢 本团队长期承接企业官网开发、电脑端和手机端的网页制作,团队有多年开发经...

  • js实现水印效果

    首先预览一下成品效果 接下来 贴代码 直接cv大法即可使用 所加位置 (根据自己项目实际需求来) 完

  • Vue<简单设置页面水印效果>

    效果图: ?此处只是简单的实现了水印效果,具体的可根据自身需求加以延伸和修改 参数设置:水印数量 = 列数 * ...

  • 开工啦!批量向PDF文件添加中文水印...

    可以通过设置批量PDF文件所在的路径及需要添加的水印名称可以实现批量添加PDF水印的效果。 实现思路是这样的,通过...

  • 自定义水印 Drawable WaterMarkDrawabl

    偶然想到BimapShader 用法,发现实现水印功能,是分分钟的。所以不到十分钟,实现了,效果还不错。 啥是水印...

  • Android给图片加文字和图片水印

    先看效果图,左侧是原图,中间是添加文字水印,右侧是添加图片水印。 实现方法: 1、载入原始图片2、载入水印图片3、...

网友评论

    本文标题:Cordova实现页面带水印的效果

    本文链接:https://www.haomeiwen.com/subject/iknahftx.html