본문 바로가기
[Android] Activity와 ViewBinding으로 화면 전환하기 Activity란? Activity는 안드로이드의 4대 컴포넌트(구성요소)로서 앱의 화면을 담당합니다. 우리가 앱을 켰을 때 보이는 홈 화면이 보통 "메인 액티비티"라고 불립니다. 결제 화면은 "결재 액티비티"라고 할 수 있는 거죠. 일반적으로 액티비티는 웹 페이지와 같이 화면을 채우는 UI창이지만, 필요에 따라 다른 창 위에 작게 띄울 수도 있습니다. 메인 화면에서 결제창으로 넘어갈 때 다른 액티비티를 호출하여 앱과 사용자의 상호작용을 만드는 거죠. 액티비티는 Kotlin클래스 파일과 레이아웃 XML파일로 구성되어 있습니다. XML파일은 우리가 한번 만든 적이 있죠? XML은 레이아웃을, 클래스 파일은 동작을 구현합니다. [Android] [팁 계산기] 5. 나머지 레이아웃 추가 자 이제 레이아웃의 구.. 2024. 4. 1.
[Android] [팁 계산기] 5. 나머지 레이아웃 추가 자 이제 레이아웃의 구현은 거의 다 끝났습니다. switch, Button, TextView 위젯을 사용하여 세부적인 기능들을 더 추가해 보도록 하겠습니다. 팁을 반올림하기 위한 Switch 추가 우선 XML을 먼저 보도록 하겠습니다. switch는 사용자가 팁 반올림 여부에 예나 아니요를 선택할 수 있게 해 줍니다. 간단한 설명은 다음과 같습니다: ConstraintLayout의 UI요소에 맞춰 너비를 설정하고, 뷰의 높이를 내부 콘텐츠의 높이와 같도록 해 줍니다. checked 옵션을 true로 설정하여 스위치의 기본 옵션을 on으로 설정합니다. app:layout_constraintEnd_toEndOf="parent": 해당 뷰의 오른쪽 끝을 부모 컨테이너(ConstraintLayout )의 오른쪽.. 2024. 3. 27.
[Android] [팁 계산기] 4. 팁 옵션 추가하기 이제 사용자가 선택할 수 있는 다양한 팁 옵션에 사용할 라디오 버튼을 추가합니다. 옵션은 세 가지가 있어야 합니다. 훌륭함(20%) 좋음(18%) 괜찮음(15%) 저희가 이번에 사용할 레이아웃은 RadioGroup과 RadioButton이라는 위젯입니다. 사용하면서 방법을 익히면 되겠습니다. 추가되고 수정된 XML은 다음과 같습니다: 우리는 생성될 버튼들의 배치되는 형태(vertical, 위에서 아래로 순차적 배치), 시작 위치를 지정해 주었습니다. 이제 RadioButton들을 이 안에 생성해 보도록 하겠습니다. 이제 화면에 뭐가 좀 생겼네요! 기본 선택 추가 사용자가 선택하기 이전에 기본으로 선택될 팁을 지정하고, 반응하도록 해 봅시다. 이 기능은 RadioGroup의 속성인 checkedButton.. 2024. 3. 26.
[Android] [팁 계산기] 3. XML로 레이아웃 만들기 드디어 설레는 실습입니다. 들어가기에 앞서, 안스(안드로이드 스튜디오) 안에서 XML파일은 Split View로 지정하고 보시는 걸 추천드립니다. XML과 UI레이아웃을 동시에 볼 수 있습니다. XML파일에서 각 요소를 클릭해 보면 상응하는 뷰가 디자인 에디터에서 선택됩니다. 반대의 경우도 마찬가지입니다. 수정되는 내용을 한눈에 확인할 수 있습니다. 이제 한번 레이아웃을 맛깔나게 만들어 봅시다. TextView 삭제 를 하면 아래 부분만 남습니다. 여기다가 16px 패딩을 추가합니다. 이는 UI가 화면 가장자리에서 비좁아지지 않도록 합니다. 패딩은 여백이랑 비슷하지만, 외부에 공간을 추가하는 대신 레이아웃 내부에 공간을 추가합니다. 참고로 16px은 UI디자인에서 자주 사용되는 일반적인 패딩 값 중 하나.. 2024. 3. 26.