아직 로그인 양식이 완료되지 않았습니다. 이제 로그인 양식에 대한 컨테이너를 만들었으므로 양식에 더 많은 위젯을 넣을 차례입니다.
- 두 개의 Horizontal Layout을 로그인 양식 컨테이너에 배치합니다. 두 개의 레이아웃은 하나는 사용자 이름 필드용이고 다른 하나는 암호 필드용입니다.
- 방금 추가한 각 레이아웃에 Label 및 Line Edit을 추가합니다. 위쪽 레이블의 text 속성을 Username:으로 변경하고 아래쪽 레이블을 Password:로 변경합니다. 두 줄 편집의 이름을 각각 사용자 이름과 암호로 바꿉니다.
- 비밀번호 레이아웃 아래에 푸시 버튼을 추가하고 텍스트 속성을 로그인으로 변경합니다. 이름을 loginButton으로 바꿉니다.
- 비밀번호 레이아웃과 로그인 버튼 사이에 수직 스페이서를 추가하여 약간의 거리를 둘 수 있습니다. 수직 스페이서를 배치한 후 sizeType 속성을 Fixed로 변경하고 Height를 5로 변경합니다.
- loginForm 컨테이너를 선택하고 모든 여백을 35로 설정합니다. 이는 모든 측면에 약간의 공간을 추가하여 로그인 양식을 더 보기 좋게 만들기 위한 것입니다.
- Username, Password 및 loginButton 위젯의 Height 속성을 25로 설정하여 비좁게 보이지 않도록 합니다.
- UI는 다음과 같아야 합니다.
댓글 없음:
댓글 쓰기