본문 바로가기

kotlin5

안드로이드 스튜디오 애니메이션 적용 방법 kotlin 안녕하세요. 공돌이 입니다. 어플 (앱) 만들기를 진행하다 보면 간단한 애니메이션 효과를 추가하여 화면을 꾸미고 싶은 욕구가 마구 샘솟아 오릅니다. 단순히 이미지를 넣어서 숨겼다 보였다 하는 것은 지난 포스팅에서 visibility효과를 이용하면 간단히 처리할 수 있음을 보였습니다. 하지만 만약 빙글 빙글 돌리는 형태, 혹은 까딱 가딱 흔들리는 형태로 애니메이션 처리를 하고 싶을 때는 어떻게 해야 할까요? 아래 그림이 이번 포스팅의 결과입니다. 기존에는 이미지만 첨부해 왔습니다만, 이번에는 애니메이션을 보여야 하기에 gif로 파일을 작성하게 되었습니다. 보시는 것처럼 귀여운 캐릭터가 좌우로 흔들 거리는 모습을 보실 수 있습니다. 사실 이 애니메이션은 왼쪽 또는 우측으로 회전하는 애니메이션을 응용한 모습입.. 2020. 3. 31.
안드로이드 스튜디오 pop up 메시지, alert dialog 사용 방법 kotlin 안녕하세요. 공돌이 입니다. 앱 동작 시 사용자에게 특성 액션을 요구하는 경우, 설명이 필요한 경우, 선택을 요구하는 경우에 팝업 (pop up) 메시지 창을 활용하면 사용자에게 명확히 피트백이 가능합니다. 흔히 인터넷 사이트에서도 새로운 공지 사항이나, 특별 이벤트가 있을 때, 또 관심을 끌게 하고 싶은 경우 이 pop up을 많이 활용하고 있습니다. 본 포스팅에서는 앱에서 pop up 메시지를 어떻게 발생시키고 어떻게 활용을 하면 효과적인지 소개하고자 합니다. 위 그림은 실제 pop up 메시지가 송출된 상황입니다. Android studio에서는 pop up 메시지를 AlertDialog로 표현합니다. Alert dialogue 단어 뜻대로 대화를 알리다 라는 뜻입니다. 그리고, 타이틀, 메시지를 .. 2020. 3. 28.
안드로이드 스튜디오 버튼 모양, 색깔 바꾸기 kotlin 안녕하세요. 공돌이 입니다. 지난번 포스팅에 이어 버튼 button의 옵션 기능에 대해서 공유하겠습니다. 기본적으로 제공되는 버튼의 모양은 회색의 박스 타입의 구조입니다. 유저가 클릭했을 때 회색에서 찐한 회색으로 변하는 모습을 확인하실 수 있습니다. 개발자의 의도에 따라 버튼의 색을 다양한 색상으로 바꾸기도 하고, 또 눌렀을 때 피드백될 수 있도록 색의 변화를 주는 방법이 있습니다. 그리고 네모 반듯한 구조의 버튼보다는 조약돌처럼 둥그스름한 모양의 버튼이 조금 더 예뻐 보이기에 네모 박스에서 코너를 라운딩 시키는 방법에 대해서도 함께 소개하도록 하겠습니다. 아래 이미지는 최종 버튼들의 모양입니다. 기본 버튼에서 파란색, 붉은색으로 변화를 준 모습입니다. 그리고 우측 그림은 가운데 버튼을 터치했을 때의 .. 2020. 3. 26.
안드로이드 스튜디오 이미지 숨기기 방법 kotlin 안녕하세요. 공돌이 입니다. 이번 글에서 공유할 내용은 TextView, Button, imageview 등 사용자에게 정보를 전달하는 item에 대해서 숨겼다가 표시했다가 하는 코드를 설명하고자 합니다. 해당 내용에 대해서 직접적인 교육자료가 잘 없고, 또 사용자에 코드 하나의 차이로 효과가 조금씩 다르게 나타나 필요에 따라 해당 기능을 잘 이용하면 좋을 것으로 판단합니다. 먼저 아래의 그림처럼 버튼 4개와 그림1개를 만들어서 준비했습니다. Linear layout을 이용하였습니다. 그리고 위에서 순서대로 1, 2, 3, 4 이렇게 id를 설정하였고, imageView는 imageView로 하였습니다. 위의 버튼들과 이미지들은 다음의 코드를 사용하여 숨김 처리가 가능합니다. override fun on.. 2020. 3. 24.
안드로이드 스튜디오 seek bar 사용 방법 Kotlin 안녕하세요. 공돌이 입니다. 안드로이드 스튜디오, android studio를 활용하여 어플리케이션(앱)을 만들 때 hello world를 출력하는 방법을 서두로 많은 책들이 시작합니다. 본 블로그에서도 기초적인 부분부터 모든 부분을 다 다루면 좋겠지만, 개발하면서 느꼈던 어려웠던 부분과, one point lesson이 될 수 있는 key point를 남겨 보고자 합니다. 그리고 kotlin 코틀린언어를 기본으로 하여 해당 내용을 소개 하겠습니다. 본 글에서 소개할 내용은 seek bar입니다. 아래 그림처럼 우리가 주로 휴대폰 화면에서 볼 수 있는 user interface (UI)입니다. 이 UI는 소리 크기, 화면 밝기, 음악/동영상 위치 이동처럼 특정 크기의 변화에 대해서 관리를 하기에 매우 용.. 2020. 3. 23.

TOP