目录一、阴影1.1 案例-为文字添加阴影和发光效果二、 渐变2.1 线性渐变（LinearGradient）2.1.1 案例- 实现圆角矩形环形渐变2.2 径向渐变（RadialGradient）2.2.1 案例-使用径向渐变绘制棋盘的棋子2.3 扫描渐变（SweepGradient）2.4 位图渐变（BitmapShader）2.4.1 案例-绘制圆形头像2.4.2 案例-实现地图望远镜效果2
转载
2024-05-06 18:34:44
103阅读
Material Design 针对界面元素引入了高度。高度有助于用户了解每个元素的相对重要程度，并集中精力解决当前任务。某个视图的高度(由 Z 属性表示)决定了其阴影的视觉外观：视图的 Z 值越大，则投射的阴影越大、越柔和。Z 值较大的视图会遮挡 Z 值较小的视图；不过，视图的 Z 值不会影响视图的大小。阴影由具有高度的视图的父级绘制，因此需要接受标准视图裁剪(默认由父级裁剪)。此外，高度还有助
# 在 Android 中使用 PopupWindow 实现阴影遮罩
在 Android 开发中，`PopupWindow` 是一种非常常见的 UI 组件，它能够在当前页面上方显示额外的内容。一些场景下，我们希望在 `PopupWindow` 显示时，背景能有一个阴影遮罩效果，从而使 `PopupWindow` 的内容更加突出，增强用户体验。本文将介绍如何实现这一效果，并提供相关代码示例。
#
1. CSS3渐变渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片gradient可以应用在所有接受图像的属性上1.1 分类:线性渐变(linear-gradient)变化的方向是一条直线径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动1.2. 线性渐变 (linear-gradient)用于
无牵无挂无遮挡，是一种境界不，是幻想。。。对于图片遮挡(最常见的形式：马赛克)，想必不少人琢磨过很多法子去还原原图。不过当有一天那你得知，在iPhone上，只需一步，就能废掉遮挡，你信不信？本来我也不信，不过实际上手了后，发现，事情真没那么简单……首先，我们先来看下iPhone上是如何给一张图片做遮挡的。在相册中，打开一张图片，编辑图片，右上角… 标记点开 选中画笔，将欲遮挡的地方，涂抹下
转载
2023-11-22 23:12:17
1919阅读
文章目录一、介绍二、案例（1）解除锁定（2）新建图层（3）画一个椭圆（4）创建关键帧（5）创建补间形状（6）设为遮罩层（7）缓和帧（8）复制（9）锁定看效果（10）效果 一、介绍遮罩层动画：不要的地方遮住，把想看的地方提出来。导入一张图片。并不能很好的贴合边框。将它F8转化为元件，类型为影片剪辑。我们新建一个图层。然后画一个黑色的矩形，并调整大小刚好是舞台大小。然后点击图层2，右键“添加遮罩层”
转载
2023-06-19 17:54:53
272阅读
<div class="overlay" v-if="mask" @click="closeMaskTap($event)"> <div class="mask-content" ref="maskContent"> content </div> </div> export default { da ...
转载
2021-10-29 16:52:00
1405阅读
2评论
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DYH</title> <style type="text/css"> .item{ position: relative; width: 300px; ...
原创
2020-02-09 16:34:35
344阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DYH</title> <style type="text/css"> .item{ position: relative; width: 300px; ...
原创
2020-02-09 16:34:35
155阅读
很多时候我们在编辑视频的时候经常需要用到遮罩的效果，一般制作遮罩动画，就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动画。通常在制作时，系统只默认遮罩层下的一个图层为被遮罩层。其实，我们强大的原型设计软件Axure也能实现遮罩效果，而且Axure支持网页设计中的所有效果的制作，包括弹窗效果等，如果对弹窗效果的学习感兴趣，如果要实现遮罩效果，需要用到矩形元件作为遮罩层，从元件库拖入一个矩形元件，设置背景
转载
2023-10-27 19:08:55
100阅读
游戏中，我们的人物在某些时候，可能在一个时间点在做两件事，这样就需要同时播放两个动画，但我们肯定不能简单将其叠加，比如移动着开枪、、挥手等等，那么在Unity中我们应该怎样实现这样的功能呢？且听我一一道来。现在我们要做一个移动中挥手的动画效果，当然，你也可以做成射击等，根据这个你得准备相应的动画片断哦。上次动画融合树的工程还在吧？我们在此基础上，加上按下V键挥手的效果。首先打开主角的动画状态机
转载
2023-07-29 12:55:54
210阅读
一般来说，素材自身的 Alpha 通道定义着图层的透明度信息。单击查看器面板下方的“显示通道及色彩管理设置”按钮，可选择查看当前图层的 Alpha 通道。单击“切换透明网格”按钮，可以查看图层的透明区域。蒙版与遮罩，都是通过定义图层透明信息，来决定图层的显示范围。可以将它们理解为临时的 Alpha 通道。◆ ◆ ◆轨道遮罩如果希望一个图层的透明度信息由其
转载
2023-07-25 18:58:25
416阅读
作者 | 小木Arvin编辑 | SsGuanzxX-
before
After
还有我逢人就推荐的“多层文字”，也是用到了遮挡的技巧——将多个颜色不同的文本框叠加在一起，你可以做出相当奥利给的抖音风以及立体字效：
当然了，以上这两种效果，只能算是「遮挡」家族里最不能打的两个弟弟，下面这三种
现在好多设计都喜欢用阴影，各种颜色、各种图形的阴影做起来费时费力，而官方的cardview不支持设置阴影颜色，阴影位置也是更拟物化的z轴阴影，不能符合设计的要求，因此专门写了一个工具。 GitHub地址：https://github.com/maxiaoyi/FpShadowLayout&nb
转载
2023-08-04 10:45:34
372阅读
# Android遮罩
## 介绍
在Android应用程序中，遮罩是一种常见的用户界面元素，用于引导用户完成特定的操作或提供相关信息。遮罩通常是一个半透明的图层，覆盖在应用程序的界面上，其目的是吸引用户的注意力，并引导用户执行特定的操作。本文将介绍如何在Android应用程序中使用遮罩，并提供相关的代码示例。
## 使用View实现遮罩
要在Android应用程序中实现遮罩效果，可以使用
原创
2023-08-16 05:01:49
434阅读
最近项目要求，ui有很多有关于阴影的设计要求，网上找了些实现方式，但都不是很理想。现在闲下来了，就寻思着自己写个阴影布局耍耍，以备后用。先说道说道我找到的几种阴影实现方式:系统阴影Andorid 系统自api 21之后就多了一个熟悉 android:elevation ，这是android最新引入的轴的概念，可通过设置elevation来设置阴影(z轴的大小)，设置如下:1
转载
2023-07-28 20:37:54
303阅读
本来是将DrawerLayout放在Toolbar的上方，界面是OK的，当时的布局文件如下：<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"...
原创
2021-12-08 10:26:00
889阅读
本来是将DrawerLayout放在Toolbar的上方，界面是OK的，当时的布局文件如下：<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xm
原创
2022-01-29 15:06:23
227阅读
本节课讲述了一些常用的效果，以及和PS相同的功能，混合模式和图层样式。还介绍了AK大神公司出品的一款插件——FX Console 插件(应该是AK公司出品吧)。FX Console能够通过快捷键，快速对选择的图层添加效果和预设。话不多说，直接来几个实际例子，上手操作一番。例子1：跳动小球添加效果1.打开上节课做的跳动的小球，对小球添加内阴影(小球图层-右键-图层样式-内阴影)。对内阴影设置，混合模
转载
2024-01-29 01:34:44
50阅读
Unity新动画系统之动画层和动画遮罩一、介绍二、动画骨骼遮罩层使用第一种就是create一个avatar Mask,如下：第二种遮罩，就是直接在动画剪辑的属性上更改，如图一为humanoid类型的动画剪辑属性： 一、介绍之前分享过FSM动画控制系统以及状态树融合的缓慢起跑的文章，这一节来讲一下Unity的动画层Layer和这招avaterMask二、动画骨骼遮罩层使用 Weight权重，对应着
转载
2023-10-17 09:22:05
91阅读
