CAShapeLayer 1pxダッシュライン

Question

私は1ピクセルのダッシュラインを描画しようとしていますが、常に2ピクセルのラインを描画します。現在のソリューション：

let shapelayer = CAShapeLayer() 
let path = UIBezierPath() 
path.moveToPoint(CGPoint(x: x, y: y)) 
path.addLineToPoint(CGPoint(x: x, y: y)) 

shapelayer.strokeColor = UIColor.whiteColor().CGColor 
shapelayer.lineWidth = 1.0/UIScreen.mainScreen().scale 
shapelayer.lineJoin = kCALineJoinMiter 
shapelayer.lineDashPattern = [1, 3] 
shapelayer.path = path.CGPath 
layer.addSublayer(shapelier) 

Answer 1

シェイプレイヤーを使用すると、二重解像度の画面を持って知っていないので、それは1ポイントラインを描いていると、それが画面上に2つのピクセルに倍増されているためです。シェイプレイヤのcontentsScaleを画面の表示スケールに設定する必要があります。

この問題は、自分で作成したレイヤー（このようなもの）に対してのみ発生します。

Answer 2

@matt is correctあなたのレイヤのcontentsScaleを変更することについて - これはあなたがここで直面している問題ではないようです。

レイヤのcontentsScaleは、レイヤがレンダリングされる「論理」ピクセルのバッキングストアのサイズにのみ影響します。しかし、物理的なスクリーン上に表示されるために、このバッキングストアは、実際のデバイスの物理座標系と一致するように、ダウンサンプリングまたはアップサンプリングされる。

「論理」ピクセルの1倍コンテンツスケーリングされたバッキングストアに1ptの線を描画すると、その座標系の1px線として表されます。ただし、2xディスプレイに表示するにはアップサンプリングする必要があります。これは効果的に2倍の幅になります（ただし、アップサンプリングの性質は品質が低下することを意味します）。

倍精度浮動小数点型ストアで1ptの線を描画すると、その座標系で2px線として表されます。バッキング座標系&の物理座標系が一致するので、サンプリングする必要はなく、2xディスプレイに2px線として表示されます。

したがって、contentsScaleは、実際には、フィジカルのピクセル比率には影響しません。品質にのみ影響します（サンプリングのため）。したがって、サンプリングによる品質の低下を避けるために、デバイスのディスプレイの物理的なスケールと "論理"ピクセルのバッキング表示のスケールを一致させる必要があるため、contentsScaleの画面のスケールを使用する必要があります。ただし、線幅に1.0を使用すると、線幅がポイントで定義されているので、contentsScaleにかかわらず、2xディスプレイでは2px線、3xディスプレイでは3px線が生成されます。線幅をピクセル単位で測定したい場合は、画面の縮尺で分割する必要があります。

---

あなたの疑問を持っているように見える問題は、あなたが1ピクセルの線幅と線を引くしているということです、しかしあなたは（ダッシュパターンの線長さため1PTを設定しています）。したがって、2xのディスプレイでは、各セグメントが2x1ピクセルを占めるラインにつながります。

解決策は、のラインダッシュパターンと同様に、lineWidthのを指定することです。たとえば：

shapelayer.lineDashPattern = [1.0/UIScreen.mainScreen().scale, 3] // set whatever you want for the unstroked line dash length 
shapelayer.lineWidth = 1.0/UIScreen.mainScreen().scale 

さらに、あなたがクリップしたいピクセルに応じて、2倍のディスプレイ上の1倍または3倍の表示、および0.25ポイント（0.75ポイントで0.5ポイント、あなたのパスをオフセットする必要がありますとの行）。このオフセットは、水平の場合はラインのy座標に、垂直の場合はx座標に適用するとよいでしょう。これは、ラインのストロークがラインに「鞍を打つ」ことを意味します。つまり、ラインの両側に描画されます。ラインの位置に整数を使用すると、ピクセル境界上にそれを描画します。

通常、ポイントを使用するときに大きな影響はありませんが、ピクセルレベルで描画する場合は重要です。ラインをオフセットするとピクセルの中心に揃えられます。つまり、ストロークは1ピクセルだけを占めます。 1ピクセルのラインがピクセル中心に正しく配置されていないと、2ピクセルに渡って輝度が低下して表示され、望ましくない効果が生じます。