안드로이드 스튜디오 Button 버튼 코딩

앱에서 흔하게 보이는 버튼은 어떻게 작동할까요?

 

보통 버튼은 누르면 다른 화면으로 넘어갑니다. 앱을 이용했을때 정말 단순한 기능이지만, 사실 알고 보면 이 간단해 보이는 버튼에 코딩이 숨겨져있습니다.

 

지정된 이미지를 버튼으로 수행할 수 있게 객체로 지정하며, 그 객체에 코딩을 넣음으로서 단순하게 누른 것만으로 다음 화면으로 넘어갈 수 있는 코딩을 새긴 것입니다.

 

완전히 무에서 유를 창조하는 것이 아니라 이미 있는 안드로이드 스튜디오 라는 템플릿에서 이들이 원하는 언어를 작성해 앱 기능을 구현하는 것입니다.

 

---

 

시작하기 전에 유의하실 점

 

안드로이드 스튜디오에서 새로운 프로젝트를 열어주세요.

프로젝트를 열 때 파일이 안열리면 아래 링크를 통해 확인해주세요. 

보통 유저명이 한국어라서 안 열려지는 경우인데 아래링크에 해당 사항에 대해 적었습니다.

안드로이드 스튜디오 설치 your project cantains not apcii character (tistory.com)

안드로이드 스튜디오 설치 your project cantains not apcii character

 

그리고 반드시 파일에 있는 Activity 갯수가 두개 이상이여야지 버튼이 작동됩니다.

버튼을 통해 다른 화면으로 넘어가는 기능을 구현할 거기 때문에, 

화면이 하나면 하나의 화면에 계속 머무르는 기능만 나타납니다.

 

이 Activity는 책의 페이지와 같습니다. 앱의 버튼을 누르는 것은  페이지를 넘겨, 다음 페이지로 넘어가는 것과 다름 없습니다. 페이지가 하나면 넘길 수 있는 페이지가 없기 때문에 버튼을 눌러도 계속 같은 페이지에 있는 것과 다름 없습니다.

 

새로 프로젝트를 열었을때 아래 화면과 같이 kotlin+java 파일에 프로젝트명으로 된 파일에

MainActivity가 하나밖에 없으면 현재 이 앱에 페이지는 하나 밖에 없는 상태입니다.

 

MainActivity에 마우스를 올려, 우클릭을 해주세요. 떠오른 창 속에 있는 New 에 마우스를 올려주세요.

그 다음은 New>Activity>Empty Views Activity 를 클릭해주시면 됩니다

 

아래처럼 새로운 화면이 열립니다. 

Activity Name에서 이름을 변경해주시면 됩니다. 저는 MainActivity2로 지정했습니다.

이름을 다 적어주셨으면 우측 하단에 체크 표시된 Finish 버튼을 눌러주시면 됩니다.

 

Activity가 두개라면 이제 버튼을 기능시킬 준비가 끝났습니다.

 

 

 

---

이제 화면에 버튼을 생성할 것입니다. res\layout\activity_main.xml 을 더블 클릭해주세요.

사진에 하얗게 체크된 부분입니다.

 

Button을 클릭한채로 화면에 드래그하면 끝입니다.

 

 

이제 코딩만 넣으면 끝입니다.

다시 MainActivity를 더블 클릭해주세요.

 

 

이곳에서 버튼 Id와 돌아갈 화면의 Acivity를 입력해주시면 됩니다.
Activity 제목은 각자 Activity이름대로 해주시면 됩니다. 저는 임의로 했던 MainActivity2를 입력했습니다.

//버튼에 ID부여
val SubmitButton = findViewById<Button>(R.id.버튼 ID)

//버튼을 클릭하면 어디로 돌아갈지 클릭
SubmitButton.setOnClickListener {
            val intent = Intent(this, 돌아갈 화면의 Activity이름을 넣어주세요::class.java)
            startActivity(intent)
        }

 

 

버튼 ID는 activity_main.xtml을 더블 클릭해주시고, Spilt를 클릭하면 구하실 수 있습니다.

 

이렇게 작성되면 끝났습니다.

 

*안되는 경우

코딩이 override 구간 마침표 아래에 있을때
override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_result) {
        ...
        }
        
        //이곳에 코딩을 삽입하면 작동이 안됩니다

**안되는 경우 2

val intent = Intent(this, MainActivity::class.java)

부분이 제대로 작성되지 않은 것입니다. 다시 타자쳐서 작성해보시고 위 사진 처럼

val intent = Intent(pacakageContext: this, MainActivity::class.java)

로 변했는지 한번더 확인해주세요.

***val SubmitButton에서 무조건 SubmitButton이라 할 필요없습니다
    작동되는 버튼의 기능에 따라 이름을 바꾸면 됩니다

 

---

이제 위에 재생버튼을 눌러 확인해주시면 버튼이 제대로 굴러가는 것을 확인하실 수 있습니다.

 

위 버튼이 작동 안되면 아래링크 참고해주세요.  

안드로이드 스튜디오 앱 실행 화면 미리보기 기능 (tistory.com)

안드로이드 스튜디오 앱 실행 화면 미리보기 기능

 

분명 오늘 캠프는 6시에 끝났는데 작성하는 것만으로 3시간 넘게 걸리네요..

배운 것을 블로그에다가 노트정리하는 느낌이라 살짝 아득합니다.

이제 제 뇌를 비우러 가겠습니다.