옆집동생

안드로이드 스튜디오 – 안드로이드 화면에 버튼 넣기

화면에 버튼을 만들고 버튼을 눌렀을 때 정보를 보여주는 기능을 넣어보겠습니다.

▶res/layout/activity_main.xml의 text를 다시한번 들어갑니다.

▶<TextView>태그를 <Button>태그로 변경

<Text View> 태그가 화면에 나타나는 글자를 참조한다는 것을 알아 보았으니 텍스트를 보여주는 태그가 여기 들어있다는 것을 알 수 있습니다. 

이제 <Text View>태그를 <button>으로 바꾼 후 실행해 보겠습니다.

*button으로 입력하면 오류가 뜰 수 있습니다. Button으로 대문자를 유의하여 입력해주세요

▶<Button>태그 입력 후 다시 실행한 화면

TextView를 Button으로 변경한 것 뿐인데 화면에 버튼이 하나 만들어졌지요?

안드로이드는 기초가 되는 코드부터 디자인 패턴을 많이 적용하여 만들어졌기 때문에 쉽게 이해하며 프로그래밍 할 수 있는 구조를 가지구 있어요.

그 특징중 하나가 button이 TextView를 상속하고 있는 것인데 이렇게 상속하여 정의된 버튼은 TextView태그를 Button 태그로만 바꿔도 텍스트뷰의 속성을 그대로 사용할수 있고 오류없이 화면이 바뀌게 됩니다.

안드로이드 스튜디오- 안드로이드 화면 글자 바꾸기

화면에 보이는 글자를 바꾸어 봅시다.

글자는 ‘activity_main.xml’ 파일 안에 들어있는 것을 알고 있으니 쉽게 변경할 수 있습니다.

‘activity_main.xml’탭을 활성화한 상태에서 아래의 ‘text’탭을 선택해줍니다.

> hellow world를 선택

>안녕 안드로이드 입력

‘activity_main.xml’ > ‘text’ > ‘hellow world’ > ‘안녕 안드로이드’로 변경

글자를 변경후 안드로이드 스튜디오 상단의 실행 버튼을 눌러 앱을 다시 실행해 주시면 잠시후 ‘hellow world‘에서 >> ‘안녕 안드로이드‘로 변경된 화면을 볼 수 있습니다.

첫 번째 앱 구조

앱이 만들어졌고 에뮬로 실행되는것도 확인했습니다.

앱이 실행되었을 때 보이는 글자는 직접 입력한것도 아닌데 화면에 나타나게 됩니다. 이 글자들이 어떻게 보이게 된것인지 알아 보겠습니다.

안드로이드 스튜디오의 mainactivity.java‘탭을 열어 확인해보겠습니다.

mainactivity.java 탭을 열어 자바 내용을 보면 표준 자바나 다른 언어에서 볼 수 있는 main함수를 찾아볼수 없습니다. 애플리케이션의 시작점이 되는 적으로 생각되는 main함수가 없는 것을 보아 안드로이드에서는 main 함수가 아닌 다른함수가 시작점이 되는것이라고 추측할 수 있습니다.

아마도 onCreate()함수가 시작점이 되는 것 같은데 그안에 매우 간단한 두줄의 코드만 들어있습니다. 첫 번째 줄에서는 super이라는 키워드를 사용하고 있는데 상속을 받은 클래스가 부모 클래스를 가르킬 때 super키워드를 사용하므로 부모클래스에 있는 동일한 이름의 oncreate()함수를 호출하는 것임을 알수있는데요. 따라서 이 코드에는 큰 의미를 두지 않아도 될거같습니다. 그렇다면 한줄의 코드가 화면에 글자를 보이도록 한 것으로 생각할 수 있습니다.

이 한줄코드에서 보이는 setcontentView()라는 함수에 대해 그 의미를 알수없다고 해도 굉장히 중요한 역할을 한다고 짐작할수 있습니다. 파라미터로 전달된 R.layout.activity_main은 기존의 자바에서는 보기힘든 형태인데 결국화면에 어떤 내용이 보이도록 만든 정보라는 것을 이해해야 합니다.

그럼 src폴더가 아닌 다른 폴더의 정보를 보겠습니다. 

안드로이드 스튜디오 화면의 왼쪽에 보이는 영역이 프로젝트 영역인데 Android 탭 안에 트리 구조로 만들어진 내용이 표시되어 있습니다. 

이곳에서 app이라는 하위에 ‘/res’ 폴더를 보면 

그 밑에 있는 여러 폴더중 ‘layout’ 폴더를 찾을수 있고 그밑에 ‘activity_main.xml‘이라는 파일이 있습니다.

‘activity_main.xml‘ 파일을 열어 보면 프로젝트가 만들어 질 때 만들어진 탭이 다시 화면에 보이는데 그안에 ’hellow world’ 글자가 들어있습니다. 결국 ‘activity_main.xml‘파일의 내용은 앱을 실행 했을 때 처음 보이는 화면이 어떤 모양으로 구성되는지를 담고 있는 것입니다.

 ‘activity_main.xml‘ > Text 창

화면 하단에 있는 탭중에 Text탭을 누르면 XML의 내용을 직접 볼수 있고 바꿀수 있습니다.

‘design’탭을 선택하면 마우스를 이용해 버튼과 같은 것들을 화면에 직접 넣을 수 있는 디자인화면이 표시됩니다.

이를 통해 ‘activity_main.xml‘파일에서 만들어준 화면 모양을 앱이 그대로 보여준다는 것을 이해할 수 있습니다. ’mainactivity.java 파일 안에 들어 있는 ‘setContentView()’함수를이용해 ‘activity_main.xml‘의 내용을 화면에 설정하는 것도 어느 정도 이해할수 있습니다. 

tool > android > enable ADB integration 체크

에뮬레이터 만들기

새로 만들어진 프로젝트에 어떤 것들이 들어 있는지 구체적으로 알아보기 전에 먼저 프로젝트에서 자동으로 만든 앱의 기능이 어떤 것인지 앱을실행해서 확인해보겠습니다.

앱을 실행하려면 우선 에뮬레이터를 띄워야 합니다.

에뮬레이터(Emulator)는 단말 등의 다른 장치를 똑같이 흉내 내도록 설계된 장치나 프로그램, 한 시스템에서 다른 시스템을 복제한다. 그리하여 두 번째 시스템이 첫 번째 시스템을 따라 행동하는 것이다.

에뮬레이터는 다른 프로그램이나 장치를 모방하는 "컴퓨터 프로그램 또는 전자기기의 능력"을 뜻한다.

In computing, an emulator is hardware or software that enables one computer system (called the host) to behave like another computer system (called the guest). An emulator typically enables the host system to run software or use peripheral devices designed for the guest system. Emulation refers to the ability of a computer program in an electronic device to emulate (or imitate) another program or device.

안드로이드 스튜디오 상단 툴바에 있는 여러 아이콘 중에서 오른쪽 끝에서 다섯 번째쯤에 있는 AVD manager 아이콘을 클릭하면 에뮬플랫폼으로 만들고 실행할 수 있는 창을 띄울 수 있습니다.

만들어져있는 에뮬이 없기 때문에 새로운 가상 단말을 만들라는 안내화면이 나옵니다.

 가운데 있는 create virtual device 버튼을 눌러 새로운 에뮬생성과정을 단계별로 진행합니다.

첫 번째: select hardware

가상으로 보일 에뮬을 위한 하드웨어를 선택합니다. 넥서스5가 선택된 그대로 next를 눌러주세요

두 번째: system imege 화면

에뮬을 실행할 이미지를 선택해야합니다. 이미지란 단말기 하드웨어의 종류에 따라 달라지는 것으로 하드웨어를 실행하기 위한 정보를 담고 있는 하나의 파일이라고 생각하면 됩니다. ABI 칼럼 값 x86을 선택합니다.

API lv 값은 25로 되어있습니다. 이 숫자는 최신 버전이 달라지면 더 높은 숫자로 표시될수있는 것을 주의하세요. ABI 값은 ‘x86’ API level값은 최신버전인 항목을 선택후 next버튼 클릭해주세요. next버튼이 활성되 되지 않는다면 누가(nougat)의 옆에 Download 부분을 눌러 내려받은후 선택해주세요.

마지막으로 선택한 정보가 맞는지 확인하는 창이 나타나요. 위쪽에 AVD name 항목에 새로 만들어질 에뮬의 이름이 자동으로 들어가있습니다. 

AVD화면에 에뮬레이터를 만들기 위해 입력한 정보를 확인하고 수정할수 있습니다.

next버튼을 눌러주시면 새로운 에뮬이 만들어집니다. AVD 매니저 화면안에 새로운 에뮬이 만들어 진 것을 확인할 수 있습니다.

추가된 에뮬의 actions 항목에 있는 초록색 세모 실행 아이콘을 클릭합니다. 잠시 기다리면 안드로이드 표시와 함께 에뮬이 실행되고 안드로이드 단말의 홈화면이 구현됩니다.

안드로이드 스튜디오를 실행하면 옆의 화면이 나타납니다.

가장 위쪽의 start a new android studio project를 눌러주시면 

새로운 안드로이드 프로젝트를 만들기위한 창이 생깁니다.

application name에 어플 이름을 적어주시고 아래 

company domain에 주소를 적어주시면 자동으로 package name이 설정됩니다.

Package name이란 

앱을 구분하는 고유한 값으로 앱이 단말에 설치되었을 때 다른 앱과 구분될 수 있는

역할을 합니다. 다른 패키지 이름과 충돌하지 않도록 고유한 이름으로 바꾸어야 합니다.

자동으로 입력되는 패키지 이름과 다른 이름을 사용하고 싶다면 

오른쪽의 Edit버튼을 클릭한 후 직접 입력하면 됩니다.

어떤 플랫폼을 위한 앱인지를 선택하는 화면이 나타납니다.

phone and tablet 항목이 선택되어 있는 것을 볼수있습니다.

이건 스마트폰과 태블랫을 위한 앱을 만들겠다는 뜻입니다.

아래의 항목은 새로 만들 앱이 예전의 단말기종에서 어떤것 까지 지원할것인지 선택하는 것입니다.

자동으로 선택된것을 두고 다음으로 넘어가세요.

Empty Activity를 선택하고 다음으로 넘어갑니다.

디자인창과 레이아웃창의 이름을 정하는 것입니다.

다음을 누르고 끝내기를 눌러줍니다.

보안경고가 뜨죠? 자바프로그램이 인터넷을 사용하면 윈도우 보안경고가 뜰수있습니다. 

액세스 허용해주세요

드디어 프로젝트 창이 떴습니다.

팁창은 close 버튼을 눌러주세요

왼쪽 목록과 가운데 창으로 나눠저 있습니다.

가운데 상단에 보시면 아까 적었던 

Activity 네임과(Activity_main) layout이름(MainActivity)이 보이시죠?

지금 보이는 화면이 activity 화면으로 자바소스 파일이라는걸 알수있습니다.

옆의 Activity_main 을 눌러주시면 위와같은 화면이 나타납니다

첫번째 화면은 화면에 보일 그대로를 나타내며

두번째 화면은 구조를 청사진으로 나타낸 것입니다.

show design을 누르면 첫번째 화면만 보입니다.

show blueprint를 누르면 청사진 화면만 보이게 됩니다.

그럼 다시 Design+Blueprint를 눌러 주세요!

검색창에 안드로이드 스튜디오 라고 검색하고 홈페이지로 이동해 주세요

https://developer.android.com/studio/index.html?hl=ko

다운로드 눌러주세요 ㅎㅎ

다운하려면 어쩔수 없죠 정책에 동의해야해요

여기부터는 다음다음다음 으로 

설치가 되고 있죠?

이제 안드로이드 스튜디오를 실행해 봅시다

띠용??? 이게뭐람

맞아요 사실 아직 설치안된거였습니다.

다시 다음다음다음 눌러줄게요

다음이 안눌러짐 ㅠㅠ

그럼 피니쉬를 눌러봅시다

그럼 갑자기 설치가 시작됩니다. 위의 목록들을 설치하는거죠

여기서 ...안드로이드 스튜디오가 설치 or 실행이 안되는 경우가 있습니다.

네 그게 바로 접니다.

>사용자계정이 한글이 아닐경우

사용자 계정이 한글이름으로 되어있다면 사용자 폴더의 경로에 C:/users/가나다 처럼 한글이 포함됩니다. 이 경우에 프로그램이 제대로 실행되지 않을 수 있어요 ㅜ_ㅜ 윈도우에서 새로운 영문 계정을 만든 후 그 계정으로 로그인하여 새로 설치해 주세요

>자바 버전이 낮을 경우

설치한 자바 버전이 1.8보다 낮은 경우 프로그램이 제대로 실행 할 수없습니다. 이경우에는 기존 자바를 삭제하고 다시 깔아주세요

>실행할 수 있는 메모리의 용량이 적은 경우

안드로이드 스튜디오가 실행될 때 메모리가 적어서 실행할 수 없다는 오류 메시지가 표시되는 경우가 있어요.

이때는 안드로이드 스튜디오에서 사용 할 수있는 최대 메모리의 크기를 늘려야 해요.

파일 탐색기를 열고 안드로이드 스튜디오가 설치된 폴더 아래있는 빈폴더를 찾아요.

이 폴더 아래에 studio64.exe.vmoptions 파일이 있으면 그 파일을 메모장에서 엽니다 그리고 -Xmx로 시작하는 줄의 숫자를 더 크게 수정해줘요

-Xmx2048m

수정하고 파일을 저장후에 다시 안드로이드 스튜디오를 실행해 보아요

설치가 완료되면 피니쉬를 눌러줘요

그럼 설치 끝!

자바를 다운받은 후 설치하는 과정입니다.

설치파일을 눌러주시고 다음다음다음 눌러주세요

다음

다음

여기서 설치된 위치를 알아두셔야 해요

이제 설치가 완료되었습니다.

자바 설치가 완료되면 환경변수에 자바관련 정보를 추가해야 해요

내컴퓨터 속성으로 들어가 줍니다.

왼쪽 위를 보면 고급 시스템 설정이라구 있어요 눌러줍니다.

고급이라 뭐가 뭔지 모르겟지만 아래에 환경변수를 눌러 주세요

사용자 변수 아래 시스템 변수가 보이시죠

시스템 변수의 

새로만들기를 눌러줍니다.

변수이름을 적고

아래에 디렉터리 찾기에서 자바설치위치를 찾아주세요

그리고 확인을 눌러주세요

다시 환경변수 창이 나오면 아래 시스템변수에서 Path를 더블클릭 해줍니다.

그럼 환경변수 편집이 나오구요

새로만들기를 눌러서 아까 자바 설치폴더에 bin폴더를 잡아줍시다

마지막으로 빈폴더를 가장 상위로 올려주세요

그럼 끝났습니다. 그럼 확인을 해봅시다

실행창을 켜고 > cmd 입력 

JAVA를 입력해줍시다 

자바 입력후 엔터를 치시고 다음화면이 나오면 설치가 완료된거랍니다. ㅎㅎ

설치 끝 !

먼저 검색창에 오라클을 검색해주세요.

메뉴에서 모든 자바 다운로드를 선택해주세요

JAVA SE를 클릭해주세요

JDK 다운로드 클릭

라이센스에 동의해주시면 다운이 가능합니다.

다운받으실때는 운영체제와 비트확인후 다운해주세요

안드로이드는 버전별로 디저트 이름을 별명으로 쓰고있다.

안드로이드 1.0버전 스마트폰 OS

진저브레드 2.3버전 NFC지원

허니콤 3.0버전 태블릿 지원

아이스크림 샌드위치 4.0버전 스마트폰 태블릿 지원

젤리빈 4.2버전 그래픽 성능 향상

킷캣 4.4버전/저사양 단말 지원

롤리팝 5.0버전 새로운 그래픽 디자인

마시멜로 6.0 보안강화

누가 7.0버전 다중창 지원

오레오 8.0버전 부팅속도 2배, 무선음질 향상