퇴근5분전

## 플로우

    + 조건 중첩된 컨트롤 만들기 ...

단순 코딩으로 만드는건 쉬웠는데...

UI로 구현하려니 골때리넹.. 머리아퍼...

[Variable 조건변수] 을 [변수] 또는 [컨디션 조건] 등에 드랍을 하면 코딩으로 하던 구조대로 변경해준다.

버튼으로 만들어준 파서로 변환하면서 확인.  드디어 완성이다.

300라인 내외로 파일 몇개인데 겁나 오래 걸렸네.

원노트에 모두 옮겨놨고, 내일 아침에 옮길 시간이 되려나...?

종일 코딩했는데... 느릿 느릿...? 졸려서 ... 혼났네!

 

 

 간간히 보이기에...

폰트 파일 https://www.barcodesinc.com/free-barcode-font/

 

 

 

 

 

  배틀 그라운드 자기장 ... 구현해보기.

C#으로 만들어보니... 어거지로 만들어봤음.  종일 걸리네...

 > 이미지로 스샷 찍고...

 > 그걸 GIF로 만드는 소스를 구해서 이미지를 만들었음.

스샷으로 일정 시간별로 스샷을 찍어서 끊겨보이는데... 실제 돌리면 스르륵... 이동함.

>> 모바일에서 보면 줄다 말다 하네...

( 소스 숨김 ) 

 

 트리의 노드 선택 <-- 시 하이라이트 < 처리가 되는데.

트리에서 포커스가 빠지면 하이라이트가 안되고 사라진다.

이걸 포커스가 없어도 선택된 노드에 하이라이트 표시를 유지 하기 위해.

# 주에에 포커스가 있지만 트리에는 제대로 표시가 됨.

# 해당 소스임. ( 회의록 관리 프로그램에 있는 코드. )

 

 

 

닷넷 카페에 질문글이 올라왔는데...

답변을 하려니 ... 전에 만들어 두었던 것들을 찾기 쉽지 않아서...

그냥 새로 간단하게 만들어 올림.

 

public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        PointF origin = new PointF(200f, 200f);
        float angle = 45f; // 각도
        float r = 100; // 반지름
        float startOffset = 10;

        Pen linePen = new Pen(Color.Black, 1f);
        Pen ellipsePen = new Pen(Color.Blue, 1f);

        Brush degree_0_dotBrush = new SolidBrush(Color.Red);
        Brush degree_90_dotBrush = new SolidBrush(Color.Yellow);
        Brush degree_180_dotBrush = new SolidBrush(Color.DarkBlue);
        Brush degree_270_dotBrush = new SolidBrush(Color.Green);

        Brush degree_result_dotBrush = new SolidBrush(Color.BlueViolet);

        private void Form1_Paint(object sender, PaintEventArgs e)
        {
            //외곽선 그리기
            e.Graphics.DrawRectangle(linePen, startOffset, startOffset, origin.X * 2, origin.Y * 2);
            //x축 그리기
            e.Graphics.DrawLine(linePen, new PointF(startOffset, origin.Y + startOffset), new PointF( origin.X * 2 + startOffset, origin.Y + startOffset));
            //y축 그리기
            e.Graphics.DrawLine(linePen, new PointF(origin.X + startOffset, startOffset), new PointF(origin.X + startOffset, origin.Y * 2 + startOffset));

            // 원그리기
            e.Graphics.DrawEllipse(ellipsePen, startOffset + origin.X-r, startOffset + origin.Y-r, 2*r, 2*r);

            // 0도
            float x = r * (float)Math.Cos(ConvertRadian(0d));
            float y = r * (float)Math.Sin(ConvertRadian(0d));
            e.Graphics.FillEllipse(degree_0_dotBrush, startOffset + origin.X + x - 5f, startOffset + origin.Y + y - 5f, 10f, 10f);
            // 90도
            x = r * (float)Math.Cos(ConvertRadian(90d));
            y = r * (float)Math.Sin(ConvertRadian(90d));
            e.Graphics.FillEllipse(degree_90_dotBrush, startOffset + origin.X + x - 5f, startOffset + origin.Y + y - 5f, 10f, 10f);

            // 180도
            x = r * (float)Math.Cos(ConvertRadian(180d));
            y = r * (float)Math.Sin(ConvertRadian(180d));
            e.Graphics.FillEllipse(degree_180_dotBrush, startOffset + origin.X + x - 5f, startOffset + origin.Y + y - 5f, 10f, 10f);

            // 270도
            x = r * (float)Math.Cos(ConvertRadian(270d));
            y = r * (float)Math.Sin(ConvertRadian(270d));
            e.Graphics.FillEllipse(degree_270_dotBrush, startOffset + origin.X + x - 5f, startOffset + origin.Y + y - 5f, 10f, 10f);

            // 실제 구하는 좌표 값
            x = (r + 10 ) * (float)Math.Cos(ConvertRadian(90d + 45d));
            y = (r + 10) * (float)Math.Sin(ConvertRadian(90d + 45d));
            e.Graphics.FillEllipse(degree_result_dotBrush, startOffset + origin.X + x - 5f, startOffset + origin.Y + y - 5f, 10f, 10f);

        }

        private double ConvertRadian(double angle)
        {
            return angle * Math.PI / 180d;
        }
    }

 

모델을 만들고 이걸 컨트롤을 디자인 해서 띄웠더니 구분되는 로직마다 폼이 떠서 창을 세번이나 띄워야 하기에 뭔가 좋은 방법이 없을까 하고

 

만들어봤다. 새로운 작업이력관리 프로그램에 적용도 해보았다.

 

<form>

 

 

< 이전 : x, 다음 : 아래 페이지로 이동 >

< 이전 : 위페이지로, 001 다음 : 아래 페이지로, 002 는 아래 아래 페이지로 >

< 이전 : 위 페이지, 다음 : x >

< 이전 : 위 위 페이지, 다음 : X >

 

 

소스이다.

 

        protected override void OnLoad(EventArgs e)
        {
            uC0011.Next("001", uC001UC0011);
            uC001UC0011.Next("001", uC001UC001UC0011);
            uC001UC0011.Next("002", uC001UC001UC0021);
            base.OnLoad(e);

            uC0011.GoToNext += UC0011_GoToNext;
            uC0011.BackToPrev += UC0011_BackToPrev;

            uC001UC0011.GoToNext += UC001UC0011_GoToNext;
            uC001UC0011.BackToPrev += UC001UC0011_BackToPrev;

            uC001UC001UC0011.BackToPrev += UC001UC001UC0011_BackToPrev;
            uC001UC001UC0021.BackToPrev += UC001UC001UC0021_BackToPrev;

            uC0011.Dock = DockStyle.Fill;
            uC001UC0011.Dock = DockStyle.Fill;
            uC001UC001UC0011.Dock = DockStyle.Fill;
            uC001UC001UC0021.Dock = DockStyle.Fill;

            uC0011.BringToFront();
        }

        private void UC001UC001UC0021_BackToPrev(Control prev)
        {
            prev.BringToFront();
        }

        private void UC001UC001UC0011_BackToPrev(Control prev)
        {
            prev.BringToFront();
        }

        private void UC001UC0011_BackToPrev(Control prev)
        {
            prev.BringToFront();
        }

        private void UC001UC0011_GoToNext(string next, object[] prms)
        {
            switch (next) {
                case "001":
                    uC001UC001UC0011.BringToFront();
                    if (prms != null && 0 < prms.Length)
                    {
                      //  uC001UC001UC0011.SetData("" + prms[0]);
                    }
                    break;
                case "002":
                    uC001UC001UC0021.BringToFront();
                    if (prms != null && 0 < prms.Length)
                    {
                      //  uC001UC001UC0021.SetData("" + prms[0]);
                    }
                    break;

            }
        }

        private void UC0011_BackToPrev(Control prev)
        {
            prev.BringToFront();
        }

        private void UC0011_GoToNext(string next, object[] prms)
        {
            uC001UC0011.BringToFront();
            // prms는 uC001UC0011 에 필요한 정보를 고정된 순서로 전달되며 필요한 데이타 타입으로 캐스팅 해서 사용.

            if (prms != null && 0 < prms.Length)
            {
                uC001UC0011.SetData("" + prms[0]);
            }
        }

 

 

이렇게 form에서는 네비게이터 이동처리만 하고 실제 모듈에 대한 처리는 판넬 내부에서 직접처리하게 만들었다.

 

 

  화면에 컨트롤을 여러개 뿌려져있을때

이를 마우스 드래그로 여러개를 선택하고자 할때 점선으로 박스를 그리고 싶을때 사용하면 됨.

 

기본 form에 버튼 몇개를 마구잡이로 배치하고 아래와 같이 구현하면

 

마우스 down시작점에서 마우스 up끝점까지 박스를 그려준다.

 

시작점에서 끝지점이 w+, h+일때는 크게 문제가 안되지만.

끝지점이 w- 또는 h-일 경우  Rectangle GetBox(Rectangle rct) 메서드 내에 있는 것처럼

박스위치와 크기를 고쳐줘야 한다.

 

전에 모니터링 만들땐 좀 복잡하게 했던것 같은뎅... 어째꺼나.. 아래처럼 쉽게 되었다.

 

 

어느 방향으로든 마우스로 끌어도 사각형이 제대로 그려진다.

 

 

 

 

List<Button> SelectButtonList = new List<Button>();

        bool IsMDown = false;
        Rectangle rect = new Rectangle();
        protected override void OnMouseDown(MouseEventArgs e)
        {
            base.OnMouseDown(e);

            ClearSelectedButtonList();

            IsMDown = e.Button == System.Windows.Forms.MouseButtons.Left;
            rect.Location = e.Location;
            rect.Width = 0;
            rect.Height = 0;
            Invalidate();
        }

        private void ClearSelectedButtonList()
        {
            foreach (var btn in SelectButtonList)
            {
                btn.ForeColor = Color.Black;
            }
            SelectButtonList.Clear();
        }

        protected override void OnMouseMove(MouseEventArgs e)
        {
            base.OnMouseMove(e);
            if (IsMDown)
            {
                rect.Width = e.Location.X - rect.X;
                rect.Height = e.Location.Y - rect.Y;
                Invalidate();
            }
        }

        protected override void OnMouseUp(MouseEventArgs e)
        {
            base.OnMouseUp(e);

            IsMDown = false;

            Rectangle box = GetBox(rect);

            foreach (Control ctrl in Controls)
            {
                if (box.Contains(ctrl.Bounds) && ctrl is Button)
                {
                    SelectButtonList.Add(ctrl as Button);
                    ctrl.ForeColor = Color.Red;
                }
            }

            rect.Location = e.Location;
            rect.Width = 0;
            rect.Height = 0;

            Invalidate();
        }

 

        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);
             Rectangle box = GetBox(rect);
             ControlPaint.DrawBorder(e.Graphics, box, Color.Red, ButtonBorderStyle.Dotted);
        }

 

        private Rectangle GetBox(Rectangle rct)
        {
            Rectangle box = rct;

            if (box.Width < 0)
            {
                box.X = box.X + box.Width;
                box.Width *= -1;
            }

            if (box.Height < 0)
            {
                box.Y = box.Y + box.Height;
                box.Height *= -1;
            }
            return box;
        }

 

 Mockup Designer 에서 판넬에 스크롤을 넣을 수가 없어서 이걸 비스므리 하게...

 

트랙바를 이용해서 구현했다.

 

 

아래처럼 하면 내부 컨텐츠 컨트롤이 뷰 판넬보다 크게 만들어놓고

테스트 하면 트랙바가 움직일때 내부 컨트롤들을 이동시켜주므로

스크롤 되는 것 처럼 보인다.

 

        int prev = 0;

 

        public Init()
        {             
            trackBar1.Maximum = ( {내부 컨텐츠 컨트롤}.Height - {뷰 판넬}.Height + 2 );
            trackBar1.Value = trackBar1.Maximum;
            prev = trackBar1.Maximum - trackBar1.Value;
        }


        private void trackBar1_Scroll(object sender, EventArgs e)
        {
            foreach (Control ctrl in {뷰 판넬}.Controls)
            {

                ctrl.Top += (prev - (trackBar1.Maximum - trackBar1.Value));
            }

            prev = trackBar1.Maximum - trackBar1.Value;
        }

 

 

 

## 기존 버그...

Mockup Designer에서 스크롤을 적용하면 ...

 

컨트롤을 드래그해서 올리거나 또는 끌어다가 이동시키면 스크롤이 미친듯이 움직여서 .... 제어가 안된다.

 

그래서 없이 썼는데, 모니터가 작으니 큰 화면 디자인이 안되었다.

 

편법으로 위와 같이...

 

 

오늘도 12시가 넘어버렸넹...

 

집에서 코딩 그만해야되는데!!!!! 쭙~

 

JSFW.Mockup 프로그램을 사용하다가 예외가 뜨길래 디버깅을 해봤다.

 

전달되어야 할 대리자가 null 이었다. 왜지?

 

처음엔 if문으로 null체크하고 넘어갔는데, 왠지 모를 찝찝함으로 계속 테스트를 하면서 왜 null 이 되는지 찾았다.

 

 

mockup의 속성에서 Editor를 띄워서 컬럼목록으로 컨트롤을 생성하는 창을 띄웠다.

그리고 이 창에서 컨트롤을 생성하여 드래그 앤 드랍으로 원하는 위치에 떨어뜨린다.

 

그리고 떨어뜨린 컨트롤을 선택했을때

 1. 속성창에 해당 컨트롤의 속성들을 보여준다.

 2. 선택된 컨트롤을 지정해둔다.

   - delete 키를 눌렀을때 해당 컨트롤 삭제 처리해야 하기때문에...

 

 

근데 여기서 문제가... 창에서 생성된 컨트롤에 이벤트를 부여할때

 

판넬.대리자를 넘겨준다. => 기본Editor 객체 => 생성창 => 생성된 컨트롤.대리자 = 넘어온.대리자;

 

여기서 배치가 끝나고 생성창을 닫으면!  실제 컨트롤.대리자 에 할당되어 있던 넘어온.대리자(판넬.대리자)가 null값이 되었다.

 

그래서 선택된 컨트롤로 지정이 안되어 삭제가 안되고 이전에 이벤트를 제대로 탄 객체가 선택되어진채 있다가 delete 누르면 그게 날아간다.

 

이걸 기본Editor에서 컨트롤을 생성하여 드래그 앤 드랍 처리를 하고 이벤트도 여기서 붙인다.

그리고 이 메서드를 대리자를 통해서 생성창에 넘기고, 생성된 컨트롤.대리자에 또 넘겨준다.

실제 컨트롤을 드래그를 시작하면 원래 Editor개체에서 생성을 하여 직접 전달하게 된다.

 

창이 닫혀도 이벤트는 계속 유지되기 때문에... 정상동작되는 것을 확인하였다.

 

글로 쓰니 ...alskdjflasjdflaj

 

 

 

 

추가... 08-07

 

새것으로 만들어진 프로그램을 슬레이트pc에 설치하고 터치로 핸들링 해봤더니... ㅡ.,ㅡ;;;

옛날것이 더 좋다.는 결론이 나왔다. 아~~~~

 

 

 

 

#####################################################################################

새것과 옛날에 만든 것

 

 

 새것은 각 귀퉁이에 마우스를 올리면 커서가 나타난다. 그리고 버튼을 누른체 이동하면 자유롭게 늘거나 줄이거나 가능하다.

중앙을 선택하면 이동이 된다.

 

 

 옛날것은 Mover 라는 클래스에 각 위치별 제어컨트롤을 등록시켜주고,

컨트롤을 클릭 했을때 해당 제어 컨트롤들을 원하는 위치에 딱! 배치시켜주는 건데...

 

 예전에 저걸 찾을때 코드프로젝트에도 구글에도 없길래 만들었었다.

 

새것 저건 최근에 레이어그리드 cell 넓이 높이 조절하는 코드를 구현하다가 컨트롤에도 만들어보면 어떨까 해서 만들어봤다.

 

나름 괜찮네?

 

* 새거

 MockupControlReSizeAndMoving mr = new MockupControlReSizeAndMoving(true);

 mr.AttachedEvents( this );  // this는 호스팅될 컨트롤!

 

* 구형

JSFW_Mover mv = new JSFW_Mover();

mv.Regist(new MV_M());
mv.Regist(new MV_L());
mv.Regist(new MV_T());
mv.Regist(new MV_R());
mv.Regist(new MV_B());
mv.SetParent(BackGround_DesignPanel);

 

이렇게 해놓고

컨트롤 mouseDown 이벤트에서

mv.HostControl = 해당컨트롤;

이렇게 해주면 위 그림처럼 착! 달라붙는다.