2021년 8월 14일 토요일

1.5.4 스타일 시트를 사용하여 로그인 화면 만들기

 아직 로그인 양식이 완료되지 않았습니다. 이제 로그인 양식에 대한 컨테이너를 만들었으므로 양식에 더 많은 위젯을 넣을 차례입니다.

  1. 두 개의 Horizontal Layout을 로그인 양식 컨테이너에 배치합니다. 두 개의 레이아웃은 하나는 사용자 이름 필드용이고 다른 하나는 암호 필드용입니다.
  2. 방금 추가한 각 레이아웃에 Label 및 Line Edit을 추가합니다. 위쪽 레이블의 text 속성을 Username:으로 변경하고 아래쪽 레이블을 Password:로 변경합니다. 두 줄 편집의 이름을 각각 사용자 이름과 암호로 바꿉니다.
  3. 비밀번호 레이아웃 아래에 푸시 버튼을 추가하고 텍스트 속성을 로그인으로 변경합니다. 이름을 loginButton으로 바꿉니다.
  4. 비밀번호 레이아웃과 로그인 버튼 사이에 수직 스페이서를 추가하여 약간의 거리를 둘 수 있습니다. 수직 스페이서를 배치한 후 sizeType 속성을 Fixed로 변경하고 Height를 5로 변경합니다.

  5. loginForm 컨테이너를 선택하고 모든 여백을 35로 설정합니다. 이는 모든 측면에 약간의 공간을 추가하여 로그인 양식을 더 보기 좋게 만들기 위한 것입니다.

  6. Username, Password 및 loginButton 위젯의 Height 속성을 25로 설정하여 비좁게 보이지 않도록 합니다.
  7. UI는 다음과 같아야 합니다.

댓글 없음:

댓글 쓰기

VITIS Git + Doxygen Config

 Doxygen Configure 1. Vitis 메뉴의 Window->Preference의 C/C++ -> Editor의 Documentation tool comments 기본 설정값을 Doxygen으로 변경 설정 후 함수 바로 위에서 /...