• github 참고 : https://github.com/plashdof/Task

1. instagram_main.xml

• ConstraintLayout / LinearLayout / FrameLayout 사용

• 전체적인 layout : ConstraintLayout

  • 컴포넌트들의 위치를 원하는곳에 배치 가능
  • 각 컴포넌트 사이의 위치관계를 정의할 수 있기때문에, 해상도별 영향을 덜 받음

• 맨위상단 storyboard 컴포넌트

  • 가로로 나열되어있기 때문에 LinearLayout 사용
  • orientation=”horizontal” 을 이용하여 가로로 설정
  • 아래에 View를 사용하여 구분선 셋팅

• 아래 main 컴포넌트

  • 세로로 나열되기 때문에 LinearLayout 사용
  • orientation=”vertical” 이용하여 세로로 설정

• 각 게시물 컴포넌트

  • 엑지향태로 구현되어있기 때문에 FrameLayout 사용
  • 게시물 전체배경 위에 사진을 얹는 느낌으로 구현
  • 밑에 3가지 버튼 삽입