좋습니다
처음부터 시작해 보겠습니다
여기 클릭하여 항목을 만들 수 있는 버튼을 만드는 것이
목표입니다
지금 시작 단계에서 목표입니다
자 이제 새로운 프로젝트를 생성하고 여기 Empty Activity(빈 액티비티)를 선택합니다
먼저 화면을 키우겠습니다
빈 액티비티 그리고 다음을 클릭합니다
이름은 MyShoppingListApp라고 합니다
나머지는 옵션은 바꿀 필요 없습니다
여기 이름만 지정하면
새로운 Android(안드로이드) 창이 열립니다
이제 Gradle이 작업을 처리하도록 놔둬야 하는데 여기서 중간에 멈추면
코드를 망가트릴 수 있기 때문입니다
우리가 원하는 것이 아닙니다
좋습니다 만약 Gradle이 준비되기 전에 편집을 시작했다면
MyShoppingListAppTheme이 작동되지 않았을 것입니다
이제 여기 있습니다
여기 인사말은 삭제할 것입니다
여기 있는 코드 또한 삭제할 것입니다
따라서 남는 부분은 MainActivity와 Surface가 됩니다
그리고 여기에 Column을 삽입합니다
좋습니다
Column 안에 다른 항목을 넣고
이를 import합니다
여기에서 마우스를 올리고 오른쪽 클릭할 수 있으나
여기 '화살표'에 들어가서
import 사용이 가능하다면 Alt+Enter를 누르고
import가 추가될 것입니다
이와 같이 Column이 추가되었습니다
여기 import layout.Column이 보일 것입니다
완벽합니다
그렇다면 Column이 어떻게 생겨야 할까요?
여기에 정의할 수 있는 modifier(제어자)가 있습니다
여기에 Modifier.fillMaxSize를 입력하여 column이
전체 화면을 차지하도록 만들어줍니다
그리고 여기에 verticalArrangement를 입력합니다
모든 것이 중앙 위치하도록 설정하려는 것입니다
따라서 세로 배열이
즉, 위에서 아래로 오는 부분이 중앙에 위치하도록 하는 것입니다
다음으로 설정할 것은 버튼입니다
지금쯤 여러분도 버튼을 만드는 방법을 알고 계실 것입니다
따라서 여기에 버튼을 설정하셔야 합니다
onClick event(이벤트)가 필요합니다
참고로 그것 또한 import하셔야 합니다
여기서도 또 이것을 사용할 것입니다
여기 있습니다(@Composable...)
compose.material3 버튼입니다
그런 다음 onClick 이벤트를 시행합니다
일단은 아무것도 추가 안하셔도 됩니다
그 다음 제어자를 통과 시킵니다
제어자는
여기에는 제가 만든 제어자를 설정할 것인데 버튼을 중앙에 위치하도록 하는 것입니다
Modifier.align를 입력합니다
여기 align 함수가 있어서 alignment를 통과시킬 수 있습니다
따라서 인터페이스인 Alignment에 .CenterHorizontally를 추가합니다
나중에 인터페이스가 무엇인지 더욱 자세히 살펴 볼 것입니다
이제 버튼에 내용을 추가하겠습니다
내용이 없다면 버튼이 작동하지 않을 것입니다
이와 같이 버튼을 설정할 수 있습니다
이제 text composable(텍스트 컴포저블)을 추가해 보겠습니다
이미 이전에 텍스트에 이름 또는 내용을 추가하는 것을 보셨습니다
이 내용이 버튼 안에 있을 텍스트입니다. 즉, Add Item입니다
좋습니다
여기서 잠시 실행을 하여 어느 시점인지 확인해 보겠습니다
그래서
아직 우리의 앱은 아닙니다
아직 목표인 쇼핑 목록 앱 화면입니다
우리가 달성하려는 화면입니다
앱이 로딩되기를 기다리면 이와 같이 보입니다
여기 Add Item 버튼이 있습니다
아직 위에 있지 않으나 시작은 천천히 할 것이니 괜찮습니다
그리고 점점 더 빠르게 진행할 것입니다
일단 이것으로 충분합니다
아직 완전히 새로운 것을 배우지는 않았습니다
지난 강의들에서 사용한 개념을 적용했습니다
지금까지 배운 것들을 다시 사용한 것입니다
이제 다음 영상으로 가서 Lazy Column을 추가할 것입니다
이를 통해 목록을 추가할 수 있게 됩니다
다음 영상에서 뵙겠습니다