기본 콘텐츠로 건너뛰기

안드로이드 앱 만들기 : AVD 에서 카메라에 내 이미지 나오게 해 보기.


원본출처: 티스토리 바로가기

AVD

Android Virtual Device는 Android Studio에서 앱을 개발하고 테스트하는 동안 실물 기기를 대신해서 테스트해 볼 수 있도록 지원하는 장치(?)입니다. 가상의 휴대폰이 되는 것입니다.

https://developer.android.com/studio/run/managing-avds?hl=ko

가상 기기 만들기 및 관리하기  |  Android 개발자  |  Android Developers

Android 스튜디오에서 가상 기기를 만들고 관리하는 방법에 관해 알아보세요.

developer.android.com


앱을 개발 하다 보면 카메라 촬영을 통해서 이미지를 사용하는 앱들도 구현하게 됩니다. 이런 경우 AVD에서 직접 촬영한 이미지를 볼 수 있도록 하면 좋을 것 같습니다. (이미 알고 계시는 경우도 있기는 하겠지만...)

설정해 보기

Android Studio 을 실행하고 AVD을 하나 실행해 보겠습니다. Android Studio Dolphin | 2021.3.1 Patch 1을 기준으로 설명해 드립니다. 이전 버전에서도 지원이 되기는 하니 참고하시면 될 것 같습니다.

먼저 오른쪽 바에서 Device Manager 을 열어서 이미 만들어 놓은 가상 머신 하나를 선택하고 연필 모양의 수정 버튼을 크릭 합니다.

device manager


이제 설정 화면이 나오면 왼쪽 하단에 있는 show Advanced Settings을 클릭해서 열어 봅니다.

설정 화면

Camera 설정을 보면 Front 카메라에는 없지만, Back 카메라에는 VirtualScene 라는 옵션이 있습니다. 이 옵션이 선택되도록 수정하고 저장을 클릭합니다.

선택 사항은 다음과 같습니다.

  • None : 카메라가 없는 선택
  • VirtualScene : 시뮬레이션 환경에서 가상 카메라 사용
  • Emulated : 시뮬레이션 카메라 사용
  • Device : 호스트 컴퓨터 웹캠 또는 내장 카메라 사용


가상 카메라는 마치 카메라가 있는 것 처럼 가상공간을 촬영하는 시뮬레이션을 해 준다는 의미입니다. 이제 앱을 실행해서 어떤 동작을 하는지 살펴보겠습니다.

이미지 적용 방법

  • avd 을 실행합니다. 다음 오른쪽 제일 하단에 있는 햄버거 메뉴를 클릭하여 설정 화면으로 들어갑니다. camera 메뉴를 클릭합니다.
  • Virtual Sence Images 에는 wall과 table 두 개가 있는데 wall 은 벽면에 표시되는 이미지 이고 table 은 테이블 위에 표시 되는 이미지 을 설정 하는 부분입니다. 이미지 열기를 선택하여 보여 주고 싶은 이미지를 선택 하여 적용합니다.
  • 주의할 것은 이미지 촬영 시 휴대폰이 세로가 되도록 해서 촬영된 이미지를 적용해 주세요. 그래야 아래 예시처럼 벽면에 정상적으로 된 이미지를 보여 줄 수 있습니다.
이미지 적용 순서

  • 적용된 이미지는 가상공간에서 주방을 찾아가면 벽면과 테이블에 각각 선택한 이미지가 보입니다.
카메라 영상 샘플

이제 AVD에서 카메라를 열어 선택한 이미지가 나오는 곳을 찾아보도록 하겠습니다.

가상공간 탐색

AVD의 카메라에 보이는 가상공간을 탐색해 보겠습니다. AVD의 하단에 보면 alt 키를 이용하여 카메라를 이동할 수 있다는 표시가 나옵니다.

alt 키와 w (전진), s (후진), a (왼쪽으로), d (오른쪽으로) 등의 방향키를 이용하여 카메라의 시선을 옮겨 봅니다. 잘 찾아보면 거실에 있는 TV을 비추고 있던 카메라 안에 강아지 모양도 보이고, 주방으로 가는 공간도 보일 겁니다. 위 동영상 예시와 같이 말입니다.

alt 키를 누른 상태에서 마우스를 드래그해 보면 카메라의 앵글이 움직이는 것도 보실 수 있습니다.

AVD 카메라 모습


이와 같이 해서 주방 뒤에 있는 다이닝 룸(?)을 찾아가셨다면 벽면에 비치는 사진과 테이블 위에 비치는 사진을 보실 수 있습니다. 이렇게 해서 AVD에서 이미지 보여 주기 방법에 대하여 알아보았습니다.

귤탐 당도선별 감귤 로열과, 3kg(S~M), 1박스 삼립 호빵 발효미종 단팥, 92g, 14개입 [엉클컴퍼니] 우리밀 찐빵/흑미찐빵/단호박찐빵/고구마찐빵 국산팥, 우리밀 고구마찐빵(20개입) 1300g 국산팥 우리밀 MORIT 여성용 방한장갑 터치스크린 다용도 고급겨울장갑 에이치머스 스마트폰 터치 방한 장갑
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

댓글

이 블로그의 인기 게시물

개인정보처리방침 안내

 billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 8월 26부터 적용됩니다. 제1조(개인정보의 처리 목적) billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 서비스 제공 맞춤서비스 제공을 목적으로 개인정보를 처리합니다. 제2조(개인정보의 처리 및 보유 기간) ① billcoreaTech은(는) 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집 시에 동의받은 개인정보 보유·이용기간 내에서 개인정보를 처리·보유합니다. ② 각각의 개인정보 처리 및 보유 기간은 다음과 같습니다. 1.<서비스 제공> <서비스 제공>와 관련한 개인정보는 수집.이용에 관한 동의일로부터<사용자의 설정시간>까지 위 이용목적을 위하여 보유.이용됩니다. 보유근거 : 앱의 기본기능 활용에 필요한 위치정보 제3조(개인정보의 제3자 제공) ① billcoreaTech은(는) 개인정보를 제1조(개인정보의 처리 목적)에서 명시한 범위 내에서만 처리하며, 정보주체의 동의, 법률의 특별한 규정 등 「개인정보 보호법」 제17조 및 제18조에 해당하는 경우에만 개인정보를 제3자에게 제공합니다. ② billcoreaTech

안드로이드 앱 만들기 : jetpack compose URL 에서 image 받아와서 보여 주기 (feat coil)

원본출처: 티스토리 바로가기 샘플 이미지 오늘은 앱을 만들면서 이미지를 보여 주어야 하는 경우 중에  URL에서 이미지를 가져와 보는 것에 대해서 기술해 보겠습니다.  URL에서 image를 가져온다는 것은 서버에 저장된 image 일수도 있고, SNS profile의 image 정보일수도 있을 것입니다.    구글에서 찾아보면 다른 것들도 많이 있기는 합니다.  그 중에서 coil 라이브러리를 이용해서 한번 만들어 보도록 하겠습니다.    gradle 설정 그래들 설정은 아래 한 줄입니다. 현재 시점에서 최신 버전인 것으로 보입니다.  이 글을 보시는 시점에 최신 버전이 아니라면 아마도 android studio는 추천을 해 줍니다. // image load from url implementation("io.coil-kt:coil-compose:2.2.2")   manaifest  설정 당연한 이야기 겠지만, url에서 이미지를 받아 와야 하기 때문에 권한 설정을 해야 합니다. 또한 인터넷에서 자료를 받아 오는 것은 지연이 발생할 수 있기 때문에 application에서도 다음 문구의 추가가 필요합니다.  <uses-permission android:name="android.permission.INTERNET" /> <application ... android:networkSecurityConfig="@xml/network_config" ... /> 이 설정을 하게 되면 xml 파일을 하나 추가해 주면 됩니다.  network_config.xml 이라는 이름으로 말입니다.  <?xml version="1.0" encoding="utf-8"?> <network-security-config> <domain-config cleartextT