[C#] WinForms 파일 관리 앱 최종

2025. 4. 19. 23:46개발이야기

728x90
반응형

UI 개선하기

이전 글까지 파일 관리 앱의 핵심 기능을 모두 구현했습니다.
이번에는 앱의 디자인(UI)을 개선해서 더 깔끔하고 사용하기 쉽게 만들어보겠습니다!


1. 최종 목표

  • 버튼 배치 정리
  • 입력창과 버튼 정렬
  • ProgressBar 위치 조정
  • 레이블(Label) 추가해 입력창 설명

2. UI 구성 정리

 기본 레이아웃 제안

영역 구성

상단 폴더 선택 버튼 + 폴더 경로 표시 (TextBox)
중단 검색창(TextBox) + 검색 버튼
좌측 파일 리스트(ListBox, 다중 선택 가능)
우측 복사, 이동, 삭제, 이름 변경 버튼 세로 배치
하단 진행률 ProgressBar + 현재 작업 상태 표시

3. UI 개선 방법

 그룹박스(GroupBox) 활용

  • 관련된 버튼끼리 묶어서 정리
  • 예) 파일 작업 그룹 (복사/이동/삭제/이름 변경 버튼)

 Label 추가 예시

Label lblFolder = new Label();
lblFolder.Text = "폴더 경로:";
lblFolder.Location = new Point(10, 10);
this.Controls.Add(lblFolder);

Label lblSearch = new Label();
lblSearch.Text = "파일 검색:";
lblSearch.Location = new Point(10, 60);
this.Controls.Add(lblSearch);

 버튼 정렬하기

  • 복사/이동/삭제/이름 변경 버튼을 세로로 깔끔하게 배치
  • Anchor 속성 사용해서 창 크기에 따라 자동 정렬 유지
btnBatchCopy.Anchor = AnchorStyles.Top | AnchorStyles.Right;
btnBatchMove.Anchor = AnchorStyles.Top | AnchorStyles.Right;
btnDeleteFile.Anchor = AnchorStyles.Top | AnchorStyles.Right;
btnRenameFile.Anchor = AnchorStyles.Top | AnchorStyles.Right;

 ProgressBar 위치

  • 폼 맨 하단에 가로로 꽉 차게 배치
  • 진행률 외에 현재 작업 상태 메시지도 Label로 표시하면 더 좋음
progressBar.Dock = DockStyle.Bottom;
Label lblStatus = new Label();
lblStatus.Text = "대기 중";
lblStatus.Dock = DockStyle.Bottom;

4. 최종 앱 화면 구성 예시

┌───────────────────────────────────────────────┐
│ [폴더 선택] [텍스트박스: 폴더경로]             │
│ [파일 검색] [텍스트박스] [검색 버튼]            │
├───────────────────────────────────────────────┤
│ [파일 리스트 (ListBox)][버튼 그룹 (복사/이동/삭제/이름 변경)] │
├───────────────────────────────────────────────┤
│ [진행률 ProgressBar] + [현재 상태 Label]       │
└───────────────────────────────────────────────┘

 

이번 글에서는 WinForms 파일 관리 앱의 UI를 정리하고 개선하는 방법을 알아봤습니다.

  • 입력창/버튼/리스트 정렬
  • Label과 GroupBox로 가독성 향상
  • ProgressBar 위치와 상태 표시 추가

이제 이 파일 관리 앱은 기능과 디자인 모두 갖춘 미니 프로그램이 되었습니다!

 

728x90
반응형