[Android]EditText

오늘은 xml에서 EditText와 Button으로 아이디를 적는 것 처럼 타이핑 할 수 있는 구획과, 터치 시 동작하는 간단한 동적 기능을 가진 앱을 만들어 보았다.

 

먼저 xml 상에서 타이핑을 위한 공간과 버튼 모양을 만들어야 한다.

이후 자바 코드와 연결하여 동적으로 작동하도록 할 것이다.

 

xml 코드와 이것이 화면에 나타낼 모습

 

기본으로 설정되어 있는 Constraint Layout은 지금 수준으로는 다루기 어려우므로 먼저 Linear Layout으로 변경했다.

타이핑할 공란과 버튼을 수직으로 배치하고 싶다면 orientation을 추가하여 vertical로 설정한다.

 

루트요소의 자손으로(이렇게 부르는 게 맞는지 모르겠다) EditText를 추가한다.

id는 이후 .java 파일에서 호출하여 기능을 부여하기 위함이다.

'et_id'가 아이디이다.

다음으로 너비와 높이를 설정해주고, 우리가 로그인 창에서 흔히 보는 연한 회색의 '아이디를 입력하세요' 는 hint를 통해 넣을 수 있다.

 

이번엔 터치 시 동작하는 버튼이다.

마찬가지로 id와 크기를 설정한 후, 'Button'이라는 문자를 위에 넣어준다.

크기가 모두 wrap_content로 설정되어 있기 때문에 입력하는 글자에 따라 크기가 맞춰질 것이다.

 

 

다음으로 .java 파일로 이동한다.

 

 

먼저 et_id와 btn_test 라는 변수를 선언한다. xml에서 선언한 id와 동일하지만 아직 연결되지 않았기 때문에 

의미를 가지지 않는다.

이때 EditText와 Button에 대해 오류가 발생할 텐데, Alt+Enter로 각각 import 해 주면 오류가 사라진다.

이렇게 import 되어야 한다

 

다음의 onCreate()는 아마 프로젝트 생성 시 기본적으로 들어가 있을텐데,

이해한 바가 맞다면 이건 앱 실행 시 해당 코드가 처음 실행되도록 한다.

setContentView()를 통해서 아까 작업한 activity_main.xml로 출력되는 화면을 연결한다.

 

이전에 선언한 et_id와 btn_test를 .xml의 id와 연결하여 숨이 불어넣어진다.

 

버튼 클릭 시 기능이 동작하도록 한다.

지금이야 단순히 문자를 출력하도록 했지만, 나중에는

입력된 아이디와 패스워드가 일치하는지 검사하는 기능이 들어갈 수 있는 부분이 아닐까 싶다.

 

이걸로 끝이다. USB로 연결된 폰에서 빌드 및 실행을 해 보았다.

 

 

실행되는 모습