iOS按比例实现方块图
作者:shuzhi57
这篇文章主要为大家详细介绍了iOS按比例实现方块图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了iOS按比例实现方块图的具体代码,供大家参考,具体内容如下
原理:二分法递归实现,就是每次“对半分”,分到只剩两个
上代码:SZBlockView
@interface SZBlockView : UIView @property (nonatomic, strong) NSArray *data;//数据源 @end #import "SZBlockView.h" #import "SZItemView.h" @implementation SZBlockView - (instancetype)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { self.backgroundColor = UIColor.whiteColor; } return self; } -(void)setData:(NSArray *)data { _data = data; [self removeAll]; for (NSString* value in data) { [self addSubNode:[value intValue]]; } [self recalcLayout]; } -(void)addSubNode:(int)value { SZItemView* item = [SZItemView new]; item.value = value; [self addSubview:item]; } -(void)removeAll { //移除所有子视图 [self.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)]; } -(bool)isVertical:(double)w Height:(double) h { return w / h > 1.618;//黄金比例,可以自己根据需求修改 } -(void)recalcLayout { if (self.subviews.count < 1) return; [self recalcSquarifiedLayout:0 Finish:self.subviews.count - 1 Area:self.bounds]; } -(void)recalcSliceLayout:(NSUInteger)nStart Finish:(NSUInteger)nFinish Area:(CGRect)rect IsVertical:(bool) bIsVertical { NSAssert(nStart < self.subviews.count, @"nStart >= self.subviews.count"); NSAssert(nFinish < self.subviews.count, @"nFinish >= self.subviews.count"); if (nStart == nFinish) { [self.subviews[nStart] setFrame:rect]; return; } double dblTotal = [self getChildrenTotal:nStart Finish:nFinish]; double x = rect.origin.x; double y = rect.origin.y; if (bIsVertical) { for (NSUInteger i = nStart; i <= nFinish; i++) { SZItemView* item = self.subviews[i]; double cx = rect.size.width * item.value / dblTotal; CGRect rectSubNode = item.frame; rectSubNode = rect; rectSubNode.origin.x = x; if (i == nFinish) { rectSubNode.size.width = cx; }else{ rectSubNode.size.width = cx-1; } item.frame = rectSubNode; x += cx; } } else { for (NSUInteger i = nStart; i <= nFinish; i++) { SZItemView* item = self.subviews[i]; double cy = rect.size.height * item.value / dblTotal; CGRect rectSubNode = item.frame; rectSubNode = rect; rectSubNode.origin.y = y; if (i==nFinish) { rectSubNode.size.height = cy; }else{ rectSubNode.size.height = cy-1; } item.frame = rectSubNode; y += cy; } } } -(void)recalcSquarifiedLayout:(NSUInteger)nStart Finish:(NSUInteger)nFinish Area:(CGRect) rect { NSAssert(nStart < self.subviews.count, @"nStart >= self.subviews.count"); NSAssert(nFinish < self.subviews.count, @"nFinish >= self.subviews.count"); if (nStart + 2 > nFinish) { return [self recalcSliceLayout:nStart Finish:nFinish Area:rect IsVertical:[self isVertical:rect.size.width Height:rect.size.height]]; } double total = [self getChildrenTotal:nStart Finish:nFinish],total_left = 0.; for (NSUInteger i = nStart; i <= nFinish; i++) { SZItemView* item = self.subviews[i]; double pre_dt = total_left - total / 2; total_left += item.value; double dt = total_left - total / 2; if (dt > 0) { if (dt + pre_dt > 0) { total_left -= item.value; i--; } if ([self isVertical:rect.size.width Height:rect.size.height]) { CGRect rectLeft = rect; rectLeft.size.width = rect.size.width * total_left / total - 1; [self recalcSquarifiedLayout:nStart Finish:i Area:rectLeft]; CGRect rectRight = rect; rectRight.origin.x = rectLeft.origin.x + rectLeft.size.width + 1; rectRight.size.width = rect.size.width - rectLeft.size.width - 1; [self recalcSquarifiedLayout:i + 1 Finish:nFinish Area:rectRight]; } else { CGRect rectTop = rect; rectTop.size.height = rect.size.height * total_left / total - 1; [self recalcSquarifiedLayout:nStart Finish:i Area:rectTop]; CGRect rectBottom = rect; rectBottom.origin.y = rectTop.origin.y + rectTop.size.height + 1; rectBottom.size.height = rect.size.height - rectTop.size.height - 1; [self recalcSquarifiedLayout:i + 1 Finish:nFinish Area:rectBottom]; } return; } } // NSAssert(false, @"unreachable"); } -(double)getChildrenTotal:(NSUInteger)nStart Finish:(NSUInteger) nFinish { double dblTotal = 0.; for (NSUInteger i = nStart; i <= nFinish; i++) { SZItemView* item = self.subviews[i]; dblTotal += item.value; } return dblTotal; } @end
SZItemView 里面的每一个小的视图
@interface SZItemView : UIView @property (nonatomic, assign) int value;//传入要显示的值 @end #import "SZItemView.h" @interface SZItemView () @property (nonatomic, strong) UILabel *valueLabel; @end @implementation SZItemView - (instancetype)init { self = [super init]; if (self) { [self setupUI]; } return self; } -(void)setupUI{ UILabel *valueLabel = [[UILabel alloc] initWithFrame:self.frame]; valueLabel.adjustsFontSizeToFitWidth = YES; self.valueLabel = valueLabel; valueLabel.textAlignment = NSTextAlignmentCenter; valueLabel.textColor = UIColor.whiteColor; [self addSubview:valueLabel]; } - (void)setValue:(int)value{ _value = value; self.valueLabel.text = [NSString stringWithFormat:@"%d",value]; self.backgroundColor = UIColor.orangeColor; } - (void)layoutSubviews{//如果用masonry布局此方法可不实现 self.valueLabel.frame = self.bounds; self.valueLabel.adjustsFontSizeToFitWidth = YES; } @end
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。