Core Graphic iPhone的透明(alpha)渐变 - 腾讯云开发者社区

登录页问题：如果中间部分有个底层白色透明容器。在对该容器设置alpha="0.8"后，问题出来了，容器内的控件都被透明了，但是登陆按钮规定是不能透明的。...解决方案： //在Java代码里设置白色容器透明。 findViewById(R.id.login_whitebg)).getBackground().mutate().setAlpha(204);

5334 0

设置图片的透明度从左到右渐变

一、设置图片的透明度从左到右渐变 /** * 设置图片的透明度从左到右渐变，使右边缘平滑过渡（注意只跟着x坐标变） * * @param num 范围为0-100,0为全透明...Bitmap.Config.ARGB_8888); } catch (Throwable e) { return sourceImg; } } 二、设置图片的透明度从上到下渐变.../** * 设置图片的透明度从上到下渐变，使下边缘平滑过渡（注意只跟着Y坐标变） * * @param sourceImg * @return */...alpha = number * 255 / 100; //图片渐变的范围（只设置图片一半范围由上到下渐变，上面不渐变，即接近边缘的那一半） float range =...sourceImg.getHeight() / 2.0f; //透明度渐变梯度，每次随着Y坐标改变的量，因为最终在边缘处要变为0 float pos = (number

1.7K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

如何用 OpenCV 制作透明渐变的蒙版？

本文介绍如何利用现成的 API 去实现一个比较复杂，但可能比较常见的图像处理操作，那就时给图片添加一个透明渐变的效果。大家可以看看效果图。 ?...我的思路是先创立一幅透明的图像，然后在透明的图像上进行像素点颜色值的操作。 ? 上面右边的图像就是我创建的渐变图像，它大小与原图片一样的。我以垂直渐变为例说明。如何实现这样的渐变呢？...blend = cv2.addWeighted(img,1.0,test,0.6,0.0) 第一个参数是要混合的原始图片，第二个参数对应第一张图片的 alpha 值，第三个参数是要混合的图像，它与第一张图片的尺寸和通道都是一致的...，后面的参数代表混合时，它的 alpha 取值。...最后一位是 gamma 参数，默认为 0. alpha 就是透明度的参数，在上面代码中，我让原始图片保持了 1.0 的透明度，而让它上面的渐变图像只有 0.6，最终实现了图像的混合操作。

2.6K1 0

CSS3 线性渐变 linear-gradient的使用使用角度加透明度设置渐变

最近做页面的时候用到了线性渐变, linear-gradient 现在来总结一下用法回顾记录一下为一个元素设置渐变很简单 #grad { background:linear-gradient...(red,yellow,blue) } 上面css代码显示效果如下渐变方向默认是从上到下也可以指定方向与角度从左上角到右下角的线性渐变 #demo{ background: linear-gradient...(to bottom right, red , blue); } 也可以设置角度设置透明度 #demo{ background:linear-gradient(45deg, red 20%, blue...100%) } 效果如下角度的坐标系与平面直角坐标系一致 90度为上下,45度为正方形对角

2.2K2 0

视图的alpha属性可能会影响子视图的透明度

https://blog.csdn.net/u010105969/article/details/53037832 本篇博客要说一下alpha这个属性。...alpha属性是用来设置视图的透明度的，可如果直接使用alpha属性，并且使用此属性的视图有子视图，那么其子视图的透明度也会跟着受影响。...initWithFrame:CGRectMake(0, 0, 100, 100)]; redV.backgroundColor = [UIColor redColor]; redV.alpha...以上效果图是直接使用alpha属性的效果。...看客根据所需要的效果选择相应的代码吧！

9282 0

android shape的使用及渐变色、分割线、边框、半透明阴影

shape使用、渐变色、分割线、边框、半透明、半透明阴影效果。首先简单了解一下shape中常见的属性。（详细介绍参看api文档） <?...integer" android:bottomLeftRadius="integer" android:bottomRightRadius="integer" / <gradient -- 渐变...-- 这是半透明，还可以设置全透明，那就是白色边框的效果了 -- <solid android:color="#80065e8d" / <stroke android:dashGap="0dp...-- 这是半透明，还可以设置全透明，那就是白色边框的效果了 -- <solid android:color="#ff065e8d" / <stroke android:dashGap="...另：附上一份颜色进制图，需要的可以查阅：http://tools.zalou.cn/static/colorpicker/index.html 以上就是本文的全部内容，希望对大家的学习有所帮助。

3.7K4 1

iOS 视图，动画渲染机制探究

iOS 为开发者提供了丰富的 Framework（UIKit，Core Animation，Core Graphic，OpenGL 等等）来满足开发从上层到底层各种各样的需求。...从底层到上层依此是 GPU->(OpenGL、Core Graphic) -> Core Animation -> UIKit。...实现了 drawRect 或者 drawLayer:inContext:，为了支持任意的绘制，core graphic 会创建一个大小跟要画的 view 一样的 backing image。...一般的情况是在赋值给 UIImageView 的 image 或者 layer 的 contents 或者画到一个 core graphic context 里才会解压。...如果使用 image 的话，尽量避免设置 image 的 alpha 为透明的，如果一些效果需要几个图片融合而成，就让设计用一张图画好，不要让程序在运行的时候去动态的融合。

1.9K9 1

Echarts网格颜色渐变 + 折线图折线发光高亮效果

series:里面定义折线发光高亮的效果 lineStyle: { shadowColor: "#5cfbff", //透明的颜色 shadowOffsetX...type: "solid", //实线 width: 2, }, Jetbrains全家桶1年46，售后保障稳定网格颜色的渐变...(0, 0, 0, 1, [ { offset: 0, color: "rgba(12,180,250, 1)" }, //从上往下的渐变...(0, 0, 0, 1, [ { offset: 0, color: "rgba(12,180,250, 1)" }, //从上往下的渐变 { offset: 1, color: "rgba(63, 208..., 249, 0)" }, ]), }, }, lineStyle: { shadowColor: "#5cfbff", //透明的颜色 shadowOffsetX: 0, shadowOffsetY:

1.4K1 0

iOS 视图，动画渲染机制探究

1.6K12 0

Unity 性能优化 | 贴图优化、声音优化

缺点内存占用大, 显示运行内存中清晰中压缩 > RGBA16+Dithering(TexturePacker)内使用FloydSteinberg算法处理 Dithering抖动对拉伸放大是不友好的...RGB16针对不带透明通道非2次幂图片, 但是效果略逊于RGB32。...低清晰高压缩 > ETC1+Alpha/PVRTC4 ETC1不带透明通道, 需要外挂一个携带Alpha图片使用Shader支持在Shader 中吧RGB 和 A 合并 RGBA PVRTC4 必须是...2次幂 [Android] ETC1, 不支持dxt [Iphone/Ipand] PVRTC4 压缩默认 RGBA16 清晰度高但是渐变不合适 RGBA32 高保真 16it/尺寸减半压缩 UI Icon...（并不是使用于任何的音频，只是使用于频繁使用的音频）参考链接: -微信公众号(游戏蛮牛)-Unity性能优化—声音优化

1.3K2 0

老司机带你走进Core Animation 之图层的透视、渐变及复制

老司机带你走进Core Animation 之图层的透视、渐变及复制 ---- 这回呢，当然还是顺着头文件里面的几个类，老司机一个一个捋吧。...---- type 过渡模式，当前苹果给我们暴露的只有一种模式，kCAGradientLayerAxial。需要说明的是，CAGradientLayer只能做矩形的渐变图层。你要怎么做？...矩形渐变层所以说看到这你就知道了吧，两个拼一起的CAGradientLayer，然后用一个shapeLayer做了一个mask就成了环形的过渡层了。...那我就放一个这几个属性联合起来的一个小应用吧。 Mirror.gif 忽略倒影的层次感吧，截图问题，正常是一个梯度渐变下去的。...首先来说，我们看到的倒影，我们应该可以考虑CAReplicator做一个复制图层，配合instranceTransform属性做出倒影效果然后来说，我们看到了倒影渐变效果，我们应该想到的是使用CAGradientLayer

7474 0

如何使用Java快速地给图片转码和生成缩略图(Thumbnailator和webp-imageio-core的使用)

主要用到的外部工具包： Google Thumbnailator webp-imageio-core 本文对应博客图文( ´▽｀)：https://www.mintimate.cn/2021/01/19...JPG时，透明背景渲染为白色。...= newImage.createGraphics(); graphic.setColor(Color.white);//背景设置为白色 graphic.fillRect...而Webp具有的优势，显而易见：更优的图像数据压缩算法更小的图片体积肉眼识别无差异的图像质量无损和有损的压缩模式 Alpha 透明以及动画的特性简单地说，它可以像PNG格式一样，保存无损画质，...并保持图片透明特性；同时，可以像JPG一样，压缩图片。

7.9K12 2

抄抄超强的苹果官网滚动文字特效实现

前言今天 ChokCoco 大佬发布了一篇博客超强的苹果官网滚动文字特效实现，iPhone 我是买不起的，但不妨碍我对抄特效感兴趣，正好我这周安排的工作已经完成了，于是有空练练手实现了一个 WPF...2，在背景放一个渐变色的图层，滚动页面时透过前面图层的镂空部分观察到这个移动的渐变色的图层，随着页面的向下滚动，整个文字从无到出现，再经历一轮渐变色的变化，最后再逐渐消失。...ClipEffect 的代码很简单，就只是几行，关键的功能是用 input 的Alpha 通道减去 blend 的 Alpha 通道作为结果输出： sampler2D blend : register(...，在一个不透明的元素上应用 ClipEffect，将它的 Blend 属性设置为要裁剪的形状的 VisualBrush，例如下面的代码里使用了文字作为 VisualBrush，最终在 Grid 上裁剪出一段文字的镂空...渐变渐变大部分就更简单了，抄 ChokCoco 大佬的就是了。

1.5K2 0

五星红旗国庆头像制作教程来了

设置透明渐变 2.4. 粘贴到头像并保存 3. 完整代码 1. 原理简介我们看到这样的头像，大致是红旗透明度渐变然后覆盖在自己头像上即可。...截取区域由于这里我的头像是正方形，为了方便在粘贴透明渐变国旗时更方便，需要截取正方形区域。...而对应color来说，是包含四个参数的元组(R,G,B,alpha)，分别是RGB值和透明度，其中透明度255表示不透明，0表示100%透明。...了解以上这些知识，我们就可以开始进行透明度渐变的操作了。...本例最简单满足需求的就是透明渐变从左到右透明度依次变高（参数值变小），考虑到从255变为0 且只能是整数，这里由于微信头像是900*900，所以我考虑的是每3个像素进行一次透明度渐变，当超过255之后则透明度为

1.7K4 0

2019-2020 设计趋势·图形篇

随着Instagram用彩色渐变作为品牌色，渐变趋势已经持续好几年。最近品牌、UI和包装的图形设计都采用明亮而强烈的对比色，这种趋势不仅应用于设计，也应用于摄影。...强烈的色彩组合，梦幻的色调和彩色渐变有望应用于2019年的整体设计。...APP图标设计越来越多的手机APP图标使用渐变色。...这种具有强烈色彩和渐变的有机形状，传达出精致而梦幻的感觉。...有机形态的3D视频有机形态通常以3D形式被应用，并且广泛应用于SNS共享的短视频作品中。今年尤其有很多透明质感的案例，这些透明材质运用各种颜色，使色彩搭配产生变化，营造出神秘的气氛。

1.1K2 0

如何快速优化手游性能问题？从UGUI优化说起

● 不同格式的图片分别放到不同的图集中，例如透明(带Alpha)和不透明（不带Alpha)的图片，这样可以减少图片的存储空间和占用内存。...适当的降低图片的尺寸有时UI系统的背景可能会使用全屏大小的图片，比如在Iphone上使用1136*640大小的图片；使用这样尺寸的图片代价是很昂贵的，可以和美术同学商量适当的降低图片的精度，使用更低尺寸的图片...但是使用etc1格式的图片有两个限制——长和宽必须是POT的（2的N次方）并且不支持alpha通道，因此使用etc1时需要额外的一张图来存储alpha通道，并且使用特殊的shader来对alpha采样。...引起layout和graphic的dirty主要原因是因为Canvas树形结构下的UI元素发生了变化（例如增加删除UI对象，UI元素的顶点，rec尺寸改变等）调用了Graphic.SetDirty(实际上最终都会调用...除了rebuild过程之外，UGUI的touch处理消耗也可能会成为性能热点。因为UGUI在默认情况下会对所有可见的Graphic组件调用raycast。

1.5K3 1

国庆节换头像热潮：国旗渐变微信头像和微信头像加上国旗！制作教程来了，你会了吗？？？

渐变原理简介我们看到这样的头像，大致是红旗透明度渐变然后覆盖在自己头像上即可。...而对应color来说，是包含四个参数的元组(R,G,B,alpha)，分别是RGB值和透明度，其中透明度255表示不透明，0表示100%透明。...了解以上这些知识，我们就可以开始进行透明度渐变的操作了。...本例最简单满足需求的就是透明渐变从左到右透明度依次变高（参数值变小），考虑到从255变为0 且只能是整数，这里由于微信头像是900*900，所以我考虑的是每3个像素进行一次透明度渐变，当超过255之后则透明度为...0: alpha=0 color = color[:-1] + (alpha, ) quyu.putpixel((i, j), color) 透明渐变

2.5K3 0

html设置背景图片透明度代码,css设置图片背景透明度

important;width:100%} 注：代码应用的式CSS中的Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。...“finishopacity” 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。...“style” 指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形 “startx” 渐变透明效果开始处的 X坐标。...“starty” 渐变透明效果开始处的 Y坐标。 “finishx” 渐变透明效果结束处的 X坐标。 “finishy” 渐变透明效果结束处的 Y坐标。...以上的参数可以选用，可以只设置一个opacity 如果设置成下面代码，就表示背景式半透明的： {filter:alpha(opacity=50)} 发布者：全栈程序员栈长，转载请注明出处：https:/

4.6K1 0

第161天：CSS3实现兼容性的渐变背景(gradient)效果

上面代码实现的是红色至蓝色的渐变，但是不含透明度变化，这是由于IE目前尚未支持opacity属性以及RGBA颜色，要实现IE下的透明度变化，还是需要使用IE滤镜，IE的透明度滤镜功能比较强大，这种强大反而与...也就是说，0代表完全透明，100代表完全不透明。 finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。...style用来指定透明区域的形状特征： 0 代表统一形状 1 代表线形 2 代表放射状 3 代表矩形。 startx 渐变透明效果开始处的 X坐标。 starty 渐变透明效果开始处的 Y坐标。 ...finishx 渐变透明效果结束处的 X坐标。 finishy 渐变透明效果结束处的 Y坐标。...综合上述，实现IE下含透明度变化红蓝垂直渐变的代码如下： .gradient{ width:300px; height:150px; filter:alpha(opacity=100 finishopacity

1.3K3 0

ie6不支持PNG图片解决办法（季雨林代码收集）

流式网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的“PNG’s Not GIF”，是一种位图文件(bitmap file)存储格式，读成“ping...IE6下PNG背景透明的显示问题 PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。...但是IE6不支持PNG背景透明，会显示一个灰色的框。...IE6下PNG背景透明的解决办法 .pngImg 注意上文的_号，目前IE7,8以及Firefox浏览器等都不支持此CSS语法，只有IE6识别。...AlphaImageLoader无法设置背景的重复，所以对图片的切图精度会有很高的精确度要求。 ie6不支持PNG的24位，只要改成PNG8就好了。

8343 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

解决设置控件Alpha透明引发的问题

设置图片的透明度从左到右渐变

如何用 OpenCV 制作透明渐变的蒙版？

CSS3 线性渐变 linear-gradient的使用使用角度加透明度设置渐变

视图的alpha属性可能会影响子视图的透明度

android shape的使用及渐变色、分割线、边框、半透明阴影

iOS 视图，动画渲染机制探究

Echarts网格颜色渐变 + 折线图折线发光高亮效果

iOS 视图，动画渲染机制探究

Unity 性能优化 | 贴图优化、声音优化

老司机带你走进Core Animation 之图层的透视、渐变及复制

如何使用Java快速地给图片转码和生成缩略图(Thumbnailator和webp-imageio-core的使用)

抄抄超强的苹果官网滚动文字特效实现

五星红旗国庆头像制作教程来了

2019-2020 设计趋势·图形篇

如何快速优化手游性能问题？从UGUI优化说起

国庆节换头像热潮：国旗渐变微信头像和微信头像加上国旗！制作教程来了，你会了吗？？？

html设置背景图片透明度代码,css设置图片背景透明度

第161天：CSS3实现兼容性的渐变背景(gradient)效果

ie6不支持PNG图片解决办法（季雨林代码收集）

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐