未单击时，像素化的TableViewCell元素仅在单击后才变得平滑

Question

我有一个嵌入circular progressbar的tableview单元格。

在选择单元格之前，它会呈现一个非常像素化的进度条：

然而，在选择它之后，它会像它应该的那样顺利渲染：

设置代码如下所示，自动布局通过Cartography应用：

 override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        let progressRing = UICircularProgressRingView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))

        progressRing.setProgress(value: 39, animationDuration: 2.0) {
            print("Done animating!")
        }

        let testView = UIView()
        testView.frame = CGRect(x:0,y:0,width:50,height:50)
        testView.backgroundColor = UIColor.red
        testView.addSubview(progressRing)

        self.contentView.addSubview(testView)

        constrain(testView) {tv in
            tv.trailing == tv.superview!.trailing - 25
            tv.top == tv.superview!.top + 10
            tv.bottom == tv.superview!.bottom - 10
            tv.leading == tv.superview!.trailing - 75
            tv.centerY == tv.superview!.centerY

        }
    }

在模拟器和运行ios 10的真实设备上都表现出相同的行为。是否有人知道可能导致此行为的原因？