上边半透明的效果并且显示的是上一页的内容

项目介绍:首先上边显示的是透明的视图,透明度为0.8

这是一个vc 设置vc的view的背景颜色为clearcolor  上边是一个按钮,设置按钮的透明度为0.8 背景为黑色

下边是一个btn 用来做点击事件。

代码附上:

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor yellowColor];

    UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    [btn setTitle:@"点击打开透明页" forState:UIControlStateNormal];
    btn.backgroundColor = [UIColor  redColor];
    [btn addTarget:self action:@selector(btnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn];

}
-(void)btnClicked:(UIButton*)sender{
    NSLog(@"你点击了btn");

    //nextvc
    UIViewController *nextVC = [[UIViewController alloc]init];
    nextVC.view.backgroundColor = [UIColor clearColor];

    //设置上边的半透明的背景view
    UIButton *bgBtn = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 300)];
    bgBtn.backgroundColor = [UIColor  blackColor];
    //设置形态的方式
    if([[[UIDevice currentDevice] systemVersion] floatValue] >= 8.0){
        nextVC.modalPresentationStyle = UIModalPresentationOverCurrentContext;
    }else{
        nextVC.modalPresentationStyle = UIModalPresentationCurrentContext;
    }
    bgBtn.alpha = 0.8;
    //天机点击事件 用来验证可点击
    [bgBtn addTarget:self action:@selector(btnClicked2:) forControlEvents:UIControlEventTouchUpInside];
    [nextVC.view addSubview:bgBtn];

    //分享的按钮的设置
    UIButton *shareBtn = [[UIButton alloc]initWithFrame:CGRectMake(50, 350, 50, 50)];
    [nextVC.view addSubview:shareBtn];
    shareBtn.backgroundColor  = [UIColor purpleColor];
    [shareBtn setTitle:@"tittle1" forState:UIControlStateNormal];
    [shareBtn addTarget:self action:@selector(tittleClicked:) forControlEvents:UIControlEventTouchUpInside];

    [self presentViewController:nextVC animated:YES completion:nil];

}
-(void)tittleClicked:(UIButton *)sender
{
    NSLog(@"你点击了第一个tittle");
}
-(void)btnClicked2:(UIButton*)sender
{
    NSLog(@"点击的是next的bgBtn");
}
时间: 2024-11-06 01:18:55

上边半透明的效果并且显示的是上一页的内容的相关文章

Android中半透明Activity效果另法

Android中的Activity有没有类似于像Windows程序样的窗口式显示呢? 答案当然是有. 下图就是一个窗口式Activity的效果图: 下面就说说实现过程: 首先看看AndroidManifest.xml 1: <?xml version="1.0" encoding="utf-8"?> 2: <manifest xmlns:android="http://schemas.android.com/apk/res/android

实现Android半透明Menu效果的开发实例

不知道大家是否用过天天动听,对于它界面上的半透明Menu效果,笔者感觉非常漂亮.下面是天天动听半透明Menu的截图,欣赏下吧: 感觉还不错吧?那么如何实现这种半透明Menu效果呢?本文就重点讨论并给出这种Menu的具体代码实现过程. 首先分析下实现这种半透明Menu所需做的工作,并进行合理分解: 1.  利用Shaper设置一个半透明圆角背景. 2.  定义Menu布局,主要就GridView,把图标都放在这个GridView. 3.  Menu事件, 通过PopupWindow或者AlertD

CSS实现文字半透明显示在图片上方法

CSS实现文字半透明显示在图片上方法 在css中文字半透明我们会需要使用滤镜效果也就是css中的filter:alpha来实现了,下面来看两个文字显示在图片上并且半透明的例子. CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色. 代码预览 代码如下 复制代码 <head> <meta http-equiv="Content-Type" content="text/html; charse

jQuery hover事件鼠标滑过图片半透明标题文字滑动显示隐藏

1.效果及功能说明 hover事件制作产品图片鼠标滑过图片半透明,标题文字从左到右滑动动画移动显示隐藏 2.实现原理 首先把效果都隐藏,然后定义一个伪类来触发所有的效果,接下来当触发伪类后会有一个遍历停止所有的效果,从新触发效果就是标题的从左边淡出和背景颜色的变化,当鼠标离开图片后触发一个遍历,停止所有动画标题回到原处不见,背景颜色变回原样 主要的方法 $(".section  ul li").hover(function() //伪类的触发 $(this).find(".r

[开发笔记]-实现winform半透明毛玻璃效果

亲测win7下可用,win8下由于系统不支持Aero效果,所以效果不是半透明的. 代码: 博客园插入不了代码了..... public partial class Form1 : Form { int en; public struct MARGINS { public int m_Left; public int m_Right; public int m_Top; public int m_Buttom; }; [DllImport("dwmapi.dll")] private s

Cocos2D v3.4.9粒子效果不能显示的原因分析及解决办法

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 在游戏App中为了衬托气氛我们往往使用一些特殊的图形效果,粒子效果无疑是其中最为常用,也最为方便的一种. 正常使用下,粒子效果的确很稳定,但是本猫最近在RPG游戏里却遇到了粒子效果不能显示的问题,调试着实花了一些功夫.现将问题现象,分析以及解决方法记录下来和大家一起分享,也便于以后回忆查找. 问题现象很简单,就是粒子效果不显示-但也不是所有粒子效果都不显示,只

为图片添加半透明遮罩效果

平时为图片添加半透明遮罩效果,我的做法如下:利用标签i实现背景半透明遮罩 <p class="opacity-black-position"><a href="#"><img src="images/4601.jpg" alt=""><i></i></a></p> 为html结构添加如下css样式: /* 利用标签i实现背景半透明遮罩, 兼容性

jquery轻量级鼠标悬停半透明遮罩效果,一看就懂哦

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery打造鼠标悬停图片时的半透明遮罩效果</title><style>*{margin:0;padding:0;}li{list-style:none;}.box{width:800px;height:400px;margin:50px auto;overflow:hidden;}.box ul li{widt

CSS让文字半透明显示在图片上

<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>文字显示在图片上</title><style type="text/css">*{border:none;text-decoration:none}.wrap{margin:8px;position:relative}.ph