iOS AlertController背景的默认不透明度是0.8。
既然有透明的导航栏也有不透明的导航栏,那一定会在界面切换之间存在一个过渡的过程,而这个过程,QQ做的特别好,在从透明导航栏界面返回到不透明导航栏界面时,导航栏的透明度是一个渐进的过渡效果,甚至会有一种毛玻璃的效果...设置导航栏背景透明度 导航栏上应该是有很多view的,我们要做的是只让背景透明,而保留标题、返回按钮。iOS没有直接给我们提供对于导航栏背景view的访问途径,那么我们只能自己来找了。...QQ一样从完全透明到不透明之间有一个随着滑动手势变化的透明度渐变效果,这样是最好的转场效果了。...: 有一个参数就是界面滑动过程的百分比,那么我们获取上一个界面的导航栏透明度、下一个界面的导航栏透明度、以及滑动的进度,通过很简单的数学计算就可以得出当前进度应该对应的透明度是多少了,这里也可以看出我们给...:传送门:iOS基础动画教程),在自动操作的那个时间内将透明度变为对应界面的导航栏透明度,让其变化的不那么跳跃: #pragma mark - UINavigationController Delegate
透明度叠加算法 设有两张图A,B,A在B的上面,B的不透明度为255(0表示全透明,255表示不透明),A的不透明度为alpha,则实际看到的像素值为 灰度图算法 设白图在点(i,j)处像素值为G’,...所以对于白图,把它的不透明度设置为255 - G,对于黑图,把它的不透明度设置为G,就能做到在白色背景下能看到白图,在黑色背景下能看到黑图的效果。...原来之前的灰度图中,使用灰色像素来显示白图,在白色背景下通过不透明度让灰色像素显示,而在黑色背景下,灰色像素有颜色优势,无论不透明度是多少都不影响它在黑色背景下隐藏。...但是彩色像素就不一样了,如果不透明度太大,会导致它在黑色背景下无法隐藏,最终出现两个图显示在一起的效果。...据我所知,目前最新版QQ的默认背景不是纯白,因此直接使用我的源文件可能会出现显示异常,你可以对我的源文件进行修改,使之能够适应最新版QQ背景颜色。
例如,在浅色模式下,用RGB色(255.255.255)100%的不透明度来作为背景颜色,那么在深色模式会使用RGB色(255.255.255)100%的不透明作为背景颜色。...同样的,iOS 13也提供了三种默认的背景色供我们选择,包含系统背景,二级和三级背景。设计师可以在三种层级颜色中搭配来表达更好的层次效果。 ? 苹果还给我们准备了一套更适合列表区域的颜色组合效果。...此时我们可以根据情况使用不透明的纯色代替。比如下面两张图片: ? ? iOS 13系统引入了六种不透明的灰色,你可以在上述半透明效果不佳的极少数情况下使用它们。...例如,交叉或重叠元素(例如网格中的线条或条形)在不透明度方面看起来更好。 通常,为UI元素使用语义定义的系统颜色。上下两图分别为默认颜色和无障碍颜色: ? ?...如果您必须在暗模式下使用白色背景作为内容,请选择稍暗的白色,以防止背景对周围的暗色内容太刺眼。比如可以为白色背景加一些透明度,这样舒适性更好。
重要参考链接: iOS 8中使用UIAlertController http://www.cocoachina.com/ios/20141126/10320.html iOS 8的新特性之一就是让接口更有适应性...的默认样式 swift版本和Objective-C版本不同,在swift中,alertView的初始化只允许创建拥有一个取消按钮的对话框视图。...@"这个是UIAlertController的默认样式" preferredStyle: UIAlertControllerStyleAlert]; swift版本: var alertController...类同样也是在iOS 8中新出现的类,用来替换UIPopoverController的。...原先的UIAlertView和UIActionSheet类仍然可以在iOS 8中工作得很好,所以没有必要急于更换代码(要知道本文用到的许多函数尽在iOS 8中支持)。
如果你想要让一个物体在屏幕上移动,你只需要操纵它的位置。将一个向屏幕的下方移动意味着你在增加其Y坐标,因为(X:0, Y:0)在iOS app中表示屏幕的左上角。...将一个界面元素从100%不透明改成透明一些意味着你在调整它的透明度,或者alpha值。动画改编一个物体的透明度可能是最常见的属性,这可以在与背景混合到100%不透明地显露在前端之间做一个很好的过渡。...一般你会看到透明度动画和其他属性的动画同时出现,比如说,将一些东西从屏幕底部移动到屏幕上(位置),同时将其透明度从0.0(透明)动画变成1.0(不透明)。 比例。...如果你想要让一个物体变大或变小(一次变化两个方向来保持其比例,或一次只变化一个方向),有一个简单的属性可以调整,那就是物体的比例。想要创建一个看起来和iOS 7的警告框视图一样的模态警告框么?...查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS 查看作者首页
WKWebView的使用 前言 最近项目中的UIWebView被替换为了WKWebView,因此来总结一下WKWebView的使用。...preference.minimumFontSize = 0; //设置是否支持javaScript 默认是支持的 preference.javaScriptEnabled...= YES; // 在iOS上默认为NO,表示是否允许不经过用户交互由javaScript自动打开窗口 preference.javaScriptCanOpenWindowsAutomatically...信息中应用程序名称 iOS9后可用 config.applicationNameForUserAgent = @"ChinaDailyForiPad"; //自定义的WKScriptMessageHandler...:jsString completionHandler:^(id _Nullable data, NSError * _Nullable error) { NSLog(@"改变HTML的背景色
03 系统背景色 根据准则,iOS的背景始终具有#000000的纯黑色。Google 则更喜欢深灰色,值为#121212。 ? 苹果将此背景称为“ 系统背景”。...填充色具有一定的透明度,而灰色则完全不透明。因此,理想情况下,您可以只使用填充色或灰色,也可以混合使用。显然你可以根据需要选择自己的自定义灰色。 这里有一个很小的例子,说明如何在用户界面中使用它们。...06 分隔线颜色 iOS规范为我们提供了分隔线的2种变体。一个是不透明的,另一个是透明的。 ? 你随意使用它们之一。最好使用不透明的分隔线。但是没有硬性规定。 ?...有时很难在两种模式下都选择通过对比度测试的相同颜色。因此,您可以为两种模式选择2种不同的颜色。 10 材质(Material) 如果任何元素同时具有透明度和“背景模糊”效果,则它将成为材质。...由于透明度值非常高(94%),您可能看不到条形内容的模糊。但这会产生非常微妙的效果。 那么,这些元素必须是材质吗?我可以使它们完全不透明,且不透明度为100%吗? 当然,让我们看一个例子。 ?
Android UI 切图命名规范、标注规范及单位描述 很多UI设计师做APP切图都会有两套,一套是Android的,一套是IOS的。IOS我这边暂不作讲解,因为我本人也不是开发IOS。...默认状态 btn_cancel_normal (取消按钮默认状态时) pressed 按下状态 btn_cancel_pressed (取消按钮按下状态时) focused 获得焦点 btn_cancel_focused...bg_banner_green_tra30 (banner中绿色背景指定30%透明) level 层次、水平 img_status_level60 (状态为60的时候) bg 用于后缀背景 当不在前缀命名时...绿色开始下载按钮默认状态 img_setting_bg 设置页面全背景 ic_menu_save_gray_normal 菜单中灰色保存按钮默认状态 img_notify_wlan_level20 状态栏中...透明度计算: FF 代表不透明,7F代表半透明,00代表不透明注意事项 不使用特殊符号开头: 如 — _ @ 等 不使用阿拉伯数字开头 不在任何位置使用特殊符号包括中文符号和中划线 命名分隔符统一为下划线
仿制一个iOS AlertView 重现一个熟悉的界面元素是一个很好的熟悉动画开发的方式。首先,让我们创建我们自己的标准iOS警告视图。这是内置的警告视图的样子。...屏幕随着渐入的一层半透明灰覆盖变暗。 警告框从完全透明以及比1.0倍大的大小开始,并动画至100%不透明和1.0倍大小。 消失的时候,它会淡出为完全透明并且比例会动画减小到比1.0要小。...阴暗的覆盖层淡出并消失。 在我们进入详细的代码之前,让我们看看我们要完成的警告框是什么样子的。 首先让我们创建一个简单的有白色背景的应用窗口。...如果我们现在立马运行它,它只会在模拟器中(或者你的手机,如果连接了的话)运行一个空的、白色的应用屏幕。现在来创建我们的覆盖层,将其添加到屏幕上,并将透明度设为0.0,因为我们现在不想显示它。...这意味着它会被放置在窗口的左上角,并且其宽和高会匹配窗口,从而覆盖所有的内容。为了显示我现在有的内容,如果我提高覆盖层的不透明度,这就是看起来的样子。
iOS 过度绘制测试 在Xcode 9之前的版本可以直接使用使用Instruments 中CoreAnimation来测试,Color Blended Layer 用来检测哪里发生了图层混合,并用红色标记出来...如何优化过度绘制 移除布局中不需要的背景 默认情况下,布局没有背景,这表示布局本身不会直接渲染任何内容。但是,当布局具有背景时,其有可能会导致过度绘制。 移除不必要的背景可以快速提高渲染性能。...但是,这样做会导致过度绘制,从而降低性能,特别是在每个堆叠视图对象都是不透明的情况下,这需要将可见和不可见的像素都绘制到屏幕上。...降低透明度 在屏幕上渲染透明像素,即所谓的透明度渲染,是导致过度绘制的重要因素。...在普通的过度绘制中,系统会在已绘制的现有像素上绘制不透明的像素,从而将其完全遮盖,与此不同的是,透明对象需要先绘制现有的像素,以便达到正确的混合效果。
这两天项目中统一对已经被iOS API废弃的UIAlertView和UIActionSheet进行替换,我们知道,UIAlertView和UIActionSheet都已经被iOS的API所废弃了。...UIAlertController是在iOS8.0中出现的一种统一的提示风格的界面,代替原来的UIAlertView和UIActionSheet两种类别。...iOS中学习一个新知识最简单便捷的两种方法,一是看官网API,二是看应用示例代码。下面,我们也从这两个方面来学习一下UIAlertController。...typedef NS_ENUM(NSInteger, UIAlertActionStyle) { UIAlertActionStyleDefault = 0, //常规类型,默认蓝色字体...UIAlertActionStyleCancel, //取消类型,默认蓝色字体 UIAlertActionStyleDestructive //销毁类型,默认红色字体,表示可能是要删除信息
参数UIControlStateNormal意味着这个图标会在常规、默认状态下为显示按钮的图片。...默认情况下,当一个UIButton被点击时,iOS会自动暗化图片。 最后,我让按钮可被点击并且会调用我定义的一个方法。...} else { self.mapShowing = YES; // 当地图不可见时要运行的代码 } 让我们从else的情况开始,此时地图未显示,我们需要进行不透明度的动画。...我们需要做的是淡出主app背景一点点然后淡入地图。主app背景的淡出速度会比地图的淡入速度慢一点点,这样地图会更显眼。...当然,调整主app界面和地图的不透明度并没有准确地完成我们的动画,因为我们还需要动画地图的比例和位置,这样它才能够到达它最终的位置和尺寸。对于主app界面,我们只会稍微动画其比例。
这种报错的基准色,是基于默认主题(浅色主题)下的报错颜色 (#B00020),在叠加了 40% 不透明度的纯白图层之后所构成的,它符合 AA 对比度标准。...在深色背景上的浅色文本 当浅色文本出现在深色背景上的时候(这里是白色文本置于黑色背景之上),它应该遵循下面的不透明度设置规则: 最重要的内容,白色文本不透明度设置为87% 中等重要的内容,白色文本的不透明度为...60% 被禁用的文本内容,白色文本的不透明度为38% ?...禁用状态 所有的被禁用的组件,都使用不透明度为 12% 的白色用来呈现外轮廓和填充色,并使用不透明度为 38% 的白色来显示文本和表层的内容。 ?...轮廓容器:不透明度为12%的白色 标签/图标:不透明度为38%的白色 色彩填充容器:不透明度为12%的白色 相关资源 Sticker sheet 是和 Sketch for Android 这套组件一起使用的
opacity:不透明度,介于 0 到 1 之间。0 表示完全透明,1表示完全不透明。 blendMode:混合模式,表示当前节点和其下的图层以何种形式混合。...cornerRadius:圆角半径; cornerSmoothing:平滑圆角程度,比如 60% 对应 iOS 图标的平滑程度; horizontalConstraint / verticalConstraint...strokeCap:描边路径两端的样式,默认为 NONE,除了经典的 SQUARE、ROUND,还有特殊的 LINE_ARROW、CIRCLE_FILLED 等值,可以产生箭头或其他特殊样式。...有这几种效果: DROP_SHADOW:外阴影; INNER_SHADOW:内阴影; BACKGROUND_BLUR:背景模糊,该图层下的背景会被模糊掉,类似毛玻璃效果,通常这个图形要设置透明度; FOREGROUND_BLUR...默认是 ALPHA (基于透明度),此外还有 VECTOR(基于图形轮廓线)、LUMINANCE(基于明度); 结尾 还有不少特定图形才有的属性,比如文本对象特有的 fontSize,并不在本文的讨论范围内
刚开始接触开关样式的按钮是在IOS系统上面,它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮,就是只有2个状态:on和off,下图就是系统IOS 7上开关按钮效果。...,默认是未选中的 android:button="@drawable/toggle_btn" 表示:button样式 android:background="@android:color/transparent..." 表示:背景,这里不用它的默认背景,所以设置为透明 之后在主程序中实例化,并设置checked点击监听 ToggleButton mTogBtn = (ToggleButton) findViewById...你可以进行如下操作(在学习别的人代码中得到的提示,学以致用): 先初始化透明度:255为不透明 [java] view plaincopy /** 最大透明度,就是不透明 */ private final...2个属性alpha就是透明度,之后便可以实现相应的效果。
刚开始接触开关样式的按钮是在IOS系统上面,它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮,就是只有2个状态:on和off,下图就是系统IOS 7上开关按钮效果。...,默认是未选中的 android:button="@drawable/toggle_btn" 表示:button样式 android:background="@android:color/transparent..." 表示:背景,这里不用它的默认背景,所以设置为透明 之后在主程序中实例化,并设置checked点击监听 ToggleButton mTogBtn = (ToggleButton) findViewById...你可以进行如下操作(在学习别的人代码中得到的提示,学以致用): 先初始化透明度:255为不透明 /** 最大透明度,就是不透明 */ private final int MAX_ALPHA = 255...2个属性alpha就是透明度,之后便可以实现相应的效果。
鉴于这种玻璃一样的外观,我觉得这种风格最好叫做玻璃拟态(GLASSMORPHISM)。 ? 玻璃拟态 历史 模糊背景最早是iOS 7在2013年广泛引入的。...iOS 7是这种风格的鼻祖 快速删除通知成为一件有趣的事,因为你可以清楚地看到(在缓慢执行时)图标在新面板下如何淡出和模糊。...如何实现玻璃拟态(Glassmorphism):离屏幕越远透明度越低,越近透明度越高 这种效果的基础是把阴影、透明度和模糊背景结合到一起。...玻璃拟态教程 比方说上面的这个例子,左右的背景模糊都是8,但是图像看上去完全不一样。当填充不透明度为100%时,对象的不透明度再低也没有作用。根本得不到所需的模糊背景。...玻璃拟态背景 这可能就是苹果选择彩色背景作为Mac OS Big Sur默认壁纸的原因。当模糊的透明表面位于顶部时,那些容易辨别的色调差异也很容易看得见。
"acrylicOpacity": 0.7, //背景毛玻璃不透明度 "useAcrylic": true, //背景使用毛玻璃效果...请自行更改 "backgroundImageOpacity": 0.8, //背景图片透明度 "backgroundImageStretchMode..."acrylicOpacity": 0.7, //背景毛玻璃不透明度 "useAcrylic": true, //背景使用毛玻璃效果..."acrylicOpacity": 0.5, //背景毛玻璃不透明度 "useAcrylic": true //背景使用毛玻璃效果.../背景图片 //"backgroundImageOpacity": 0.5 //背景图片透明度 },
1、什么是Image组件 这里的Image并不是iOS中的UIImage,而相当于UIImageView组件。...2.2 APP项目加载资源(iOS 是放在Asset里) 还是先看下目录文件: ?...这是因为图片大小已经超过了我们指定宽高的相框,然而相片默认属性并不是自适应。那我们应该调节resizeMode属性来达到想要的内容。 cover模式只求在显示比例不失真的情况下填充整个显示区域。...3.2 样式风格属性 FlexBox 支持弹性盒子风格 Transforms 支持属性动画 backgroundColor 背景颜色 borderColor 边框颜色 borderWidth...边框宽度 borderRadius 边框圆角 overflow 设置图片尺寸超过容器可以设置显示或者隐藏('visible','hidden') tintColor 颜色设置 opacity 设置不透明度
为了警告框的显示,如我之前所说,我们想要覆盖层从完全透明(不可见)变成半透明。我们还想要添加两个动画到警告框中:将不透明度从0.0动画到1.0,以及将比例从大于1.0动画到1.0。...这就是iOS 7的警告框做的事情,所以我们要模仿它。...首先让我们处理两个不透明度的动画(覆盖层和警告框视图),因为不透明度动画一般不需要任何高级的弹簧动作,让我们使用一些简单的基于block的UIView动画。...overlayView.alpha = 0.3f; alertView.alpha = 1.0f; } completion:NULL]; 我们同时在一个block中动画覆盖层和警告框视图的不透明度...这次我确实想用一个更加高级的弹簧动作来让进入比起上面例子中基于block的简单的淡入动画更有趣。在标准iOS警告款视图中,苹果公司没有弹动警告框,而是使用了一个缓慢衰减的动画来慢慢到达最终值。
领取专属 10元无门槛券
手把手带您无忧上云