본문 바로가기

Project/TeamProject

[팀플 - movie_kiosk] 7th course (스크롤 이슈 해결 및 디자인 수정)

반응형

사진과 같이 장바구니 프레임에서 스크롤이 전혀 되지 않고 있었다

 

첫 프레임의 메뉴바에서는 

선택하고 싶은 메뉴를 선택했을 때, 해당하는 상품들이 GridLayout으로 들어가

원하는 그림대로 스크롤을 적용할 수 있었는데

장바구니에서는 적용되지 않고 있었다

 

다 똑같이 했는데 장바구니만 안돼서 많이 답답했다

 

여러 가지를 많이 고쳐봐도 고쳐지지 않았고,

계속해서 고쳐보다가 Layout 문제인 거를 깨닫고

코드 하나하나 주석처리하면서 이슈 발생지점을 좁혀나갔다

 

해답은 생각보다 많이 간단했다 

 

 

Detail_P2_C 클래스는 장바구니에 추가되는 각각의 상품들을 만드는 클래스이다

 

이 클래스는 setLayout이 처음에는 null이였다

각각의 레이아웃이 null이 들어간 상태에서 상품들이 들어가는 총패널을 GridLayout을 적용해서

해당 레이아웃 자체가 적용되지 않음을 알 수 있었다

 

위 사진처럼 setLayout을 BorderLayout으로 작성하거나 아예 작성하지 않았어야 했다

(아예 작성하지 않으면 기본값이 BorderLayout이다)

 

이 부분까지 수정을 완료하고, 마지막으로 디자인을 하면 팀 프로젝트에서의 맡은 부분을 끝낼 수 있었다

디자인 부분은, 각 컴포넌튿르의 색깔을 변경하고 둥글게 만드는 등 미적 감각이 필요했는데.. 그런 능력은 없어서

최대한 예쁘게 시도해보았다

 

맨 위에 광고패널이 크게 들어가면 화질이 살짝 깨지는 문제 때문에,

광고를 2개씩 보여주기로 결정하였고 그로 인해 화질 문제도 해결이 가능했다

 

그리고 각 버튼들을 구글링으로 둥근 버튼 코드를 검색해서 입맛대로 변경하여 각 버튼들을 수정하였고

 

아래 하단 바에서 이미지들이 계속 왼쪽 부분이 잘려서 들어가서 해결방법을 계속해서 모색했는데,

그냥 버튼에 텍스트가 들어가서 원하는 이미지 크기대로 안 잘렸던 것..

 

 

장바구니 화면도 디자인적으로 조금씩 수정하였다

그 밖의 각 상품들에 이름과 가격 수량을 띄어쓰기와 \t이 스윙 자체에서 적용되지 않아서

HTML 코드로 변경도 해보고 <div>, <tab> 많이 시도해봤는데 결국 안돼서

공백을 더해주었다

후에 더 나은 코드 방법이 있으면 수정해야겠다 

 

반응형