프로젝트 구성
도구상자에서 PictureBox
, RadioButton
을 Form1
에 생성합니다.
위 이미지와 같이 배치합니다.
도구 상자 속성
속성을 다음과 같이 설정합니다.
- PictureBox (1번)
- Size : 300, 300
- SizeMode : StretchImage
- image : test.png
- PictureBox (2번)
- Size : 300, 300
- SizeMode : StretchImage
- RadioButton (1번)
- RadioButton (2번)
- Tip
- Normal : Image 크기에 맞춰 PictureBox에 출력
- StretchImage : Image를 PictureBox 크기에 맞춰 늘림
- AutoSize : PictureBox의 크기를 Image 크기에 맞춤
- CenterImage : PictureBox 중간에 Image를 배치
- Zoom : Image의 크기를 PictureBox에 비율에 맞게 늘림
리소스 선택
로컬 리소스에서 가져오기 버튼을 눌러 저장된 이미지를 불러옵니다.
- Tip
- 로컬 리소스 : 파일의 경로를 참조 형식으로 출력하는 방법입니다. 다른 PC에서 사용시 경로가 다르다면 해당 파일이 출력되지 않습니다.
- 프로젝트 리소스 : Resources 폴더에 파일이 복사되어 다른 PC에서 작업을 하여도 동일하게 출력됩니다. (프로그램 내에 내장)
세부 코드
pictureBox2의 이미지를 null
로 변경시킵니다.
pictureBox2의 이미지를 pictureBox1의 이미지로 변경합니다. 복사 붙여넣기와 같습니다.
- Tip : null이란 아무 것도 가리키고 있지 않다는 것을 나타내기 위해 사용하는 값입니다.
PictureBox1 이벤트 적용
pictureBox2의 속성-이벤트에서 MouseDown 이벤트
를 활성화 시킵니다.
MouseDown 이벤트는 마우스의 단추를 누르면 발생합니다.
좌, 우 클릭 상관없이 이벤트가 발생합니다.
세부 코드
위와 같은 조건문을 추가해주면 우 클릭에서만 이벤트가 발생합니다.
grp라는 그래픽스를 pictureBox2에 생성시킵니다.
이후, pen을 생성하여 색상을 선택합니다.
DrawLine을 이용하여 직선을 그릴 수 있습니다.
e.X, e.Y는 마우스 포인터의 위치입니다. e.X는 X좌표, e.Y는 Y좌표입니다.
pictureBox의 좌표는 왼측 상단이 (0, 0)이며 우측 하단이 (max, max)입니다.
생활에서 적용하는 좌표계와 약간 다르니 주의하시기 바랍니다.
PictureBox 2 이벤트 적용
pictureBox2의 속성-이벤트에서 MouseMove 이벤트
를 활성화 시킵니다.
조건문에서 Right를 Left로 대체하였습니다.
MouseMove 이벤트는 pictureBox2 위에서 마우스 포인터를 움직일 때마다 발생합니다.
조건문을 생략한다면, 마우스를 움직이는 것만으로도 화살표들이 생성됩니다.
마우스 좌 클릭 상태로 움직이면 화살표들이 연속적으로 생성됩니다.
이벤트 실행
마우스 좌, 우 클릭을 통하여 화살표들을 생성할 수 있습니다.
DrawLine
이나 DrawEllipse
등을 이용하여 다양한 모양도 그릴 수 있습니다.
전체 코드
댓글 남기기