iOS 箭頭類型視圖的幾點心得

最近項目上要求開發箭頭的引導視圖,視圖的位置內容都是可變.

根據產品要求,總結幾點心得體會:

一 產品要求:

1 箭頭要在被指向的圖形橫軸中心;

2 引導視圖大小固定,可是位置要求根據被指向的位置變化;

二 心得:

1 根據箭頭指向的位置計算整個圖形的位置;

計算的方法:

A.先根據按照箭頭劇中計算,將傳入的箭頭的位置認爲是整個箭頭圖形的中心,計算出一個X軸最小、最大位置(view_min_x,view_max_x)

B.若是view_min_x大於等於8 而且view_max_x小於等於屏幕寬度-8 就使用A中view_min_x做爲箭頭引導圖的x座標,同時箭頭的位置在整個箭頭圖形中劇中

C.若是view_min_x小於8 而且view_max_x小於等於屏幕寬度-8,就使用8做爲箭頭引導圖的x座標,將傳入的箭頭x座標-8做爲箭頭的位置

D. 若是view_min_x大於等於8而且view_max_x大於屏幕寬度-8,就使用屏幕寬度-8.0f-箭頭引導圖寬度做爲箭頭引導圖的x座標,將,將傳入的箭頭x座標-8做爲箭頭的位置

(8 是左右個有8個點的間隔)

2 繪製箭頭圖形使用了CAShapeLayer 繪製箭頭圖形,要求有圓角,注意繪製圓角時圓心的座標

三 具體實現參見以下: