(Android 스튜디오 코틀린 앱 만들기 강좌) STEP9 선형 레이아웃 - 타이머 디자인
1) 새 프로젝트 클릭
2. Empty Activity 선택 후 Next 버튼 클릭(보통 Empty Activity가 자동선택됩니다.)3. Name항목에 Timer 입력 후 Finish 버튼 클릭! (주의: 개발언어가 Kotlin이 맞는지 확인하십시오.)4 . activity _ main . xml 을 클릭 !5. 오른쪽 상단의 Split 버튼을 클릭! (사진 상의 회색 배경에서 활성화 된 버튼 보이시죠?) 스플릿 버튼입니다.)6 . androidx . constraintlayou t . widget . ConstraintLayout 을 LinearLayout 으로 변경 !변경 후 7. TextView 삭제8. android:orientation="vertical" 추가 (하위 레이아웃을 수직방향으로 배치하기 위해) (수평방향은 horizontal)9. Linear Layout 을 아래와 같이 추가합니다.android:layout_width="match_parent"는 자녀 레이아웃의 폭이 부모 레이아웃의 폭과 같도록 하는 역할을 합니다. android:layout_height="0dp"는 높이의 값을 비우는 것입니다. android:layout_weight="4중량 중량을 차지하게 하는 것입니다. 부모 레이아웃의 몫을 차지하게 되는 것입니다.BlutPrint화면을 보면 각각 45, 15 비율로 2개의 자 레이아웃이 공간을 차지하고 있는 것을 확인할 수 있다.10. 둘째 레이아웃에 아래와 같이 버튼 2개를 추가하십시오.리니어 레이아웃을 보시면 방향성을 따로따로 하지 않을 경우 horizontal 즉 수평으로 설정이 되어 있는 것을 볼 수 있는 예입니다.부모 레이아웃 방향이 수직인 경우와는 다르게 수평인 경우, layout_width="0dp"로 설정하여 레이아웃 넓이 값을 비워두고, layout_height="match_parent"로 설정하여 높이를 부모 레이아웃 높이에 맞게, layout_weight="1"로 설정하여, 각각 레이아웃의 높이를 부모 레이아웃 높이에 맞게 하여 12개의 폭에 맞출 수 있습니다.참고 : 여기서 말하는 부모 레이아웃은 두 번째 아이 레이아웃입니다. 이유는 두 개의 버튼이 둘째 아이 레이아웃 태그 안에 들어가기 때문입니다.text를 각각 START, RESET로 해줬어요. 한글로 「초기화」라고 입력해도 괜찮습니다.
11. 첫 번째 레이아웃에 Table Layout을 추가합니다.android:layout_height="wrap_content"는 레이아웃의 높이를 내용물에 맞추는 것입니다.12 . TableLayout に TableRow を 入れます 。13. Table Row에 2개의 Text View를 넣습니다.android:textSize="30dp"는 텍스트의 크기를 30dp로 지정한 것입니다. android:gravity="center"는 중력을 중앙에 부여한 것으로 텍스트가 가운데 정렬되는 것을 알 수 있습니다.
14. 각 Text View 앞에 Number Picker를 아래 사진을 참고하여 추가합니다.android:id="@+idnp1"은, np1이라고 하는 ID값을 부여한 것입니다. android:layout_height="wrap_content"는 레이아웃의 높이를 내용물에 맞추는 것입니다. android:layout_weight="2"는, 무게의 값을 2만큼 부여한 것입니다.android:theme="@stylenp"는 styles.xml 파일에 정의한 NP라는 이름의 style을 적용한 것입니다. (styles.xml 파일에 style을 정의하는 방법은 15번에서 취급합니다.)
15 . Android - > app - > res - > values - > styles . xml 경로에 있는 styles . xml 파일 클릭 ! < style name = " NP " > < item name = " android : textSize " > 30dp < / item > < / style > 을 추가합니다 .
추가 전추가 후 16 . TableLayout 과 각 각의 textView 에 android : layout _ gravity = " center " 을 추가합니다 . レイアウト を 中央 揃え する コマンド です 。






















