안드로이드 독학 2일차 : UI 구성하는 방법

UI를 구성하려면 layout에 있는 xml을 가지고 디자인 하면 된다.

xml 디자인 하는 방법은 비주얼 도구를 통해서 드래그앤드롭 해서 위젯을 넣을수 있고

코딩으로도 위젯을 넣을수 있다.

 

비주얼 도구는 굉장히 간단하다

그야말로 그에 맞는 위젯을 꺼내서 넣으면 된다. 그리고 해당 위젯의 이벤트들에 대한 함수명도 설정해 넣을수도 있다.

 

이처럼 간편한대 이렇게 넣고 위치를 해놔도 직접 실행시키면 위치가 내가 설정해놓은대로 되지 않는다.

이럴땐 

 

 

마법봉을 누르면 바로 해결된다.

이건 이제 상대적인 위치를 내가 설정해놓은대로 해주는 부분이다.

 

xml 코딩을 통해서 하는 부분은 디폴트로 적혀져 있는 부분이 있다.

 

그것들에 대해서 알아보자.

 

1.

xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"

 

이것들은 해당 공간에서 속성들을 참조한다는 뜻이다.

 

2. tools:context=".MainActivity"

이건 이 Layout이 어떤 Activity와 연결되어 있는지 적는 부분이다. 

 

3.

android:layout_width="match_parent"
android:layout_height="match_parent"

이 부분은 폭과 길이를 설정하는 부분이다.

match_parent는 부모의 길이와 맞춘다는것이다. 자세한것은 추후에 아마 배울것 같다.

 

4. android:id="@+id/button"

이건 해당 위젯에 아이디를 부여해 자바 소스부분에서 참조할수 있도록 할수있게 하는 부분이다.

 

5. android:text="안녕하세용~"

이부분은 화면상 어떻게 보여질지 적는 부분이다.