首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 SetWindowCompositionAttribute 来控制程序的窗口边框和背景(可以做 Acrylic 亚克力效果、模糊效果、主题色效果等)

    为了验证此 API 的效果,我需要将 WPF 主窗口的背景色设置为纯透明或者 null,而设置 ControlTemplate 才能彻彻底底确保所有的样式一定是受我们自己控制的,我们在 ControlTemplate...,设置为 0 将导致窗口没有阴影,设置为负数将使得整个窗口都是边框。...(换其他颜色叠加可以看出来是叠加了半透明黑色)。...,而变成了毫无特效的透明窗口: 最上面那根白线,是我面前面设置边框为 0 1 0 0 导致的。...---- 如果在这种情况下,将边框设置为 0 会怎样呢?记得前面我们说过的吗,会导致阴影消失哦! 呃……你将看到……这个…… 什么都没有…… 是不是找到了一条新的背景透明异形窗口的方法?

    2.9K60

    透明到无障碍:CSS媒体查询在供应链系统的实战应用

    ,当检测到系统偏好时降级为纯色方案视觉补偿策略:用阴影和边框替代透明度丢失的层次感重点逻辑:媒体查询检测操作系统级设置(Windows>系统设置>辅助功能)仅支持reduce(开启减少透明)和no-preference...(未设置)两种值参数解析:reduce:用户启用"减少透明度"辅助功能时的匹配条件fallback方案:必须提供完整的非透明UI替代方案1.2新零售场景下的特殊价值在供应链管理系统中应用此特性:仓储看板...important;/*强制显示关键标识*/}}设计思路:通过backdrop-filter实现高级视觉效果,但降级时完全移除使用边框补偿视觉层次损失关键警告标签不受透明度影响业务价值:仓库管理员在强光环境下仍能清晰识别紧急库存标签减少老年用户因视觉模糊导致的误操作风险...none':'5,3'}};};设计思路:JS动态检测媒体查询状态降级时使用更粗的实线替代半透明虚线提高路径与地图底色的对比度参数解析:strokeWidth增加25%补偿视觉权重dashArray从虚线改为实线提升识别度颜色从...在供应链这类重数据、重操作场景中,它帮助我们在保持界面美观的同时,确保视障用户、老年用户、低配设备用户都能高效完成任务。当技术选择从"看起来很美"转向"用起来很顺",才是真正以用户为中心的设计进化。

    10120

    HTML新手上路随笔

    如何使div带有边框 边框虚线样式:dashed 边框实现样式:solid border:1px dashed #000 /* 代表设置对象边框宽度为1px黑色虚线边框*/ border:1px...solid #000 代表设置对象边框宽度为1px黑色实现边框 id唯一的原因 如果只是用来定义样式的话可以!...如果未指定值,默认值为 scroll。 bgcolor: 通过颜色名称或十六进制值设置背景颜色。 direction:设置 marquee 内文本滚动的方向。...scrollamount :设置每次滚动时移动的长度(以像素为单位)。默认值为 6。 scrolldelay: 设置每次滚动时的时间间隔(以毫秒为单位)。默认值为 85。...(比如图片) 最常用的,在你需要修改透明度的元素的CSS样式上添加属性opacity:0-5;(0.1-0.9的时候会半透明) CSS伪类(http://www.w3school.com.cn/css

    1.1K50

    Android--vector动画

    上次说了SVG在安卓中的应用,在我们安卓系统中SVG就是Vector Drawable,Vector除了显示SVG图片外,还可以做动画效果,效果如下: 首先我们需要一张vector图片 在xml中为如下...android:fillColor 定义填充路径的颜色,如果没有定义则不填充路径 android:strokeColor 定义如何绘制路径边框,如果没有定义则不显示边框 android:...strokeWidth 定义路径边框的粗细尺寸 android:strokeAlpha 定义路径边框的透明度 android:fillAlpha 定义填充路径颜色的透明度 android...默认是没有 tint 颜色的 android:tintMode 定义 tint 颜色的 Porter-Duff blending 模式,默认值为 src_in android:autoMirrored...设置当系统为 RTL (right-to-left) 布局的时候,是否自动镜像该图片。

    1.6K30

    Acrobat DC--最牛逼的PDF编辑器

    下面介绍一款软件,非常容易上手,基本上可以像编辑ppt一样编辑pdf文档,嗯,它就是Acrobat DC。下面以一篇cell文献为例,看一下Acrobat DC的一些常用功能吧。...图像编辑打开文献后,是普通的阅读模式,点工具进入工具页面,点编辑PDF进入编辑模式(也可点页面右侧边框的黑色三角,从弹出的工具栏进入),这时就可对页面中的图形,文本进行编辑,如下图。...在Acrobat DC中两类文字的修改调整也很简单,类似PPT中的文本操作(如下图),也可对文本框的角度进行设置。通过右侧的文字格式调整面板可对字体、字号、字体颜色、段落等等进行细致的调整。...文件保存编辑后的pdf文件,通过文件\另存为 进行保存,你也可以在工具页面,点导出PDF,将你的文件导出为任意的格式,如下图。这里尝试下将一篇文献导出为word文档,显示效果非常好,如下图。...如果使用笔记本电脑看文献,隐藏工具栏和菜单栏可使可视区域会大一点;如果你的电脑显示器较大则可忽略这一点。

    2K30

    使用css实现边框流动效果

    例如,在下面的代码中,我们设置元素的宽度和高度为200px,并将边框样式设置为实线,边框宽度设置为4px,边框颜色设置为黑色: .box { width: 200px; height: 200px...例如,在第一个关键帧中,我们将左侧和顶部的边框颜色设置为黑色(border-left-color: #000; border-top-color: #000;)。...在第二个关键帧中,我们将顶部的边框颜色设置为透明,同时将右侧的边框颜色设置为黑色(border-top-color: transparent; border-right-color: #000;)。...我们使用透明的边框颜色来隐藏边框,以创建流动的效果。 在接下来的两个关键帧中,我们将不同的边框颜色设置为黑色,以创建流动的效果。...最后,在最后一个关键帧中,我们将左侧的边框颜色设置为透明,同时将顶部的边框颜色设置为黑色,这样我们就完成了一次边框的流动循环。

    1.3K10

    使用 CSS 边框实现黑色遮罩引导蒙版

    本文将介绍如何通过 CSS 边框实现一个黑色遮罩引导蒙版的效果。 什么是引导蒙版? 引导蒙版是一种视觉效果,通常用于引导用户的注意力。它通过在页面上创建一个半透明的遮罩层,突出显示特定的内容或功能。...解释代码 在上面的 CSS 代码中,我们首先为 body 和 .container 设置了一些基本样式。然后,我们为 .content 类定义了背景颜色、边框、圆角和阴影效果,使内容块看起来更美观。...我们使用 position: absolute 将其定位到内容块的四个边缘,并设置 background-color 为半透明的黑色。...为了突出显示内容块,我们为 ::before 伪元素添加了一个白色的边框,并设置了 z-index 属性,以确保遮罩层在内容块的下方。 4....例如,我们可以调整边框的颜色、宽度和样式,或者改变遮罩的透明度。 4.1 调整边框样式 我们可以使用不同的边框样式来增强视觉效果。

    88910

    【愚公系列】《微信小程序与云开发从入门到实践》021-map(地图)组件及应用

    latitude:设置地图中心位置的纬度。 scale:设置地图缩放级别。 运行代码后,效果是地图的中心点会显示在经纬度(121.5, 31.2)的位置,初始缩放级别为 10。...设置线段边框的颜色 borderWidth 数值 设置边框宽度...: 经度 } 通过经纬度确定多边形中的每个顶点 strokeWidth 数值 设置线条宽度 strokeColor 字符串 设置线条颜色 fillColor 字符串 设置填充颜色 zIndex 数值 设置...设置文本颜色 fontSize 数值 设置文字大小 borderRadius 数值 设置边框圆角 borderWidth 数值 设置边框宽度 borderColor 字符串 设置边框颜色 bgColor...数值 设置边框宽度 borderColor 字符串 设置边框颜色 borderRadius 数值 设置圆角半径 bgColor 字符串 设置背景色 padding

    2.1K20

    视觉效果 -- iOS Core Animation 系列三

    通过上面的示例可以发现: 只设置cornerRadius时,默认情况下,只影响背景颜色,而不影响背景图片或者子图层。 如果想要截取这个视图的图片和子视图,需要设置masksToBounds为YES。...borderColor定义了边框的颜色,默认为黑色。 borderColor是CGColorRef类型。 边框绘制在图层边界里面,在所有子图层之前。...如上面的示例的结果一样,边框并不会把寄宿图或子图层的相撞计算出来。而且绘制边框会显示在最上层。 阴影 shadow 阴影属性 控制图层阴影的属性会比前面的边框多一些。...shadowOpacity属性控制阴影透明度的,它是一个在0.0和1.0之间的浮点数,如果设置为1.0将会显示一个轻微模糊的阴影。...右边的设置了alpha为0.5。但是在UILabel的位置好像不是0.5的效果。这是因为透明度的混合叠加造成的。实际上右侧中间的透明度是0.75。

    1.7K30

    关于Adobe Photoshop调整选区介绍

    为此,请调整以下设置: 视图模式设置 视图模式:从“视图”弹出的菜单中,为选区选择以下几种视图模式: 洋葱皮 (O):将选区显示为动画样式的洋葱皮结构 闪烁虚线 (M):将选区边框显示为闪烁的虚线 叠加...(V):将选区显示为透明颜色叠加。...黑底 (A):将选区置于黑色背景上 白底 (T):将选区置于白色背景上 黑白 (K):将选区显示为黑白蒙版 图层 (Y):将选区周围变成透明区域 安 F 键可以在各个模式之间循环切换,按 X 键可以暂时禁用所有模式...透明度/不透明度:为“视图模式”设置透明度/不透明度。 调整模式 设置“边缘检测”、“调整细线”和“调整边缘画笔工具”所用的边缘调整方法。 颜色识别:为简单背景或对比背景选择此模式。...移动边缘:使用负值向内移动柔化边缘的边框,或使用正值向外移动这些边框。向内移动这些边框有助于从选区边缘移去不想要的背景颜色。 输出设置 净化颜色:将彩色边替换为附近完全选中的像素的颜色。

    3.4K60

    iOS快速实现环形渐变进度条

    一:先制作一个不带颜色渐变的进度条自定义一个cycleview,在.m 中实现drawrect方法?...下面来实现一下带有渐变色的进度条,原理很简单,刚刚画的是一条默认是黑色的线条,我们把黑色替换成一条渐变色的线条就可以了。...cgfloat enda = -m_pi_2 + m_pi * 2 * _progress; //设置进度条终点位置 //获取环形路径(画一个圆形,填充色透明,设置线框宽度为10,这样就获得了一个环形..._progresslayer.strokecolor = [[uicolor redcolor] cgcolor]; //指定path的渲染颜色,这里可以设置任意不透明颜色 _progresslayer.opacity...= 1; //背景颜色的透明度 _progresslayer.linecap = kcalinecapround;//指定线的边缘是圆的 _progresslayer.linewidth = 10

    2K20

    欲练JS,必先攻CSS——前端修行之路

    ,可能会麻烦一点,这里导致的问题可以说不痛不痒,但是不管是js还是css,注重细节并养成好的习惯,是代码能力的一种体现。...6.字体颜色透明 有时候设计师,在配置字体颜色的时候可能用透明的百分比,来设置几种不同的颜色,比如主色是#000,浅灰色#000 80%的透明度,这种情况下不建议web写透明度,而是让设计师给到对应的颜色值...如果用缩略命名,可以约定文档,有约定和熟悉成本,但是熟悉以后更高效,类的命名也会变得更规范和统一 8. 0.5px边框的理解误区 我之前写边框的时候就发现,只要让边框的颜色更淡,边框看起来就更细,所以当设计师问我为什么边框看起来比较粗的时候...网上有博客说通过css3 transform的缩放scale 50%,可以实现0.5px边框,我一直很奇怪,1px实际是物理的最小单位,怎么可能实现0.5px,就这样我做了个实验,我设置了1px颜色为000...的边框(黑色),如图, 当我使用scale缩放50%的时候,颜色变成了c5c5c5,但是实际仍然有1px。

    1.5K100

    Canvas系列(1):直线图形

    你可能已经看到了我们这里使用了context.strokeStyle='blue';把线段的颜色改成蓝色(而不是默认的黑色),这个属性一定要在stroke之前调用,否则都描边结束了才设置,是不会生效的,...这样改变的是下面描边的颜色,就好比你拿黑色的笔画了一条线,结果你又拿起了一只蓝色的笔,然后你希望你刚刚话的线是蓝色的。...,所以没有叫strokeColor)。...还不容易,那么给你简绍一个更简单的API: // 绘制一个起始坐标为:(x, y) 宽度:width 高度:height 的矩形 // 使用strokeRect将会直接绘制出来 而不需要在调用stroke...没错填充就类似于是设置背景,描边就类似于给个边框。 ? 绘制简易坐标系 为了更方便后面你的使用我们绘制一个简易的坐标系吧,效果如下: ?

    1K52
    领券