'xml' 태그의 글 목록

본문 바로가기

[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.

[Android] [팁 계산기] 2. XML의 이해 뭘 배우나요 Android 스튜디오의 팔레트 안에는 이미 UI를 편리하게 만들 수 있는 layout editor 가 들어 있습니다. 그렇지만 우리는 굳이 그 구성 요소들을 하나하나 뜯어보면서 UI 레이아웃을 파악하고 수정하는 방법을 알아볼 겁니다. 기능을 이해해야 나중에 잘 써먹을 수 있겠죠? 그 UI 레이아웃의 정의와 디자인을 비롯하여 기능을 수행하는 마크업 언어가 바로 XML파일입니다. 쉽게 말해서 애플리케이션의 겉모습을 만들었을 때의 모습이라고 할 수 있겠네요. 안드로이드 앱의 UI는 계층 구조의 XML파일로 이루어져 있습니다. 이러한 구성 요소들은 사용자 인터페이스의 핵심을 이루며, 다양한 방식으로 배치되고 조절됩니다. 예시로 보는 게 더 쉽겠네요. 안스(Android 스튜디오는 그냥 안스라고 하.. 2024. 3. 26.

[Android] [팁 계산기] 1. 템플릿 들어가며 [팁 계산기] 포스트에서는 안드로이드의 codelabs 강좌에 기반하여 간단한 안드로이드 앱을 만들어보려 합니다. Android용 XML 레이아웃 만들기 | Android Developers 이 Codelab에서는 XML 언어를 사용하여 Android 앱의 레이아웃을 만드는 방법을 알아봅니다. developer.android.com 간단한 소개 이제부터 다음과 같은 팁 계산기의 기능을 앱으로 구현할 겁니다. 개발 시 Android에서 제공하는 다음 UI요소들을 사용하려 합니다: EditText: 텍스트를 입력하고 수정하는 기능 TextView: 서비스 질문, 팁 금액과 같은 텍스트를 표시하는 기능 RadioButton: 각 팁 옵션의 선택 가능한 라디오 버튼 여기서 라디오란, 여러 주파수 중 하.. 2024. 3. 25.

이전 1 다음

티스토리툴바

Web Analytics Made Easy - Statcounter