뭐 좀 만들어볼까하다가....

 

컨트롤을 만들면서 직접 그려야 하는 부분이 있는데

영역내에 그려야 하는 박스 갯수에 따라 중심에서 그려져야 할때의 계산... 

 

5개 짜리

1개짜리

4개짜리

top 0 

중심 250 box H=100 

높이 500
//중심점을 기준으로 display되는 갯수로 높이값을 빼주면 시작지점이 된다. 
//중심이 절반이니까 = display / 2

1개면  250 - ( 100 * 1/2 ) = 250 -  50 box 1개 : 200-300
2개면  250 - ( 100 * 2/2 ) = 250 - 100 box 2개 : 150-250, 250-350
3개면  250 - ( 100 * 3/2 ) = 250 - 150 box 3개 : 100-200, 200-300, 300-400
...

간격값을 주면? 10씩 넣으면
offset = 10 // 중간에 display -1 개씩 끼워넣어지므로...

1개면  250 - ( 100 * 1/2 ) - (10 * (1-1/2)) = 250 -  50 -  0 box 1개 : 200-300
2개면  250 - ( 100 * 2/2 ) - (10 * (2-1/2)) = 250 - 100 -  5 box 2개 : 145-245,+10, 255-355
3개면  250 - ( 100 * 3/2 ) - (10 * (3-1/2)) = 250 - 150 - 10 box 3개 : 90-190, +10, 200-300, +10, 310-410

 

구현..

 

        int offset = 15;

protected override void OnPaint(PaintEventArgs e)
{
    base.OnPaint(e);
 
    // 시작 지점 = 박스 높이 *  디스플레이 카운트 / 2 - (간격 * (디스플레이 카운트 - 1) /2 );
    int top = this.Height/2 - (BoxHeight * DisplayCount / 2 ) - (offset * (DisplayCount-1) / 2);
    e.Graphics.DrawLine(Pens.Black, 0, this.Height / 2f, this.Width, this.Height / 2f);
    for (int loop = 0; loop < DisplayCount; loop++)
    {
        e.Graphics.DrawRectangle(Pens.Red, 10, top, BoxWidth, BoxHeight);
        top += BoxHeight + offset; 
    }
}