如何隐藏CALayer的边框而不引起iOS中的渲染问题

Question

我将三个UIView依次水平放置，每个UiView.Layer.BorderColor设置为Black，UiView.Layer.BorderWidth设置为0.25f，如下所示。 因此，这为每个视图提供了边框外观。

现在我只需要显示UiViews的水平边框。 因此，我创建了一个蒙版层并设置了该蒙版层的路径和框架以应用剪辑。 请参考下面的代码片段，以使您了解正在做什么。

foreach (UIView UiView in myViews)
        {
            UiView.Layer.BorderColor = Color.Black.ToCGColor();
            UiView.Layer.BorderWidth = 0.25f;
            UIBezierPath maskPath = null;
            CAShapeLayer maskLayer = new CAShapeLayer();
            maskLayer.Frame = UiView.Bounds;
            // Applying Clip to my layer
            maskPath = UIBezierPath.FromRect(new CGRect(UiView.Bounds.Left + 0.5, UiView.Bounds.Top, UiView.Bounds.Width - 1, UiView.Bounds.Height));
            maskLayer.Path = maskPath.CGPath;
            view.Layer.Mask = maskLayer;
        }

是的，我知道我为maskPath设置的边界是可见区域，因此，鉴于每个UiView的宽度为60，根据我编写的代码，每个UIView的可见区域为0.5像素到59.5像素。 因此，消除了像素中存在的从0到0.5以及从59.5到60的边界。希望这一部分对您来说很清楚。 请参考下图，以直观地看到我的遮罩区域。 黄色边框表示蒙版边界。

现在一切都好了，但是这个0.5像素的边框被隐藏了，导致在我连续放置的UiView的顶部和底部边框中出现空白。 请参考下图，带圆圈的点突出显示顶部和底部的空白区域。

这也可以很容易地在代码中复制。 请建议我如何克服这个问题。 我究竟做错了什么。 我知道这是一个很小的半像素空白，大多数情况下肉眼几乎看不到，但是对于我的网格视图应用程序来说，这在视觉上是不令人满意的。

PS：正在Xamarin.iOS中进行开发，但是本机iOS解决方案也将有所帮助。

提前致谢

Answer 1

试试这个Swift。

class ViewController: UIViewController {

    @IBOutlet weak var view1: UIView!
    @IBOutlet weak var view2: UIView!
    @IBOutlet weak var view3: UIView!


    override func viewDidLoad() {
        super.viewDidLoad()

        var borderwidth = CGFloat()
        borderwidth = 5

        let topBorder = CALayer()
        topBorder.backgroundColor = UIColor.black.cgColor
        topBorder.frame = CGRect(x: self.view1.frame.origin.x, y: self.view1.frame.origin.y, width: self.view3.frame.origin.x + self.view3.frame.size.width - self.view1.frame.origin.x, height: borderwidth)
        self.view.layer.addSublayer(topBorder)

        let bottomBorder = CALayer()
        bottomBorder.backgroundColor =  UIColor.black.cgColor
        bottomBorder.frame = CGRect(x: self.view1.frame.origin.x, y: self.view1.frame.origin.y + self.view1.frame.size.height - borderwidth, width: self.view3.frame.origin.x + self.view3.frame.size.width - self.view1.frame.origin.x, height: borderwidth)
        self.view.layer.addSublayer(bottomBorder)

    }

}

看这个截图 ： 1

Answer 2

掩盖是问题。 尝试这样。

view.Layer.MasksToBounds = false;
view.Layer.AllowsEdgeAntialiasing = true;
layer.BorderColor = color.ToCGColor();
layer.BorderWidth = 0.5f;
if (layer.SuperLayer == null && layer.SuperLayer != view.Layer)
    view.Layer.AddSublayer(layer);
view.Layer.BorderColor = Color.Transparent.ToCGColor();
layer.Frame = new CGRect(view.Bounds.Left, view.Bounds.Bottom - 0.5f, view.Bounds.Right, view.Bounds.Bottom);