webview 透明

转载 2015年07月09日 15:21:39

原文地址:点击打开链接

最近使用了UIWebView,发现当如下设置时

  1. myWebView.backgroundColor = [UIColor clearColor];  
没有实现预期的透明效果

后来加上

  1. myWebView.opaque = NO;  
  2. myWebView.backgroundColor = [UIColor clearColor];  

OK!  webView 实现了透明


webview 加载html文本 

  1. -(void)addWebView  
  2. {  
  3.     UIWebView *webView = [[UIWebView alloc]initWithFrame:CGRectMake(10, 10, 300, 200)];  
  4.     webView.opaque = NO;  
  5.     [self.view addSubview:webView];  
  6.     webView.backgroundColor = [UIColor cleanColor];  
  7.     NSString *ring = @"<h3>请客劵是什么?</h3><p><span style=\"font-size: 14px; background-color: rgb(0, 176, 240);\">请客劵是网站推送的拉动用户注册的一种优惠措施!</span><br/></p><h3><span style=\"font-size: 14px; background-color: rgb(0, 176, 240);\"><span style=\"font-size: 14px; background-color: rgb(255, 255, 255);\">请客劵有什么类型?</span><br/></span></h3><p><span style=\"font-size: 14px; background-color: rgb(0, 176, 240);\"><span style=\"font-size: 14px; background-color: rgb(255, 255, 255);\"><em>请客劵分为www.ifood517.com<span style=\"font-size: 14px; background-color: rgb(255, 255, 255); color: rgb(0, 112, 192);\">限非会员<span style=\"font-size: 14px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\"><span style=\"font-size: 14px; background-color: rgb(255, 255, 255); color: rgb(0, 112, 192);\">会员之分<span style=\"font-size: 14px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\"></span></span></span></span></em><br/></span></span></p>";  
  8.     [webView loadHTMLString:ring baseURL:[NSURL fileURLWithPath: [[NSBundle mainBundle] bundlePath]]];  
  9.     webView.delegate = self;  
  10. }  


webview 长按 会出现一些选择项 如何禁用长按

  1. - (void)webViewDidFinishLoad:(UIWebView *)webView {  
  2.   
  3.    // 禁用用户选择  
  4.    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];  
  5.   
  6.    // 禁用长按弹出框  
  7.    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];  
  8. }  

____________________________________________  华丽丽的分割线  ____________________________________________


关于禁用长按webview后出现的功能项 最近有一个新的方法 

用手势替换  感觉也是不错的


  1. //添加手势 替换掉webView长按出现的功能选项  
  2.     UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:nil];  
  3.     longPress.delegate = self;  
  4.     longPress.minimumPressDuration = 0.4; //个人测试感觉0.4秒是最合适的时间  
  5.     [webView addGestureRecognizer:longPress];  


webView下拉会出现阴影(iOS7.0以下系统)  怎么办呢?

cmd + UIWebView    看看关于UIWebView的API 

  1. @property(nonatomic,readonly,retain) UIScrollView *scrollView NS_AVAILABLE_IOS(5_0);  


webview上其实是一个scrollview

  1. [webView subviews] objectAtIndex:0];  //  这样就可以找到它了   



然后 想避免出现下拉阴影   方法之一就是禁掉 scrollview的回弹

[(UIScrollView *)[[webView_ subviews] objectAtIndex:0] setBounces:NO];

方法之二

  1. for (UIView *subView in [webView_ subviews]) {  
  2.        if ([subView isKindOfClass:[UIScrollView class]]) {  
  3.            for (UIView *shadowView in [subView subviews]) {  
  4.                if ([shadowView isKindOfClass:[UIImageView class]]) {  
  5.                    shadowView.hidden = YES;  
  6.                }  
  7.            }  
  8.        }  
  9.    }  


ok  下班!



Android 系统状态栏沉浸式/透明化完整解决方案

前言 沉浸式全屏模式 隐藏status bar(状态栏)使屏幕全屏,让Activity接收所有的(整个屏幕的)触摸事件。透明化系统状态栏 透明化系统状态栏,使得布局侵入系统栏的后面,必须启用fit...
  • zhangli_
  • zhangli_
  • 2016年06月01日 16:11
  • 1857

【Android】WebView设置背景色

【Android】WebView设置背景色
  • mlj1668956679
  • mlj1668956679
  • 2016年06月27日 18:01
  • 7107

chromium 透明展示网页 之 surfaceview内容透明

chromimum要实现透明展示网页,首先,参看下blog: http://blog.csdn.net/u011882998/article/details/20056611,将surfaceview...
  • u011882998
  • u011882998
  • 2014年04月01日 13:46
  • 2257

cocos2dx背景透明处理

以最新的Cocos2d-x 3.2 release为例,介绍如何在Cocos2d-x中让程序背景透明。 一样,先上图。 修改的东西不多。主要有3步。 1.在Android...
  • zmzsoftware
  • zmzsoftware
  • 2015年02月04日 22:49
  • 3497

Android 沉寖状态栏与透明状态栏

Android7.0都已经正式发布了,现在再谈沉寖状态栏或者透明状态栏已经不是什么新鲜玩意了,IOS不用说,它们对于状态栏的支持比Android丰富而且规范的多,Android状态栏可以自定义颜色是从...
  • LM_ZP
  • LM_ZP
  • 2016年09月12日 16:07
  • 1110

android webview增强版,对原生webview的一些解决方案

MWebView根据 Tamicer/JsWebView 修改定制为什么要使用WebView随着app业务的不断深入发展,只靠着原生代码来堆砌功能是不现实,毕竟开发的时长会增加,而且同时需要开发iOS...
  • zhi137_zhi148_qwer
  • zhi137_zhi148_qwer
  • 2017年06月12日 16:19
  • 1414

mui底部导航-基于webview模式

自己最近在用MUI做app期间,首页想做一个基于webview模式的底部导航,在百度上找了一个例子,但是这个例子有一个问题,最后自己也抛弃了,换一个方式实现,原本mui提供了方案,但是最新版的已经不存...
  • qq_25302451
  • qq_25302451
  • 2017年12月19日 17:14
  • 121

WebView设置透明和设置背景图片的方法

1. WebView若要设置背景图,直接设置web .setBackgroundResource(R.drawable.yourImage)或者web .setBackgroundDrawable(y...
  • Vincent20111024
  • Vincent20111024
  • 2013年01月07日 19:24
  • 1461

android webview 设置背景透明色

android WebView 设置背景色为透明色 在网上找了 好多的方法都试过了 都不行  1.直接设置成background 为透明色 或者透明图片 (无效) android:back...
  • vpingchangxin
  • vpingchangxin
  • 2013年04月24日 10:12
  • 9144

C#WinForm中支持透明的TextBox控件

C#WinForm中支持透明的TextBox控件
  • azuredrop
  • azuredrop
  • 2015年06月27日 16:18
  • 3894
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webview 透明
举报原因:
原因补充:

(最多只允许输入30个字)