[안드로이드] 이미지 넣어서 버튼(Button) 만들기

[안드로이드] 어플만들기/ 안드로이드 기초 다지기 2014. 1. 22. 19:20

▣ 안드로이드 이미지 넣어서 버튼 만들기

■ Button은 어플의 특정 기능을 실행하도록 명령할때 사용하게 되는데요. 안드로이드에서는 제공하는 버튼에 이미지와 텍스틀 넣어보겠습니다.

텍스트만 딸랑 써넣는것보다 그림처럼 이미지들을 넣으면 좀 더 이쁘게 만들 수 있습니다.

■ 일곱개의 Button을 배치하고 각각의 특성에 맞게 이미지들을 넣었습니다. 이번 포스팅에서는 이렇게 그림과 글자 넣는 방법을 알아보고 이어서 다음 포스팅에서 이 버튼들을 클릭했을때 발생하는 이벤트들을 작성해 보겠습니다. 먼저 사용할 이미지들을 준비합니다. 위의 그림 중에서 6번째 Google Map은 나중에 안드로이드에서 내장 이미지를 불러와서 넣게 됩니다.

■ 다음으로 activity_main.xml에 버튼 7개를 배치합니다.

각각의 Button의 특징을 xml파일을 통해서 살펴보도록 하겠습니다.

■ 첫번째로 일반 버튼입니다. 위에서 배치한 모든 버튼은 중앙에 위치하도록 layout_gravity는 "center_horizontal"로 설정을 하고 있습니다. 나중에 오른쪽, 왼쪽으로 움직여 보기로 하고 일단 모두 중앙으로 배치를 했습니다. 크기는 입력된 문자열의 크기만큼(wrap_content)로 설정을 합니다.

■ 두번째로 "AutoLink"기능을 사용한 Button입니다. 이것은 버튼에 출력되는 문자열로 자동 링크가 걸리게 하는 기능입니다.자동링크를 "all"로 설정을 하고 문자열에 네이버 주소를 사용하였습니다. 나중에 이걸 클릭하면 네이버가 열리게 됩니다. 자동링크를 "all"로 설정하면 문자열에 따라서이메일, 인터넷, 전화번호, 지도 등이 자동으로 링크가 걸리게 됩니다. 즉 여기에 이메일 주소를 써 넣으면 Button을 눌렀을때 자동으로 이메일로 연결이 됩니다.

■ 세번째로 아이콘을 위로, 텍스트를 아래로 출력하고 버튼 모양을 모서리가 둥글게 표현한 것입니다.

*색이 잘 안보이네요.;; 자세히 보시면 모서리가 둥근 형태입니다. xml소스를 보면 "drawableTop"으로 아이콘을 그려서 상단에 위치하게 하고, 백그라운드를 따로 만들어서 넣었다는걸 알 수 있는데요.

* 다음 소스가 라운드 박스를 그리는 소스입니다. 칼라와 radius의 숫자를 설정해보면서 이쁘게 만들어서 drawable폴더에 넣고나서 위에서처럼 백그라운으로 설정을 하면 모서리가 둥근 사각형을 표현할 수 있습니다.

■ 네번째는 버튼의 백그라운드를 준비한 이미지로만 처리한 것입니다.

■ 다섯번째는 아이콘을 왼쪽으로 배치하고, 이름에 색을 넣고(녹색), 배경을 투명하게 한것입니다.

layout_marginBottom을 "10dp" 설정하여 아래쪽 외부 영역을 설정하고, 백그라운드를 "#00000000"으로 설정을 했는데요. 이렇게 설정하면 배경이 투명하게 됩니다. 일반 칼라(검정색)는 숫자'0'이 6개 이지만 투명도를 표현하기 위해서는 8개 입니다. 여기서 앞의 두개의 '0'이 투명도를 나타내는 것입니다. 앞의 두개의 숫자를 조금씩 올려보면 투명도가 조금씩 달라지게 됩니다.