【问题标题】:How to remove border from some part of UIView?如何从 UIView 的某些部分删除边框?
【发布时间】:2013-03-13 06:15:22
【问题描述】:

我有一个包含其他子视图的UIView。我正在为此UIView 应用边框,并将边框应用于整个UIView。为此,请参见第一张图片。

但不希望标题周围出现"Leaderboard" 的边框。我怎样才能只删除该部分的边框。请参阅下图,其中看到标题排行榜周围没有边框..

【问题讨论】:

  • 你需要自定义你的视图。就像一个视图将包含标题“Leader view”,而另一个视图将包含原始内容..
  • 可以自定义视图或绘制自定义视图

标签: ios uiview calayer


【解决方案1】:

不,CALayer 边框不支持这种行为。

但是如果你需要实现这个,你可以尝试另一种方法, 尝试在主视图的每一侧添加一个 n 点宽的不透明子视图,并将所需的边框颜色作为其背景颜色。

添加此代码:

CGSize mainViewSize = theView.bounds.size;
CGFloat borderWidth = 2;
UIColor *borderColor = [UIColor redColor];
CGFloat heightfromTop = 25;
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, heightfromTop borderWidth, mainViewSize.height-heightfromTop)];
UIView *rightView = [[UIView alloc] initWithFrame:CGRectMake(mainViewSize.width - borderWidth, heightfromTop, borderWidth, mainViewSize.height-heightfromTop)];
leftView.opaque = YES;
rightView.opaque = YES;
leftView.backgroundColor = borderColor;
rightView.backgroundColor = borderColor;

[mainView addSubview:leftView];
[mainView addSubview:rightView];

这只会在两侧添加边框。对顶部和底部也重复相同的想法。

NB : heightfromTop 是您不希望出现边框视图的顶部的高度,您可以根据需要更改它

【讨论】:

  • 但是可以自定义视图或者绘制自定义视图
  • @MidhunMP 是的,当然。查看我编辑的答案,有一个很棒的方法
  • @MicRO.. 但我不会得到视图底角的圆角
  • @Shaunak 是的,您可以在另一个parentView 中添加这些整个视图(主视图和所有边框子视图)并设置其角半径以使其圆润!有意义吗?
  • 我不明白..我可以将圆角半径设置为包含主视图的整个视图,但是如何为圆形部分设置边框颜色?
【解决方案2】:

您可以将UIView 子类化并实现drawRect,例如:

- (void)drawRect:(CGRect)rect
{       
      float borderSize = 3.0f;

     //draw the bottom border
     CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
     CGContextFillRect(context, CGRectMake(0.0f, self.frame.size.height - borderSize, self.frame.size.width, borderSize));

     //draw the right border
    CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
    CGContextFillRect(context, CGRectMake(0.0f,0.0f, borderSize,self.frame.size.height));

     //draw the left border 
    CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
    CGContextFillRect(context, CGRectMake(self.frame.size.width - borderSize,0.0f, borderSize,self.frame.size.height));
}

现在,您需要使用子类UIView 来创建所需的视图。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-01-16
    • 1970-01-01
    • 1970-01-01
    • 2013-08-10
    • 1970-01-01
    • 2014-06-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多