如何创建一个从下到上包含0到1不透明度值（alpha值）的UIView？

发布于 2024-12-06 00:43:21 字数 147 浏览 0 评论 0原文

我想创建一个 UIView，其中包含逐渐增加的不透明度值。也就是说，UIView 的底部将以 0.0 作为其 alpha 值开始，并且在 UIView 的顶部应以 1.0 结束。是否可以提出这样的观点？或者我应该分离该视图并给它们不同的 alpha 值？

提前致谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝海似她心 2024-12-13 00:43:21

为了将来参考，这种效果的术语是“渐变”。

您可以创建一个后面带有渐变图像的视图：

在要设置渐变的 UIView 后面创建一个 UIImageView
设置 UIView' s 背景颜色清除。
将 UIImageView 的背景图像设置为您创建的渐变 PNG。

渐变 PNG 可以是 1 像素宽，例如 64 像素高（或更高，具体取决于您希望渐变看起来有多平滑）。在绘画程序中制作它（GIMP 是一个不错的程序）。

纯粹在代码中执行此操作的一种方法是使用 CAGradientLayer< /代码>：

CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = self.view.bounds;
gradient.colors = [NSArray arrayWithObjects:
                   (id)[[UIColor colorWithWhite: 0.0 alpha:0.0] CGColor],
                   (id)[[UIColor colorWithWhite: 0.0 alpha:1.0] CGColor], nil];
gradient.startPoint = CGPointMake(0.5, 0.0); // default; bottom of the view
gradient.endPoint = CGPointMake(0.5, 1.0);   // default; top of the view
[self.view.layer insertSublayer:gradient atIndex:0];

For future reference, the term for that sort of effect is a gradient.

You can make a view with a gradient image behind it:

Create a UIImageView behind the UIView you want to set a gradient on
Set the UIView's background color to clear.
Set the background image of the UIImageView to a gradient PNG you have created.

The gradient PNG can be 1px wide and say 64px high (or higher, depending on how smooth you want the gradient to look). Make it in a paint program (GIMP is a decent one).

A way to do it purely in code is using CAGradientLayer:

CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = self.view.bounds;
gradient.colors = [NSArray arrayWithObjects:
                   (id)[[UIColor colorWithWhite: 0.0 alpha:0.0] CGColor],
                   (id)[[UIColor colorWithWhite: 0.0 alpha:1.0] CGColor], nil];
gradient.startPoint = CGPointMake(0.5, 0.0); // default; bottom of the view
gradient.endPoint = CGPointMake(0.5, 1.0);   // default; top of the view
[self.view.layer insertSublayer:gradient atIndex:0];

回复收藏 0 原文

~没有更多了~