自定义 Layer 属性的动画

2024-08-22 18:48
文章标签 自定义 属性 动画 layer

本文主要是介绍自定义 Layer 属性的动画，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

转自@nixzhu的GitHub主页（译者：@nixzhu），原文《Animating Custom Layer Properties》

 

默认情况下，CALayer 及其子类的绝大部分标准属性都可以执行动画，无论是添加一个 CAAnimation 到 Layer（显式动画），亦或是为属性指定一个动作然后修改它（隐式动画）。

但有时候我们希望能同时为好几个属性添加动画，使它们看起来像是一个动画一样；或者，我们需要执行的动画不能通过使用标准 Layer 属性动画来实现。
在本文中，我们将讨论如何子类化 CALayer 并添加我们自己的属性，以便比较容易地创建那些如果以其他方式实现起来会很麻烦的动画效果。
一般说来，我们希望添加到 CALayer 的子类上的可动画属性有三种类型：
1. 能间接动画 Layer （或其子类）的一个或多个标准属性的属性。
2. 能触发 Layer 的支持图像（backing image）（即 contents 属性）重绘的属性。
3. 不涉及 Layer 重绘或对任何已有属性执行动画的属性。
间接属性动画
能间接修改其它标准 Layer 属性的自定义属性是这些选项中最简单的。它们真的只是自定义 setter 方法以将它们的输入转换为适用于创建动画的一个或多个不同的值。
如果被我们设置的属性已经预设好标准动画，那我们完全不需要编写任何实际的动画代码，因为我们修改这些属性后，它们就会继承任何被配置在当前 CATransaction 上的动画设置，并且自动执行动画。
换句话说，即使 CALayer 不知道如何对我们自定义的属性进行动画，它依然能对因自定义属性被改变而引起的其它可见副作用进行动画，而这恰好就是我们所关心的全部内容。
为了演示这种方法，让我们来创建一个简单的模拟时钟，之后我们可以使用被声明为 NSDate 类型 time 属性来设置它的时间。我会将从创建一个静态的时钟面盘开始。这个时钟包含三个 CAShapeLayer 实例——一个用于时钟面盘的圆形 Layer 和两个用于时针和分针的长方形 Sublayer。 
 
  1. @interface ClockFace: CAShapeLayer 
  2.   
  3. @property (nonatomic, strong) NSDate *time; 
  4.   
  5. @end 
  6.   
  7. @interface ClockFace () 
  8.   
  9. // 私有属性，译者注：这里申明的是 CALayer ，下面分配的却是 CAShapeLayer ，按照文字，应该都是 CAShapeLayer 才对 
  10. @property (nonatomic, strong) CALayer *hourHand; 
  11. @property (nonatomic, strong) CALayer *minuteHand; 
  12.   
  13. @end 
  14.   
  15. @implementation ClockFace 
  16.   
  17. - (id)init 
  18. { 
  19.     if ((self = [super init])) 
  20.     { 
  21.         self.bounds = CGRectMake(0, 0, 200, 200); 
  22.         self.path = [UIBezierPath bezierPathWithOvalInRect:self.bounds].CGPath; 
  23.         self.fillColor = [UIColor whiteColor].CGColor; 
  24.         self.strokeColor = [UIColor blackColor].CGColor; 
  25.         self.lineWidth = 4; 
  26.   
  27.         self.hourHand = [CAShapeLayer layer]; 
  28.         self.hourHand.path = [UIBezierPath bezierPathWithRect:CGRectMake(-2, -70, 4, 70)].CGPath; 
  29.         self.hourHand.fillColor = [UIColor blackColor].CGColor; 
  30.         self.hourHand.position = CGPointMake(self.bounds.size.width / 2, self.bounds.size.height / 2); 
  31.         [self addSublayer:self.hourHand]; 
  32.   
  33.         self.minuteHand = [CAShapeLayer layer]; 
  34.         self.minuteHand.path = [UIBezierPath bezierPathWithRect:CGRectMake(-1, -90, 2, 90)].CGPath; 
  35.         self.minuteHand.fillColor = [UIColor blackColor].CGColor; 
  36.         self.minuteHand.position = CGPointMake(self.bounds.size.width / 2, self.bounds.size.height / 2); 
  37.         [self addSublayer:self.minuteHand]; 
  38.     } 
  39.     return self; 
  40. } 
  41.   
  42. @end 
同时我们要设置一个基本的 View Controller ，它包含一个 UIDatePicker ，这样我们就能测试我们的 Layer （日期选择器在 Storyboard 里设置）了： 
 
  1. @interface ViewController () 
  2.   
  3. @property (nonatomic, strong) IBOutlet UIDatePicker *datePicker; 
  4. @property (nonatomic, strong) ClockFace *clockFace; 
  5.   
  6. @end 
  7.   
  8.   
  9. @implementation ViewController 
  10.   
  11. - (void)viewDidLoad 
  12. { 
  13.     [super viewDidLoad]; 
  14.   
  15.     // 添加时钟面板 Layer 
  16.     self.clockFace = [[ClockFace alloc] init]; 
  17.     self.clockFace.position = CGPointMake(self.view.bounds.size.width / 2, 150); 
  18.     [self.view.layer addSublayer:self.clockFace]; 
  19.   
  20.     // 设置默认时间 
  21.     self.clockFace.time = [NSDate date]; 
  22. } 
  23.   
  24. - (IBAction)setTime 
  25. { 
  26.     self.clockFace.time = self.datePicker.date; 
  27. } 
  28.   
  29. @end 
现在我们只需要实现 time 属性的 setter 方法。这个方法使用 NSCalendar 将时间变为小时和分钟，之后我们将它们转换为角坐标。然后我们就可以使用这些角度去生成两个 CGAffineTransform 以旋转时针和分针。 
 
  1. - (void)setTime:(NSDate *)time 
  2. { 
  3.     _time = time; 
  4.   
  5.     NSCalendar *calendar = [[NSCalendar alloc] initWithCalendarIdentifier:NSGregorianCalendar]; 
  6.     NSDateComponents *components = [calendar components:NSHourCalendarUnit | NSMinuteCalendarUnit fromDate:time]; 
  7.     self.hourHand.affineTransform = CGAffineTransformMakeRotation(components.hour / 12.0 * 2.0 * M_PI); 
  8.     self.minuteHand.affineTransform = CGAffineTransformMakeRotation(components.minute / 60.0 * 2.0 * M_PI); 
  9. } 
结果看起来像这样： 
 
你可以 从 GitHub 上 下载这个项目看看。
如你所见，我们实在没有做什么太费脑筋的事情；我们并没有创建一个新的可动画属性，而只是在单个方法里设置了几个标准可动画 Layer 属性而已。因此，如果我们想创建的动画并不能映射到任何已有的 Layer 属性上时，该怎么办呢？
对 Layer 的内容执行动画
假设不使用几个分离的 Layer 来实现我们的时钟面板，那我们可以改用 Core Graphics 来绘制时钟。（这通常会降低性能，但我们可以假想我们所要实现的效果需要许多复杂的绘图操作，而它们很难用常规的 Layer 属性和 transform 来复制。）我们要怎么做呢？
很类似 NSManagedObject ， CALayer 具有为任何被声明的属性生成动态 setter 和 getter 的能力。在当前的实现中，我们是让编译器去合成 time 属性的 ivar 和 getter 方法，而我们自己实现了 setter 方法。但让我们来改变一下：丢弃我们的 setter 并将属性标记为 @dynamic 。同时我们也丢弃分离的时针和分针 Layer ，因为我们将自己去绘制它们。 
 
  1. @interface ClockFace () 
  2.   
  3. @end 
  4.   
  5.   
  6. @implementation ClockFace 
  7.   
  8. @dynamic time; 
  9.   
  10. - (id)init 
  11. { 
  12.     if ((self = [super init])) 
  13.     { 
  14.         self.bounds = CGRectMake(0, 0, 200, 200); 
  15.     } 
  16.     return self; 
  17. } 
  18.   
  19. @end 
译者注：没使用过 @dynamic 这样的高级货，心中还有点小激动呢！
在我们开始做事之前，需要先做一个小调整：因为不幸的是，CALayer 不知道如何对 NSDate 属性进行插值（interpolate）（例如，它不能自动生成 NSDate 实例之间的中间值，虽然它可以处理数字类型和其它例如 CGColor 和 CGAffineTransform 这样的类型）。我们可以保留我们的自定义 setter 方法并用它设置另一个动态属性（它表示等价的 NSTimeInterval，这是一个数字值，可以被插值），但为了保持例子的简单性，我们会用一个浮点值替换 NSDate 属性来表征时钟的小时，为了更新用户界面，我们使用一个简单的 UITextField 来设置浮点值，不再使用日期选择器： 
 
  1. @interface ViewController () <UITextFieldDelegate> 
  2.   
  3. @property (nonatomic, strong) IBOutlet UITextField *textField; 
  4. @property (nonatomic, strong) ClockFace *clockFace; 
  5.   
  6. @end 
  7.   
  8.   
  9. @implementation ViewController 
  10.   
  11. - (void)viewDidLoad 
  12. { 
  13.     [super viewDidLoad]; 
  14.   
  15.     // 添加时钟面板 Layer 
  16.     self.clockFace = [[ClockFace alloc] init]; 
  17.     self.clockFace.position = CGPointMake(self.view.bounds.size.width / 2, 150); 
  18.     [self.view.layer addSublayer:self.clockFace]; 
  19. } 
  20.   
  21. - (BOOL)textFieldShouldReturn:(UITextField *)textField 
  22. { 
  23.     [textField resignFirstResponder]; 
  24.     return YES; 
  25. } 
  26.   
  27. - (void)textFieldDidEndEditing:(UITextField *)textField 
  28. { 
  29.     self.clockFace.time = [textField.text floatValue]; 
  30. } 
  31.   
  32. @end 
现在，既然我们已经移除了自定义的 setter 方法，那我们要如何才能知晓 time 属性的改变呢？我们需要一个无论何时 time 属性改变时都能自动通知 CALayer 的方式，这样它才好重绘它的内容。我们通过覆写 +needsDisplayForKey: 方法即可做到这一点，如下： 
 
  1. + (BOOL)needsDisplayForKey:(NSString *)key 
  2. { 
  3.     if ([@"time" isEqualToString:key]) 
  4.     { 
  5.         return YES; 
  6.     } 
  7.     return [super needsDisplayForKey:key]; 
  8. } 
这就告诉了 Layer ，无论何时 time 属性被修改，它都需要调用 -display 方法。现在我们就覆写 -display 方法，添加一个 NSLog 语句打印出 time 的值： 
 
  1. - (void)display 
  2. { 
  3.     NSLog(@"time: %f", self.time); 
  4. } 
如果我们设置 time 属性为 1.5 ，我们就会看到 -display 被调用，打印出新值： 
 
  1. 2014-04-28 22:37:04.253 ClockFace[49145:60b] time: 1.500000 
但这还不是我们真正想要的；我们希望 time 属性能在旧值和新值之间有多个帧长的平滑的过渡动画。为了实现这一点，我们需要为 time 属性指定一个动画（或“动作（action）”），而通过覆写 -actionForKey: 方法就能做到： 
 
  1. - (id<CAAction>)actionForKey:(NSString *)key 
  2. { 
  3.     if ([key isEqualToString:@"time"]) 
  4.     { 
  5.         CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:key]; 
  6.         animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; 
  7.         animation.fromValue = @(self.time); 
  8.         return animation; 
  9.     } 
  10.     return [super actionForKey:key]; 
  11. } 
现在，如果我们再次设置 time 属性，我们就会看到 -display 被多次调用。调用的次数大约为每秒 60 次，至于动画的长度，默认为 0.25 秒，大约是 15 帧： 
 
  1. 2014-04-28 22:37:04.253 ClockFace[49145:60b] time: 1.500000 
  2. 2014-04-28 22:37:04.255 ClockFace[49145:60b] time: 1.500000 
  3. 2014-04-28 22:37:04.351 ClockFace[49145:60b] time: 1.500000 
  4. 2014-04-28 22:37:04.370 ClockFace[49145:60b] time: 1.500000 
  5. 2014-04-28 22:37:04.388 ClockFace[49145:60b] time: 1.500000 
  6. 2014-04-28 22:37:04.407 ClockFace[49145:60b] time: 1.500000 
  7. 2014-04-28 22:37:04.425 ClockFace[49145:60b] time: 1.500000 
  8. 2014-04-28 22:37:04.443 ClockFace[49145:60b] time: 1.500000 
  9. 2014-04-28 22:37:04.461 ClockFace[49145:60b] time: 1.500000 
  10. 2014-04-28 22:37:04.479 ClockFace[49145:60b] time: 1.500000 
  11. 2014-04-28 22:37:04.497 ClockFace[49145:60b] time: 1.500000 
  12. 2014-04-28 22:37:04.515 ClockFace[49145:60b] time: 1.500000 
  13. 2014-04-28 22:37:04.755 ClockFace[49145:60b] time: 1.500000 
由于某些原因，当我们在每个中间点打印 time 值时，我们一直看到的是最终值。为何不能得到插值呢？因为我们查看的是错误的 time 属性。
当你设置某个 CALayer 的某个属性，你实际设置的是 model Layer 的值——这里的 model Layer 表示正在进行的动画结束时， Layer 所达到的最终状态。如果你取 model Layer 的值，它就总是给你它被设置到的最终值。
但连接到 model Layer 的是所谓的 presentation Layer ——它是 model Layer 的一个拷贝，但它的值所表示的是 当前的，中间动画状态。如果我们修改 -display 方法去打印 Layer 的 presentationLayer 的 time 属性，那我们就会看到我们所期望的插值。（同时我们也使用 presentationLayer 的 time 属性来获取动画的开始值，替代 self.time ）： 
 
  1. - (id<CAAction>)actionForKey:(NSString *)key 
  2. { 
  3.     if ([key isEqualToString:@"time"]) 
  4.     { 
  5.         CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:key]; 
  6.         animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; 
  7.         animation.fromValue = @([[self presentationLayer] time]); 
  8.         return animation; 
  9.     } 
  10.     return [super actionForKey:key]; 
  11. } 
  12.   
  13. - (void)display 
  14. { 
  15.     NSLog(@"time: %f", [[self presentationLayer] time]); 
  16. } 
下面是打印出的值： 
 
  1. 2014-04-28 22:43:31.200 ClockFace[49176:60b] time: 0.000000 
  2. 2014-04-28 22:43:31.203 ClockFace[49176:60b] time: 0.002894 
  3. 2014-04-28 22:43:31.263 ClockFace[49176:60b] time: 0.363371 
  4. 2014-04-28 22:43:31.300 ClockFace[49176:60b] time: 0.586421 
  5. 2014-04-28 22:43:31.318 ClockFace[49176:60b] time: 0.695179 
  6. 2014-04-28 22:43:31.336 ClockFace[49176:60b] time: 0.803713 
  7. 2014-04-28 22:43:31.354 ClockFace[49176:60b] time: 0.912598 
  8. 2014-04-28 22:43:31.372 ClockFace[49176:60b] time: 1.021573 
  9. 2014-04-28 22:43:31.391 ClockFace[49176:60b] time: 1.134173 
  10. 2014-04-28 22:43:31.409 ClockFace[49176:60b] time: 1.242892 
  11. 2014-04-28 22:43:31.427 ClockFace[49176:60b] time: 1.352016 
  12. 2014-04-28 22:43:31.446 ClockFace[49176:60b] time: 1.460729 
  13. 2014-04-28 22:43:31.464 ClockFace[49176:60b] time: 1.500000 
  14. 2014-04-28 22:43:31.636 ClockFace[49176:60b] time: 1.500000 
所以现在我们所要做就是画出时钟。我们将使用普通的 Core Graphics 函数以绘制到一个 Graphics Context 上来做到这一点，然后将产生出图像设置为我们 Layer 的 contents。下面是更新后的 -display 方法： 
 
  1. - (void)display 
  2. { 
  3.     // 获取时间插值 
  4.     float time = [self.presentationLayer time]; 
  5.   
  6.     // 创建绘制上下文 
  7.     UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0); 
  8.     CGContextRef ctx = UIGraphicsGetCurrentContext(); 
  9.   
  10.     // 绘制时钟面板 
  11.     CGContextSetLineWidth(ctx, 4); 
  12.     CGContextStrokeEllipseInRect(ctx, CGRectInset(self.bounds, 2, 2)); 
  13.   
  14.     // 绘制时针 
  15.     CGFloat angle = time / 12.0 * 2.0 * M_PI; 
  16.     CGPoint center = CGPointMake(self.bounds.size.width / 2, self.bounds.size.height / 2); 
  17.     CGContextSetLineWidth(ctx, 4); 
  18.     CGContextMoveToPoint(ctx, center.x, center.y); 
  19.     CGContextAddLineToPoint(ctx, center.x + sin(angle) * 80, center.y - cos(angle) * 80); 
  20.     CGContextStrokePath(ctx); 
  21.   
  22.     // 绘制分针 
  23.     angle = (time - floor(time)) * 2.0 * M_PI; 
  24.     CGContextSetLineWidth(ctx, 2); 
  25.     CGContextMoveToPoint(ctx, center.x, center.y); 
  26.     CGContextAddLineToPoint(ctx, center.x + sin(angle) * 90, center.y - cos(angle) * 90); 
  27.     CGContextStrokePath(ctx); 
  28.   
  29.     //set backing image 设置 contents  
  30.     self.contents = (id)UIGraphicsGetImageFromCurrentImageContext().CGImage; 
  31.     UIGraphicsEndImageContext(); 
  32. } 
结果看起来如下： 
 
如你所见，不同于第一个时钟动画，随着时针的变化，分针实际上对每一个小时都会转上满满一圈（就像一个真正的时钟那样），而不仅仅只是通过最短的路径移动到它的最终位置；因为我们正在动画的是 time 值本身而不仅仅是时针或分针的位置，所以上下文信息被保留了。
通过这样的方式绘制一个时钟并不是很理想，因为 Core Graphics 函数没有硬件加速，可能会引起动画帧数的下降。另一种能每秒重绘 contents 图像 60 次的方式是用一个数组存储一些预先绘制好的图像，然后基于合适的插值简单的选择对应的图像即可。实现代码大概如下： 
 
  1. const NSInteger hoursOnAClockFace = 12; 
  2.   
  3. - (void)display 
  4. { 
  5.     // 获取时间插值  
  6.     float time = [self.presentationLayer time] / hoursOnAClockFace; 
  7.   
  8.     // 从之前定义好的图像数组里获取图像帧 
  9.     NSInteger numberOfFrames = [self.frames count]; 
  10.     NSInteger index = round(time * numberOfFrames) % numberOfFrames; 
  11.     UIImage *frame = self.frames[index]; 
  12.     self.contents = (id)frame.CGImage; 
  13. } 
通过避免在每一帧里都用昂贵的软件绘制，我们能改善动画的性能，但代价是我们需要在内存里存储所有预先绘制的动画帧图像，对于一个复杂的动画来说，这可能造成惊人的内存浪费。
但这提出了一个有趣的可能性。如果我们完全不在 -display 里更新 contents 图像会发生什么？我们做一些其它的事情怎样？
非可视属性的动画
在 -display 里更新其它 Layer 属性是不必要的，因为我们可以很简单地直接对任何这样的属性做动画，如同我们在第一个时钟面板例子里所做的那样。但如果我们设置一些其它的东西，比如某些完全不和 Layer 相关的东西，会怎样呢？
下面的代码使用一个 CALayer 结合 AVAudioPlayer 来创建一个可动画的音量控制器。通过把音量调到动态 Layer 属性上，我们可以使用 Core Animation 的属性插值来平滑的在两个不同的音量之间渐变，以同样的方式我们可以动画 Layer 上的任何 cosmetic 属性： 
 
  1. @interface AudioLayer : CALayer 
  2.   
  3. - (id)initWithAudioFileURL:(NSURL *)URL; 
  4.   
  5. @property (nonatomic, assign) float volume; 
  6.   
  7. - (void)play; 
  8. - (void)stop; 
  9. - (BOOL)isPlaying; 
  10.   
  11. @end 
  12.   
  13.   
  14. @interface AudioLayer () 
  15.   
  16. @property (nonatomic, strong) AVAudioPlayer *player; 
  17.   
  18. @end 
  19.   
  20.   
  21. @implementation AudioLayer 
  22.   
  23. @dynamic volume; 
  24.   
  25. - (id)initWithAudioFileURL:(NSURL *)URL 
  26. { 
  27.     if ((self = [self init])) 
  28.     { 
  29.         self.volume = 1.0; 
  30.         self.player = [[AVAudioPlayer alloc] initWithContentsOfURL:URL error:NULL]; 
  31.     } 
  32.     return self; 
  33. } 
  34.   
  35. - (void)play 
  36. { 
  37.     [self.player play]; 
  38. } 
  39.   
  40. - (void)stop 
  41. { 
  42.     [self.player stop]; 
  43. } 
  44.   
  45. - (BOOL)isPlaying 
  46. { 
  47.     return self.player.playing; 
  48. } 
  49.   
  50. + (BOOL)needsDisplayForKey:(NSString *)key 
  51. { 
  52.     if ([@"volume" isEqualToString:key]) 
  53.     { 
  54.         return YES; 
  55.     } 
  56.     return [super needsDisplayForKey:key]; 
  57. } 
  58.   
  59. - (id<CAAction>)actionForKey:(NSString *)key 
  60. { 
  61.     if ([key isEqualToString:@"volume"]) 
  62.     { 
  63.         CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:key]; 
  64.         animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; 
  65.         animation.fromValue = @([[self presentationLayer] volume]); 
  66.         return animation; 
  67.     } 
  68.     return [super actionForKey:key]; 
  69. } 
  70.   
  71. - (void)display 
  72. { 
  73.     // 设置音量值为合适的音量插值 
  74.     self.player.volume = [self.presentationLayer volume]; 
  75. } 
  76.   
  77. @end 
我们可以通过使用一个简单的有着播放、停止、音量增大以及音量减小按钮的 View Controller 来做测试： 
 
  1. @interface ViewController () 
  2.   
  3. @property (nonatomic, strong) AudioLayer *audioLayer; 
  4.   
  5. @end 
  6.   
  7.   
  8. @implementation ViewController 
  9.   
  10. - (void)viewDidLoad 
  11. { 
  12.     [super viewDidLoad]; 
  13.   
  14.     NSURL *musicURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"music" ofType:@"caf"]]; 
  15.     self.audioLayer = [[AudioLayer alloc] initWithAudioFileURL:musicURL]; 
  16.     [self.view.layer addSublayer:self.audioLayer]; 
  17. } 
  18.   
  19. - (IBAction)playPauseMusic:(UIButton *)sender 
  20. { 
  21.     if ([self.audioLayer isPlaying]) 
  22.     { 
  23.         [self.audioLayer stop]; 
  24.         [sender setTitle:@"Play Music" forState:UIControlStateNormal]; 
  25.     } 
  26.     else 
  27.     { 
  28.         [self.audioLayer play]; 
  29.         [sender setTitle:@"Pause Music" forState:UIControlStateNormal]; 
  30.     } 
  31. } 
  32.   
  33. - (IBAction)fadeIn 
  34. { 
  35.     self.audioLayer.volume = 1; 
  36. } 
  37.   
  38. - (IBAction)fadeOut 
  39. { 
  40.     self.audioLayer.volume = 0; 
  41. } 
  42.   
  43. @end 
注意：尽管我们的 Layer 没有可见的外观，但它依然需要被添加到屏幕上的视图层级里，以便动画能正常工作。
结论
CALayer 的动态属性提供了一个简单的机制来实现任何形式的动画——不仅仅只是内建的那些——而通过覆写 -display 方法，我们可以使用这些属性去控制任何我们想控制的东西，甚至是音量值这样的东西。
通过使用这些属性，我们不仅仅避免了重复造轮子，同时还确保了我们的自定义动画能与标准动画的时机和控制函数协同工作，以此就能非常容易地与其它动画属性同步。

这篇关于自定义 Layer 属性的动画的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1097098。

相关文章

Vite 打包目录结构自定义配置小结

Vite 打包目录结构自定义配置小结

《Vite打包目录结构自定义配置小结》在Vite工程开发中,默认打包后的dist目录资源常集中在asset目录下,不利于资源管理,本文基于Rollup配置原理,本文就来介绍一下通过Vite配置自定义... 目录一、实现原理二、具体配置步骤1. 基础配置文件2. 配置说明（1）js 资源分离（2）非 JS 资
阅读更多...
聊聊springboot中如何自定义消息转换器

聊聊springboot中如何自定义消息转换器

《聊聊springboot中如何自定义消息转换器》SpringBoot通过HttpMessageConverter处理HTTP数据转换,支持多种媒体类型,接下来通过本文给大家介绍springboot中... 目录核心接口springboot默认提供的转换器如何自定义消息转换器Spring Boot 中的消息
阅读更多...
Python如何调用另一个类的方法和属性

Python如何调用另一个类的方法和属性

《Python如何调用另一个类的方法和属性》在Python面向对象编程中,类与类之间的交互是非常常见的场景,本文将详细介绍在Python中一个类如何调用另一个类的方法和属性,大家可以根据需要进行选择... 目录一、前言二、基本调用方式通过实例化调用通过类继承调用三、高级调用方式通过组合方式调用通过类方法/静
阅读更多...
Python自定义异常的全面指南(入门到实践)

Python自定义异常的全面指南(入门到实践)

《Python自定义异常的全面指南(入门到实践)》想象你正在开发一个银行系统,用户转账时余额不足,如果直接抛出ValueError,调用方很难区分是金额格式错误还是余额不足,这正是Python自定义异... 目录引言：为什么需要自定义异常一、异常基础：先搞懂python的异常体系1.1 异常是什么？1.2
阅读更多...
Linux中的自定义协议+序列反序列化用法

Linux中的自定义协议+序列反序列化用法

《Linux中的自定义协议+序列反序列化用法》文章探讨网络程序在应用层的实现,涉及TCP协议的数据传输机制、结构化数据的序列化与反序列化方法,以及通过JSON和自定义协议构建网络计算器的思路,强调分层... 目录一，再次理解协议二，序列化和反序列化三，实现网络计算器3.1 日志文件3.2Socket.hpp
阅读更多...
C语言自定义类型之联合和枚举解读

C语言自定义类型之联合和枚举解读

《C语言自定义类型之联合和枚举解读》联合体共享内存,大小由最大成员决定,遵循对齐规则；枚举类型列举可能值,提升可读性和类型安全性,两者在C语言中用于优化内存和程序效率... 目录一、联合体1.1 联合体类型的声明1.2 联合体的特点1.2.1 特点11.2.2 特点21.2.3 特点31.3 联合体的大小1
阅读更多...
springboot自定义注解RateLimiter限流注解技术文档详解

springboot自定义注解RateLimiter限流注解技术文档详解

《springboot自定义注解RateLimiter限流注解技术文档详解》文章介绍了限流技术的概念、作用及实现方式,通过SpringAOP拦截方法、缓存存储计数器,结合注解、枚举、异常类等核心组件,... 目录什么是限流系统架构核心组件详解1. 限流注解 (@RateLimiter)2. 限流类型枚举 (
阅读更多...
SpringBoot 异常处理/自定义格式校验的问题实例详解

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束
阅读更多...
spring中的@MapperScan注解属性解析

spring中的@MapperScan注解属性解析

《spring中的@MapperScan注解属性解析》@MapperScan是Spring集成MyBatis时自动扫描Mapper接口的注解,简化配置并支持多数据源,通过属性控制扫描路径和过滤条件,利... 目录一、核心功能与作用二、注解属性解析三、底层实现原理四、使用场景与最佳实践五、注意事项与常见问题六
阅读更多...
Linux线程之线程的创建、属性、回收、退出、取消方式

Linux线程之线程的创建、属性、回收、退出、取消方式

《Linux线程之线程的创建、属性、回收、退出、取消方式》文章总结了线程管理核心知识：线程号唯一、创建方式、属性设置（如分离状态与栈大小）、回收机制（join/detach）、退出方法（返回/pthr... 目录1. 线程号2. 线程的创建3. 线程属性4. 线程的回收5. 线程的退出6. 线程的取消7.
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2